@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #0a0a0f;--bg: #12121a;--bg-elevated: #1a1a25;--bg-card: #1e1e2a;--primary: #d4a056;--primary-light: #e8c07a;--primary-dark: #b08030;--primary-glow: rgba(212, 160, 86, .3);--accent: #c07850;--accent-light: #d89870;--text: #f0f0f5;--text-muted: #8888a0;--text-subtle: #5a5a70;--border: #2a2a3a;--border-light: #3a3a4a;--border-glow: rgba(212, 160, 86, .2);--success: #50a070;--success-bg: rgba(80, 160, 112, .15);--danger: #c05050;--danger-bg: rgba(192, 80, 80, .15);--warning: #d0a050;--warning-bg: rgba(208, 160, 80, .15);--glass-bg: rgba(30, 30, 42, .8);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--sidebar-width: 280px;--sidebar-collapsed-width: 64px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=light]{--bg-deep: #faf8f5;--bg: #f5f3f0;--bg-elevated: #fefcfa;--bg-card: #ffffff;--primary: #b08030;--primary-light: #d4a056;--primary-dark: #8a6020;--primary-glow: rgba(176, 128, 48, .15);--accent: #a06840;--accent-light: #c08860;--text: #1a1816;--text-muted: #5c5c5c;--text-subtle: #a0a0a0;--border: #e8e5e0;--border-light: #d8d5d0;--border-glow: rgba(176, 128, 48, .1);--success: #409060;--success-bg: rgba(64, 144, 96, .08);--danger: #b04040;--danger-bg: rgba(176, 64, 64, .08);--warning: #c09040;--warning-bg: rgba(192, 144, 64, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-blur: 20px;--shadow-sm: 0 2px 8px rgba(26, 24, 22, .06);--shadow-md: 0 4px 16px rgba(26, 24, 22, .08);--shadow-lg: 0 8px 32px rgba(26, 24, 22, .1);--shadow-glow: 0 0 20px rgba(176, 128, 48, .12)}[data-theme=light] body:before{background-image:none;opacity:0}[data-theme=light] .auth-page:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(176,128,48,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(192,144,64,.03) 0%,transparent 50%)}:root{--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-deep);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}.auth-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(212,160,86,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(192,80,80,.06) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(30,30,42,.5) 0%,transparent 50%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.5rem;width:100%;max-width:420px;position:relative;z-index:1;animation:auth-card-enter .6s ease-out}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.6}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.auth-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-glow)}.auth-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;text-align:center;color:var(--text);letter-spacing:-.02em}.auth-subtitle{font-size:var(--text-sm);text-align:center;color:var(--text-muted);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem;color:var(--text-muted)}.form-input{width:100%;padding:.875rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text);transition:all var(--transition-fast);font-family:var(--font-body)}.form-input::placeholder{color:var(--text-subtle)}.form-input:hover{border-color:var(--border-light)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-elevated)}.form-input[type=password]{font-family:var(--font-mono);letter-spacing:.1em}.form-select{padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:var(--text-base);font-weight:600;font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:var(--bg-deep);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-light);color:var(--primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--text)}.btn-sm{padding:.5rem 1rem;font-size:var(--text-sm)}.btn-lg{padding:1rem 2rem;font-size:var(--text-lg)}.auth-btn{width:100%;padding:1rem;font-size:var(--text-base);font-weight:600}.error-message{color:var(--danger);padding:.875rem 1rem;background:var(--danger-bg);border:1px solid rgba(192,80,80,.3);border-radius:var(--radius-md);margin-bottom:1rem;font-size:var(--text-sm);display:flex;align-items:center;gap:.5rem;animation:error-shake .3s ease}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-message:before{content:"⚠";font-size:1rem}.success-message{color:var(--success);padding:1rem;background:var(--success-bg);border:1px solid rgba(80,160,112,.3);border-radius:var(--radius-md);margin-top:1rem;text-align:center;font-size:var(--text-sm);animation:success-enter .4s ease}@keyframes success-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.success-message:before{content:"✓ "}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted)}.auth-footer a{color:var(--primary);font-weight:600;margin-left:.25rem;position:relative}.auth-footer a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary);transform:scaleX(0);transition:transform var(--transition-fast)}.auth-footer a:hover:after{transform:scaleX(1)}.page-container{display:flex;min-height:100vh;background:var(--bg-deep)}.sidebar{width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;z-index:100;display:flex;flex-direction:column;transition:transform var(--transition-normal)}.main-content{margin-left:var(--sidebar-width);padding:2rem;flex:1;min-height:100vh;transition:margin-left var(--transition-normal)}.page-header{margin-bottom:2rem;animation:header-enter .5s ease-out}@keyframes header-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:.25rem}.page-desc{font-size:var(--text-sm);color:var(--text-muted)}.page-body{max-width:900px;animation:body-enter .6s ease-out .1s both}@keyframes body-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;position:relative}.panel:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.panel-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.panel-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.panel-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text);margin-bottom:.25rem}.panel-section-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:1rem}.logout-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.logout-btn{width:100%;padding:.875rem;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border)}.sidebar-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--text);letter-spacing:-.01em}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-section{font-size:var(--text-xs);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:.75rem;padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);text-decoration:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);position:relative}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary);border-radius:2px;transition:height var(--transition-fast)}.nav-item:hover{background:var(--bg-elevated);color:var(--text)}.nav-item:hover:before{height:60%}.nav-item.active{background:linear-gradient(135deg,#d4a05626,#d4a0560d);color:var(--primary)}.nav-item.active:before{height:80%}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.nav-label{flex:1}.sidebar-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;z-index:200;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}@media (max-width: 1024px){.main-content{padding:1.5rem}}@media (max-width: 768px){:root{--sidebar-width: 280px}.sidebar{transform:translate(-100%);width:280px;background:var(--bg-deep)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.sidebar.open+.sidebar-overlay,.sidebar-overlay.active{display:block}.main-content{margin-left:0;padding:1rem 1rem 6rem}.sidebar-toggle{display:flex}.page-title{font-size:var(--text-2xl)}.panel{padding:1rem;border-radius:var(--radius-md)}.auth-card{padding:1.5rem;border-radius:var(--radius-lg)}.auth-title{font-size:var(--text-2xl)}}@media (max-width: 480px){.main-content{padding:.75rem .75rem 5rem}.page-header{margin-bottom:1rem}.page-title{font-size:var(--text-xl)}.panel-section{margin-bottom:1.5rem;padding-bottom:1rem}.form-input{padding:.75rem}.btn{padding:.75rem 1rem}}.loading-state,.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.skeleton{background:linear-gradient(90deg,var(--bg) 25%,var(--bg-elevated) 50%,var(--bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:var(--primary-glow);color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=light] ::-webkit-scrollbar-track{background:transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:#1a18161f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#1a181633}