:root{--brand-primary: #6366f1;--brand-primary-light: #818cf8;--brand-primary-dark: #4f46e5;--brand-primary-bg: #eef2ff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--color-success: #10b981;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-danger: #ef4444;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--sidebar-bg: #0f172a;--sidebar-surface: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-hover: #f1f5f9;--sidebar-active-bg: #6366f1;--sidebar-active-text: #ffffff;--sidebar-width: 256px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 8px 10px rgba(0,0,0,.04);--transition: .15s ease;--transition-md: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--brand-primary-dark)}code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--gray-100);color:var(--gray-700);padding:2px 6px;border-radius:var(--radius-sm)}h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px}h2{font-size:var(--text-xl);font-weight:700;letter-spacing:-.3px}h3{font-size:var(--text-lg);font-weight:600}.admin-shell{display:flex;height:100vh;overflow:hidden}.admin-shell-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-header{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-3)}.sidebar-logo-icon{width:36px;height:36px;background:var(--brand-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sidebar-logo-text{font-size:var(--text-sm);font-weight:700;color:var(--color-text-inverse);line-height:1.2}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--sidebar-text);font-weight:400}.sidebar-back{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);color:var(--sidebar-text);font-size:var(--text-xs);font-weight:500;margin-top:var(--sp-2);transition:color var(--transition);text-decoration:none}.sidebar-back:hover{color:var(--sidebar-text-hover)}.sidebar-section-title{padding:var(--sp-4) var(--sp-5) var(--sp-2);font-size:var(--text-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.8px}.sidebar-nav{flex:1;padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--text-sm);font-weight:500;transition:background var(--transition),color var(--transition);text-decoration:none}.sidebar-link:hover{background:#ffffff0f;color:var(--sidebar-text-hover);text-decoration:none}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.sidebar-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.sidebar-footer{padding:var(--sp-3) var(--sp-3);border-top:1px solid rgba(255,255,255,.06)}.admin-header{height:64px;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--sp-8);display:flex;align-items:center;justify-content:space-between;z-index:10;box-shadow:var(--shadow-xs)}.header-breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.header-breadcrumb-sep{color:var(--color-text-muted)}.header-breadcrumb-current{color:var(--color-text);font-weight:600}.header-actions{display:flex;align-items:center;gap:var(--sp-3)}.admin-main{flex:1;padding:var(--sp-8);overflow-y:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-8)}.page-header-left{display:flex;flex-direction:column;gap:var(--sp-1)}.page-title{font-size:var(--text-xl);font-weight:700}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.app-selector-shell{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.app-selector-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--sp-8);height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs)}.app-selector-brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:700;font-size:var(--text-md);color:var(--color-text)}.app-selector-brand-icon{width:34px;height:34px;background:var(--brand-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:17px}.app-selector-content{flex:1;padding:var(--sp-12) var(--sp-8);max-width:1100px;margin:0 auto;width:100%}.app-selector-welcome{margin-bottom:var(--sp-10)}.app-selector-greeting{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);letter-spacing:-.5px}.app-selector-hint{color:var(--color-text-secondary);margin-top:var(--sp-2);font-size:var(--text-md)}.app-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-6)}.app-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-md),transform var(--transition-md);text-decoration:none;display:block;cursor:pointer}.app-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none}.app-card-icon-wrap{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:var(--sp-4)}.app-card-name{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--sp-1)}.app-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--sp-5)}.app-card-stats{display:flex;gap:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--color-border)}.app-card-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:1}.app-card-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.app-card-arrow{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4)}.app-card-enter{font-size:var(--text-sm);font-weight:600;color:var(--brand-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-5);margin-bottom:var(--sp-8)}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--sp-5) var(--sp-6);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.stat-card-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--sp-2)}.stat-card-value{font-size:var(--text-3xl);font-weight:800;color:var(--color-text);line-height:1;letter-spacing:-1px}.stat-card-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--sp-1)}.stat-section-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--sp-4)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e1b4b)}.login-box{width:100%;max-width:420px;padding:var(--sp-6)}.login-logo-wrap{text-align:center;margin-bottom:var(--sp-8)}.login-logo-icon{width:64px;height:64px;background:var(--brand-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto var(--sp-4)}.login-logo-title{font-size:var(--text-xl);font-weight:800;color:#fff;letter-spacing:-.3px}.login-logo-sub{color:#94a3b8;font-size:var(--text-sm);margin-top:var(--sp-1)}.login-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--sp-8);box-shadow:var(--shadow-xl)}.login-card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--sp-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px var(--sp-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition),opacity var(--transition);white-space:nowrap;line-height:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 1px 2px #6366f14d}.btn-primary:hover{background:var(--brand-primary-dark);box-shadow:0 4px 8px #6366f159}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--gray-100);color:var(--color-text)}.btn-sm{padding:6px var(--sp-3);font-size:var(--text-xs)}.btn-lg{padding:12px var(--sp-6);font-size:var(--text-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.form-group{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.form-input,.form-select,.form-textarea{width:100%;padding:9px var(--sp-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);outline:none;font-family:var(--font)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:88px;line-height:1.6}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-xs)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--text-md);font-weight:700;color:var(--color-text)}.card-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface)}.table thead{background:var(--gray-50)}.table th{padding:var(--sp-3) var(--sp-4);text-align:left;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--gray-100);color:var(--color-text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--gray-50)}.table-empty{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--color-text-muted);font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.5}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-neutral{background:var(--gray-100);color:var(--gray-600)}.badge-primary{background:var(--brand-primary-bg);color:var(--brand-primary-dark)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--sp-4);border-width:1px;border-style:solid}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border-color:#a7f3d0}.alert-error{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:#fca5a5}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:#fde68a}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--sp-6) 0}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-primary-bg);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-8)}.empty-state-icon{font-size:48px;margin-bottom:var(--sp-4)}.empty-state-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--sp-2)}.empty-state-desc{color:var(--color-text-secondary);font-size:var(--text-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--sp-6);max-width:400px;width:90%;box-shadow:var(--shadow-xl)}.modal-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--sp-2)}.modal-message{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--sp-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-3)}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:2000}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);min-width:240px}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.icon-preview-wrap{display:flex;align-items:center;gap:var(--sp-3)}.icon-preview{width:36px;height:36px;background:var(--gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.d-flex{display:flex!important}.d-grid{display:grid!important}.d-block{display:block!important}.d-none{display:none!important}.d-inline{display:inline!important}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.ml-auto{margin-left:auto}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.px-4{padding-left:var(--sp-4);padding-right:var(--sp-4)}.py-2{padding-top:var(--sp-2);padding-bottom:var(--sp-2)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--brand-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.max-w-sm{max-width:480px}.max-w-md{max-width:640px}.max-w-lg{max-width:800px}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border:1px solid var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.icon-sm{font-size:15px!important}.icon-md{font-size:18px!important}.icon-lg{font-size:24px!important}.icon-xl{font-size:30px!important}.icon-white{color:#fff!important}