:root{--background-color: #ffffff;--text-color: #213547;--text-color-secondary: #555;--border-color: #e0e0e0;--table-bg: #ffffff;--table-header-bg: #f9f9f9;--table-row-bg: #ffffff;--table-row-hover-bg: #f0f0f0;--form-bg: #f9f9f9;--input-bg: #ffffff;--input-border: #ccc;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{--background-color: #121212;--text-color: rgba(255, 255, 255, .87);--text-color-secondary: #aaa;--border-color: #444;--table-bg: #1e1e1e;--table-header-bg: #1a1a1a;--table-row-bg: #242424;--table-row-hover-bg: #333;--form-bg: #2a2a2a;--input-bg: #333;--input-border: #555}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body,#root{height:100%;margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:#eceadd}.login-bg{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#eceadd;flex-direction:row}@media (min-width: 900px){.login-bg{align-items:center!important;justify-content:center!important}}.login-image{flex:1 1 0;min-width:320px;min-height:100vh;background:url(https://images.unsplash.com/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop) no-repeat center center;background-size:cover;border-top-left-radius:0;border-bottom-left-radius:0}.login-card{background:#fff;border-radius:32px;box-shadow:0 2px 24px #0000000f;padding:48px 32px 32px;width:100%;max-width:420px;position:relative;display:flex;flex-direction:column;align-items:center;min-height:540px;margin:0 60px}.login-logo-row{align-items:center;display:flex;justify-content:center;width:100%;position:relative;margin-bottom:0}.login-logo-text{font-family:Playfair Display,Times New Roman,serif;font-size:4rem;color:#2d1818;font-weight:700;line-height:1;margin-right:0;margin-bottom:0}.login-logo-bunny{position:absolute;right:-30px;top:-30px;z-index:2}.login-title{font-size:1.5rem;color:#555;font-weight:600;margin:24px 0;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;align-items:stretch}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-size:1.1rem;color:#333;font-weight:500}.form-group input{width:100%;padding:14px 16px;border:1.5px solid #d6d6d6;border-radius:12px;font-size:1.1rem;color:#333;background:#fafaf7;outline:none;transition:border .2s}.form-group input:focus{border:1.5px solid #facc15}.login-help{text-align:center;color:#222;font-size:1rem;font-weight:600;margin-bottom:18px}.form-error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:8px 0;margin-bottom:12px;text-align:center;font-size:1rem;width:100%;box-sizing:border-box;max-width:100%}.login-btn{width:100%;padding:16px 0;border:none;border-radius:24px;background:#facc15;color:#222;font-size:1.3rem;font-weight:500;cursor:pointer;margin-top:8px;transition:background .2s;display:flex;align-items:center;justify-content:center;position:relative;height:50px}.login-btn:hover{background:#eab308}.login-btn .spinner-container{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto}.login-btn .spinner{margin:0}.login-btn span{visibility:visible}.login-btn.loading span{visibility:hidden}.google-login-btn{background:#fff;color:#222;border:1.5px solid #d6d6d6;font-size:1.15rem;font-weight:500;border-radius:24px;box-shadow:0 1px 2px #3c404314,0 1.5px 6px #3c404314;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;margin-bottom:0;padding:10px;transition:background .2s,box-shadow .2s}.google-login-btn img{width:22px;height:22px;margin-right:10px;background:transparent}.google-login-btn:hover{background:#f5f5f5;box-shadow:0 2px 8px #3c40431f}@media (max-width: 900px){.login-bg{flex-direction:column}.login-image{min-height:180px;height:180px;width:100vw;border-radius:0}.login-card{margin:24px 0;min-height:unset;border-radius:24px}}@media (max-width: 600px){.login-card{padding:32px 8px 24px;max-width:98vw}.login-logo-text{font-size:2.2rem}.login-logo-bunny svg{width:40px;height:40px}}.spinner-container{display:flex;align-items:center;justify-content:center;height:100%;width:auto}.spinner{border:4px solid #f3f3f3;border-top:4px solid #a855f7;border-radius:50%;width:1em;height:1em;min-width:1em;min-height:1em;aspect-ratio:1 / 1;animation:spin 1s linear infinite;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:80px;background-color:#1a1a1a;color:#fff;height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 0;position:fixed;left:0;top:0;transition:width .3s}.sidebar-logo{margin-bottom:40px}.sidebar-nav{display:flex;flex-direction:column;gap:25px;align-items:flex-start}.nav-link{color:#a0a0a0;text-decoration:none;font-size:20px;padding:10px 12px;border-radius:8px;transition:background-color .3s,color .3s;display:flex;align-items:center;width:100%}.nav-link:hover{background-color:#333;color:#fff}.nav-link.active{background-color:#facc15;color:#1a1a1a}.sidebar-footer{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:20px}.sidebar-footer .nav-link{width:auto;justify-content:center;margin:0 auto;display:flex;align-items:center}.sidebar.expanded .sidebar-footer .nav-link{width:auto;justify-content:center}.sidebar .nav-link.active{width:50%}.sidebar.expanded .nav-link.active{width:100%}.sidebar.dark{background-color:#1a1a1a;color:#f4f4f4}.sidebar.dark .nav-link{color:#a0a0a0}.sidebar.dark .nav-link:hover{background-color:#333;color:#fff}.sidebar.dark .nav-link.active{background-color:#facc15;color:#1a1a1a}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;margin-bottom:20px;z-index:2}.hamburger span{display:block;width:24px;height:3px;background:#333;margin:4px 0;border-radius:2px;transition:all .3s}.sidebar.expanded .hamburger span{background:#facc15}.sidebar-title{display:none;margin-left:16px;font-size:18px;font-weight:500;white-space:nowrap}.sidebar.expanded .sidebar-title{display:inline}.sidebar.expanded{width:220px}@media (max-width: 600px){.sidebar{width:60px}.sidebar.expanded{width:180px}.sidebar-title{font-size:16px}}.header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background-color:#ebeae1}.header-left{display:flex;flex-direction:column}.header-title{font-size:2rem;color:#4a2c2a;font-weight:700;margin:0}.breadcrumbs{color:#a0a0a0;font-size:.9rem}.breadcrumbs a{text-decoration:none;color:#a0a0a0}.breadcrumbs a:hover{text-decoration:underline}.header-right{position:relative}.user-profile-btn{background-color:#fff;border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;padding:5px 15px;cursor:pointer;gap:10px;color:#333}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#007bff}.dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:1000;overflow:hidden;width:220px}.dropdown-item{background:none;border:none;padding:10px 20px;width:100%;text-align:left;cursor:pointer;color:#333}.dropdown-item:hover{background-color:#f4f4f4}body.dark .header{background-color:#1a1a1a!important;border-bottom:1px solid #333}body.dark .header-title{color:#e0e0e0!important}body.dark .breadcrumbs,body.dark .breadcrumbs a{color:#a0a0a0}body.dark .user-profile-btn{background-color:#2c2c2c;border-color:#444;color:#e0e0e0}body.dark .dropdown-menu{background-color:#2c2c2c;border-color:#444}body.dark .dropdown-item{color:#e0e0e0}body.dark .dropdown-item:hover{background-color:#3c3c3c}.dashboard-layout{display:flex}.main-content{flex-grow:1;margin-left:80px;background-color:#ebeae1;min-height:100vh;transition:margin-left .3s}.main-content.expanded{margin-left:220px;transition:margin-left .3s}.content-area{padding:20px}.dashboard-layout.dark .main-content{background-color:#1a1a1a;color:#f4f4f4}.dashboard-layout.dark .header{background-color:#2a2a2a;color:#f4f4f4}.dashboard-layout.dark .breadcrumbs a{color:#f4f4f4}.table-container{background-color:var(--background-color-light);border-radius:8px;padding:0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.dark .table-container{background-color:#1e1e1e}.table-header{background-color:#1a1a1a;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px}.table-title{margin:0;font-size:1.25rem;font-weight:600}.table-header-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative}.search-input{background-color:#333;color:#fff;border:1px solid #444;border-radius:20px;padding:.5rem 1rem .5rem 2.5rem;font-size:1rem;outline:none;transition:border-color .2s}.search-input::placeholder{color:#888}.search-input:focus{border-color:#fca311}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;fill:#888}.table{width:100%;border-collapse:collapse;background-color:var(--table-bg);color:var(--text-color);border-radius:8px;overflow:hidden}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table thead{background-color:var(--table-header-bg)}.table th{font-weight:600;color:var(--text-color-secondary);background-color:transparent;border-bottom:1px solid var(--border-color)}.table tbody tr{background-color:var(--table-row-bg)}.table tbody tr:hover{background-color:var(--table-row-hover-bg)}.table tbody tr:last-child td{border-bottom:none}.action-btn{border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-weight:500;margin-right:.5rem;transition:background-color .2s,color .2s}.edit-btn{background-color:#fca311;color:#1a1a1a}.edit-btn:hover{background-color:#e0930b}.delete-btn{background-color:#e0e0e0;color:#333}.delete-btn:hover{background-color:#c7c7c7}.delete-btn:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed}.action-btn.deactivate-btn,.action-btn.activate-btn{background-color:#333;color:#fff}.action-btn.deactivate-btn:hover,.action-btn.activate-btn:hover{background-color:#555}.action-btn.deactivate-btn:disabled,.action-btn.activate-btn:disabled{background-color:#555;color:#aaa;cursor:not-allowed}.button-create{background-color:#000;color:#fff;border:1px solid #a9d7ff;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.button-create:hover{background-color:#333;border-color:#7ac0ff}.skeleton{background:linear-gradient(90deg,#f3f3f3 25%,#e0e0e0,#f3f3f3 75%);background-size:200% 100%;animation:skeleton-loading 1.2s infinite linear;border-radius:4px;margin:4px 0}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000004d;position:relative;width:90%;max-width:500px}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:28px;color:#333;font-weight:700;cursor:pointer;z-index:2;transition:color .2s}.close-button:hover{color:#f0c400;background:none}.form-container{background-color:#f9f9f7;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:480px;min-width:340px;margin:0 auto}.form-container h2{text-align:center;font-size:2rem;color:#333;margin-bottom:10px}.form-container .form-description{text-align:center;color:#666;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#444;margin-bottom:8px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select,.form-group textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:12px 15px;border:1px solid #ddd;border-radius:8px;background-color:#fff;font-size:1rem;color:#333;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f0c400;box-shadow:0 0 0 3px #f0c40033}.btn-primary{background-color:#f0c400;color:#333;border:none;padding:12px 25px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;display:block;width:100%;max-width:100%;min-width:0;margin-top:20px;transition:background-color .2s}.btn-primary:hover{background-color:#e0b400}.form-error{color:#d9534f;background-color:#f2dede;border:1px solid #ebccd1;padding:10px;border-radius:8px;margin-bottom:20px;text-align:center}.page-controls{display:flex;justify-content:flex-end;margin-bottom:16px}.create-button-page{padding:9px 16px;border-radius:6px;background-color:#fff;color:#333;border:1px solid #ccc;cursor:pointer;font-weight:600}.dark .create-button-page{background-color:#3a3a3a;color:#f4f4f4;border-color:#555}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}