@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#111113;--color-bg-tertiary:#18181b;--color-bg-elevated:#1f1f23;--color-bg-card:rgba(17,17,19,.95);--color-bg-hover:hsla(0,0%,100%,.03);--color-bg-active:hsla(0,0%,100%,.05);--color-border-subtle:hsla(0,0%,100%,.06);--color-border-default:hsla(0,0%,100%,.08);--color-border-hover:hsla(0,0%,100%,.12);--color-border-focus:rgba(212,175,55,.4);--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-muted:#52525b;--color-accent:#d4af37;--color-accent-hover:#e5c158;--color-accent-muted:rgba(212,175,55,.15);--color-accent-glow:rgba(212,175,55,.2);--color-success:#4ade80;--color-success-muted:rgba(74,222,128,.12);--color-warning:#fbbf24;--color-warning-muted:rgba(251,191,36,.12);--color-error:#f87171;--color-error-muted:hsla(0,91%,71%,.12);--color-info:#a1a1aa;--color-info-muted:hsla(240,5%,65%,.12);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 8px 24px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.25);--shadow-xl:0 16px 48px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3);--shadow-glow:0 0 32px var(--color-accent-glow);--shadow-inner:inset 0 1px 2px rgba(0,0,0,.3);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.45,0,0.55,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{line-height:var(--leading-relaxed)}a,p{color:var(--color-text-secondary)}a{text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-text-primary)}small{font-size:var(--text-xs);color:var(--color-text-tertiary)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;letter-spacing:.01em;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0,#c9a227 100%);color:#0a0a0b;box-shadow:var(--shadow-sm),0 0 0 1px rgba(212,175,55,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0,var(--color-accent) 100%);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--color-border-default)}.btn-secondary:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0,#22c55e 100%);color:#0a0a0b}.btn-success:hover{box-shadow:var(--shadow-md),0 0 24px rgba(74,222,128,.25);transform:translateY(-1px)}.btn:disabled,button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-base)}label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2);letter-spacing:.01em}input,select,textarea{width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-inner);transition:all var(--duration-normal) var(--ease-out)}input:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-inner),0 0 0 3px var(--color-accent-muted)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}input[type=checkbox]{width:20px;height:20px;padding:0;margin:0;cursor:pointer;accent-color:var(--color-accent);border-radius:var(--radius-sm)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-description{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.card-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}table{width:100%;border-collapse:separate;border-spacing:0}td,th{padding:var(--space-5) var(--space-6);text-align:left}th{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle)}th:first-child{border-top-left-radius:var(--radius-lg)}th:last-child{border-top-right-radius:var(--radius-lg)}td{font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}tbody tr{transition:background var(--duration-fast) var(--ease-out)}tbody tr:hover{background:var(--color-bg-hover)}tbody tr:hover td{color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;border-radius:var(--radius-full);white-space:nowrap}.badge-default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge-error{background:var(--color-error-muted);color:var(--color-error)}.badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.app-layout{display:flex;min-height:100vh;background:var(--color-bg-primary)}.main-wrapper{flex:1 1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,var(--color-bg-primary) 0,#0d0d0e 100%)}.main-content{flex:1 1;padding:var(--space-9);overflow-y:auto}.sidebar{width:280px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{gap:var(--space-4);padding:var(--space-7) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.logo-icon,.sidebar-logo{display:flex;align-items:center}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-accent) 0,#b8962f 100%);border-radius:var(--radius-lg);justify-content:center;font-weight:700;font-size:var(--text-base);color:#0a0a0b;box-shadow:var(--shadow-sm),0 0 20px var(--color-accent-glow)}.logo-text{display:flex;flex-direction:column;gap:3px}.logo-title{font-weight:700;font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.logo-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.sidebar-nav{flex:1 1;padding:var(--space-6);overflow-y:auto}.nav-group{margin-bottom:var(--space-8)}.nav-group:last-child{margin-bottom:0}.nav-group-title{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:0 var(--space-4);margin-bottom:var(--space-4)}.nav-list{list-style:none}.nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);color:var(--color-text-tertiary);font-size:var(--text-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out);margin-bottom:var(--space-2);text-decoration:none}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-muted);color:var(--color-accent)}.nav-icon{font-size:var(--text-lg);width:24px;text-align:center;opacity:.8}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-label{flex:1 1}.sidebar-footer{padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.status-indicator{display:flex;align-items:center;gap:var(--space-3)}.status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px var(--color-success)}50%{opacity:.6;box-shadow:0 0 4px var(--color-success)}}.status-text{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-7) var(--space-9)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.header-title-section{min-width:0}.header-title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:var(--tracking-tight)}.header-description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-2) 0 0;font-weight:400}.header-actions{gap:var(--space-4)}.header-actions,.search-box{display:flex;align-items:center}.search-box{gap:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);width:280px;transition:all var(--duration-normal) var(--ease-out)}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.search-icon{font-size:var(--text-base);opacity:.4}.search-input{border:none;background:transparent;padding:0;font-size:var(--text-sm);flex:1 1;color:var(--color-text-primary);box-shadow:none}.search-input:focus{outline:none;box-shadow:none}.notification-btn{position:relative;width:44px;height:44px;background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.notification-btn:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--color-accent);color:#0a0a0b;font-size:10px;font-weight:700;border-radius:var(--radius-full);justify-content:center}.notification-badge,.user-menu{display:flex;align-items:center}.user-menu{gap:var(--space-3)}.user-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.user-avatar:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{width:48px;height:26px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-full);position:relative}.toggle-slider,.toggle-slider:before{transition:all var(--duration-normal) var(--ease-out)}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--color-text-tertiary);border-radius:50%}.toggle-input:checked+.toggle-slider{background:var(--color-accent-muted);border-color:var(--color-accent)}.toggle-input:checked+.toggle-slider:before{background:var(--color-accent);transform:translateX(22px)}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-accent-muted)}.toast{position:fixed;bottom:var(--space-8);right:var(--space-8);padding:var(--space-5) var(--space-7);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:1000;animation:slideIn var(--duration-normal) var(--ease-out)}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.spinner{width:24px;height:24px;border:2px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.bg-accent{background:var(--color-accent-muted)}.bg-success{background:var(--color-success-muted)}.bg-warning{background:var(--color-warning-muted)}.bg-error{background:var(--color-error-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-muted);color:var(--color-text-primary)}@media (max-width:1024px){.app-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border-subtle)}.main-content{padding:var(--space-6)}}@media (max-width:768px){.header{padding:var(--space-5) var(--space-6)}.header-content{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.header-actions{width:100%;flex-wrap:wrap}.search-box{flex:1 1;min-width:200px}.main-content{padding:var(--space-5)}.card{padding:var(--space-6)}}