@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--brand-50: #ECFEFF;--brand-100: #CFFAFE;--brand-300: #67E8F9;--brand-500: #06B6D4;--brand-600: #0891B2;--brand-700: #0E7490;--primary: #06B6D4;--primary-hover: #0891B2;--primary-50: rgba(6, 182, 212, .06);--primary-100: rgba(6, 182, 212, .12);--primary-200: rgba(6, 182, 212, .24);--primary-500: #06B6D4;--primary-600: #0891B2;--primary-700: #0E7490;--accent-violet: #A78BFA;--accent-emerald: #10B981;--accent-amber: #F59E0B;--accent-rose: #F43F5E;--success: #10B981;--success-light: rgba(16,185,129,.1);--warning: #F59E0B;--warning-light: rgba(245,158,11,.1);--danger: #F43F5E;--danger-light: rgba(244,63,94,.1);--info: #06B6D4;--info-light: rgba(6,182,212,.1);--bg: #0B0F19;--bg-elev: #0F1525;--surface: #151B2C;--surface-2: #1B2238;--surface-3: #232B45;--border: #232B45;--border-soft: #1B2238;--text: #F1F5F9;--text-mute: #94A3B8;--text-soft: #64748B;--text-faint: #475569;--white: #ffffff;--gray-25: var(--surface);--gray-50: var(--surface-2);--gray-100: var(--border);--gray-200: var(--surface-3);--gray-300: var(--text-faint);--gray-400: var(--text-soft);--gray-500: var(--text-mute);--gray-600: var(--text-mute);--gray-700: var(--text);--gray-800: var(--text);--gray-900: var(--text);--content-bg: var(--bg);--sidebar-bg: #0A0E1A;--sidebar-hover: rgba(255,255,255,.04);--sidebar-active: rgba(6,182,212,.1);--sidebar-border: rgba(255,255,255,.04);--sidebar-text: rgba(255,255,255,.55);--sidebar-text-hover: rgba(255,255,255,.95);--sidebar-text-active: #67E8F9;--sidebar-section: rgba(255,255,255,.28);--sidebar-width: 256px;--radius-sm: 6px;--radius: 10px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 12px rgba(0,0,0,.35);--shadow-md: 0 6px 18px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.5);--shadow-card: 0 1px 3px rgba(0,0,0,.3);--shadow-primary: 0 4px 16px rgba(6,182,212,.3);--glow-primary: 0 0 0 1px rgba(6,182,212,.25), 0 8px 28px rgba(6,182,212,.2);--glow-success: 0 0 16px rgba(16,185,129,.25);--glow-warning: 0 0 16px rgba(245,158,11,.25);--glow-danger: 0 0 16px rgba(244,63,94,.25);--transition-fast: .12s ease;--transition: .2s ease;--transition-slow: .35s cubic-bezier(.25, .1, .25, 1);--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;letter-spacing:-.01em;min-height:100vh}a{color:var(--brand-500);text-decoration:none}::selection{background:#06b6d440;color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #06b6d44d}50%{box-shadow:0 0 24px #06b6d48c}}@keyframes ping{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.app-main{padding:32px;max-width:1500px;width:100%;margin:0 auto;animation:fadeSlideUp .4s ease}.sidebar{background:linear-gradient(180deg,#0a0e1a,#0f1525);border-right:1px solid var(--border);padding:20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.sidebar-header{padding:4px 8px 16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-header h2{display:flex;align-items:center;gap:10px;margin:0;color:#f1f5f9;font-weight:700;font-size:16px;letter-spacing:-.02em}.sidebar-brand-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--brand-500),var(--accent-violet));box-shadow:0 0 12px var(--brand-500);display:inline-block}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-nav-section{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--sidebar-section);padding:16px 12px 6px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--sidebar-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;position:relative;text-decoration:none;margin-left:0}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.85}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.nav-item.active{background:linear-gradient(90deg,#06b6d42e,#06b6d40a);color:var(--sidebar-text-active)}.nav-item.active:before{content:"";position:absolute;left:-20px;top:8px;bottom:8px;width:3px;background:var(--brand-500);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--brand-500)}.sidebar-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.sidebar-user-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--brand-500),var(--accent-violet));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:#ffffff8c;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;width:100%;transition:all .15s;text-align:left}.sidebar-logout svg{width:16px;height:16px;flex-shrink:0;opacity:.85}.sidebar-logout:hover{background:#f43f5e14;border-color:#f43f5e33;color:var(--accent-rose)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.page-header p{margin:4px 0 0;color:var(--text-mute);font-size:13px}.welcome-banner{margin-bottom:24px;animation:fadeSlideUp .4s ease}.welcome-banner h2{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.welcome-banner p{margin:4px 0 0;color:var(--text-mute);font-size:13px}.mono{font-family:var(--font-mono);letter-spacing:0}.card{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent),var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;transition:all .2s;margin-bottom:16px;box-shadow:inset 0 1px #ffffff0a,0 24px 48px -24px #00000080}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.card-header h2,.card-title{font-size:14px;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--text)}.card-body{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:all .2s;animation:fadeSlideUp .3s ease}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-500);border-radius:0 2px 2px 0}.stat-card.accent-primary:before{background:var(--brand-500)}.stat-card.accent-info:before{background:var(--brand-500)}.stat-card.accent-success:before{background:var(--accent-emerald)}.stat-card.accent-warning:before{background:var(--accent-amber)}.stat-card.accent-danger:before{background:var(--accent-rose)}.stat-card.accent-violet:before{background:var(--accent-violet)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#06b6d466}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#06b6d41f;color:var(--brand-500)}.stat-icon.icon-primary,.stat-icon.icon-info{background:#06b6d41f;color:var(--brand-500)}.stat-icon.icon-success{background:#10b9811f;color:var(--accent-emerald)}.stat-icon.icon-warning{background:#f59e0b1f;color:var(--accent-amber)}.stat-icon.icon-danger{background:#f43f5e1f;color:var(--accent-rose)}.stat-icon.icon-violet{background:#a78bfa1f;color:var(--accent-violet)}.stat-label{font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-value{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:6px;color:var(--text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;line-height:1;background:transparent;color:var(--text);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:12px;gap:4px}.btn-lg{padding:11px 22px;font-size:14px}.btn-full{width:100%;justify-content:center}.btn-primary{background:linear-gradient(180deg,var(--brand-500),var(--brand-600));color:#fff;box-shadow:0 1px #ffffff2e inset,0 4px 12px #06b6d44d}.btn-primary:hover:not(:disabled){box-shadow:0 1px #ffffff2e inset,0 6px 22px #06b6d480;transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--brand-500);color:var(--text)}.btn-danger{background:#f43f5e1a;color:var(--accent-rose);border-color:#f43f5e40}.btn-danger:hover:not(:disabled){background:#f43f5e26;border-color:var(--accent-rose)}.btn-success{background:var(--accent-emerald);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-ghost{background:transparent;color:var(--text-mute);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-loading{display:inline-flex;align-items:center;gap:8px}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge-success{background:#10b9811f;color:var(--accent-emerald)}.badge-warning{background:#f59e0b1f;color:var(--accent-amber)}.badge-danger{background:#f43f5e1f;color:var(--accent-rose)}.badge-info{background:#06b6d41f;color:var(--brand-500)}.badge-neutral{background:var(--surface-2);color:var(--text-mute);border:1px solid var(--border)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;display:inline-block}.form-group{margin-bottom:16px}.form-tabs{display:inline-flex;gap:2px;padding:4px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:10px;flex-wrap:wrap}.form-tab{padding:7px 14px;border:0;background:transparent;color:var(--text-mute);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border-radius:7px;transition:color .15s,background .15s}.form-tab:hover{color:var(--text)}.form-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0003,inset 0 0 0 1px var(--border)}.form-section{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border-soft)}.form-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.form-section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.01em}.form-section-body{display:block}.form-group label,.form-label{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-soft);margin-bottom:6px;text-transform:uppercase}.form-group label,label{display:block;font-size:12px;font-weight:600;color:var(--text-mute);margin-bottom:6px;letter-spacing:.01em}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=tel],input[type=url],input[type=search],select,textarea{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 20%,transparent)}.form-input.error,input.error{border-color:var(--accent-rose)}.form-input.error:focus,input.error:focus{box-shadow:0 0 0 3px #f43f5e33}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=color]{padding:2px;height:36px;cursor:pointer}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand-500);cursor:pointer}.switch-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:36px;height:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s;flex-shrink:0}.switch-toggle:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:999px;background:var(--text-mute);transition:all .15s}.switch-toggle:checked{background:linear-gradient(180deg,var(--brand-500),var(--brand-600));border-color:transparent}.switch-toggle:checked:after{left:18px;background:#fff;box-shadow:0 2px 4px #0000004d}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg-elev)}th{text-align:left;padding:12px 16px;font-size:10px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:13px 16px;color:var(--text);border-bottom:1px solid var(--border-soft)}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-top:1px solid var(--border);background:var(--bg-elev)}.pagination-info{font-size:12px;color:var(--text-mute)}.pagination-buttons{display:flex;gap:8px}.pagination-btn{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.pagination-btn:hover:not(:disabled){border-color:var(--brand-500)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.search-bar{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.search-bar:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #06b6d426}.search-bar input{border:none;background:transparent;padding:9px 0;flex:1}.search-bar input:focus{box-shadow:none}.spinner{width:32px;height:32px;border:3px solid var(--surface-3);border-top-color:var(--brand-500);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.loading-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skel 1.4s infinite;border-radius:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}hr{border:none;border-top:1px solid var(--border);margin:16px 0}code{font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:2px 6px;border-radius:4px}.auth-split{display:flex;min-height:100vh;background:var(--bg)}.auth-brand-panel{width:480px;min-width:480px;background:linear-gradient(180deg,#0a0e1a,#0f1525);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:56px 48px;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.auth-brand-panel:after{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.18) 0%,transparent 65%);pointer-events:none;animation:pulseGlow 4s ease-in-out infinite}.auth-brand-content{position:relative;z-index:1}.auth-brand-logo{margin-bottom:32px;display:flex;align-items:center;gap:12px}.auth-brand-title{font-family:var(--font-display);font-size:44px;font-weight:800;letter-spacing:-1.5px;margin-bottom:8px;background:linear-gradient(135deg,#ffffff 0%,var(--brand-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand-subtitle{font-size:12px;color:#fff6;margin-bottom:56px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.auth-brand-features{display:flex;flex-direction:column;gap:16px}.auth-brand-feature{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:10px;border:1px solid transparent;transition:all .5s ease}.auth-brand-feature--active{background:#06b6d40f;border-color:#06b6d42e}.auth-brand-feature-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--brand-500);flex-shrink:0}.auth-brand-feature--active .auth-brand-feature-icon{background:#06b6d41f;border-color:#06b6d447;box-shadow:0 0 16px #06b6d426}.auth-brand-feature-content h4{font-size:14px;font-weight:600;color:#ffffffeb;margin:0 0 2px}.auth-brand-feature-content p{font-size:12px;color:#ffffff73;margin:0}.auth-brand-footer{position:relative;z-index:1;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#ffffff4d}.auth-brand-version{font-family:var(--font-mono)}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.auth-form-container{width:100%;max-width:420px}.auth-form-header{margin-bottom:32px;text-align:left}.auth-form-header h1{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:6px}.auth-form-header p{color:var(--text-mute);font-size:13px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-soft);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-logo-block{display:inline-flex;align-items:center;gap:8px}.tenant-switcher{margin:0 0 12px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#ffffffd9;font-size:12px}.tenant-switcher:hover{background:#ffffff0f}.data-table{width:100%;border-collapse:collapse;font-size:13px}