*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100vh}:root{--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--rgb-base: 15, 23, 42;--rgb-overlay: 5, 8, 22;--rgb-elevated: 10, 18, 42;--rgb-surface: 15, 23, 60;--rgb-surface-alt: 17, 24, 39;--rgb-mid: 30, 41, 59;--rgb-muted: 148, 163, 184;--rgb-gray: 75, 85, 99;--rgb-gray-400: 156, 163, 175;--rgb-gray-500: 107, 114, 128;--rgb-black: 0, 0, 0;--rgb-white: 255, 255, 255;--rgb-warm-dark: 30, 27, 18;--rgb-brand: 56, 189, 248;--rgb-brand-strong: 14, 165, 233;--rgb-blue: 59, 130, 246;--rgb-blue-600: 37, 99, 235;--rgb-blue-deep: 30, 64, 175;--rgb-cyan: 34, 211, 238;--rgb-cyan-500: 6, 182, 212;--rgb-indigo: 129, 140, 248;--rgb-purple: 168, 85, 247;--rgb-violet: 139, 92, 246;--rgb-violet-dark: 124, 58, 237;--rgb-green: 74, 222, 128;--rgb-green-500: 34, 197, 94;--rgb-green-600: 22, 163, 74;--rgb-emerald: 16, 185, 129;--rgb-emerald-400: 52, 211, 153;--rgb-red: 248, 113, 113;--rgb-red-strong: 239, 68, 68;--rgb-red-deep: 220, 38, 38;--rgb-amber: 251, 191, 36;--rgb-amber-strong: 245, 158, 11;--rgb-amber-100: 254, 243, 199;--rgb-orange: 249, 115, 22;--rgb-rose: 251, 113, 133;--bg-body: #050816;--bg-elevated: rgba(var(--rgb-elevated), .95);--bg-elevated-soft: rgba(var(--rgb-surface), .85);--bg-card: rgba(var(--rgb-surface), .9);--bg-card-soft: rgba(var(--rgb-surface-alt), .9);--border-subtle: rgba(var(--rgb-muted), .45);--text-main: #e5e7eb;--text-soft: #9ca3af;--text-muted: #6b7280;--text-strong: #f9fafb;--brand: #38bdf8;--brand-soft: rgba(var(--rgb-brand), .14);--brand-strong: #0ea5e9;--accent: #fbbf24;--accent-soft: rgba(var(--rgb-amber), .14);--danger: #f97373;--danger-soft: rgba(var(--rgb-red), .14);--brand-gradient: linear-gradient(135deg, #38bdf8, #3b82f6);--brand-accent: #22d3ee;--btn-primary-text: #0f172a;--danger-gradient: linear-gradient(135deg, #f97373, #fb7185);--btn-danger-text: #111827;--btn-success-text: #0b1020;--spinner-track: rgba(var(--rgb-muted), .2);--spinner-active: var(--brand);--success-green: #4ade80;--pill-brand-text: #e0f2fe;--pill-accent-text: #fef3c7;--modal-danger-title: #fecaca;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--rgb-shadow: var(--rgb-base);--shadow-soft: 0 18px 45px rgba(var(--rgb-shadow), .65);--shadow-subtle: 0 10px 24px rgba(var(--rgb-shadow), .45);--transition-fast: .15s ease-out;--transition: .22s ease-out;--transition-slow: .35s ease-out;line-height:1.5;color:var(--text-main);background-color:var(--bg-body);font-family:var(--font-sans)}[data-theme=light]{--rgb-base: 241, 245, 249;--rgb-overlay: 226, 232, 240;--rgb-elevated: 248, 250, 252;--rgb-surface: 255, 255, 255;--rgb-surface-alt: 241, 245, 249;--rgb-mid: 203, 213, 225;--rgb-muted: 100, 116, 139;--rgb-gray: 107, 114, 128;--rgb-gray-400: 156, 163, 175;--rgb-gray-500: 107, 114, 128;--rgb-black: 0, 0, 0;--rgb-white: 255, 255, 255;--rgb-warm-dark: 254, 252, 232;--bg-body: #f1f5f9;--bg-elevated: rgba(var(--rgb-elevated), .98);--bg-elevated-soft: rgba(var(--rgb-surface), .9);--bg-card: rgba(var(--rgb-surface), .95);--bg-card-soft: rgba(var(--rgb-surface-alt), .95);--border-subtle: rgba(var(--rgb-muted), .25);--text-main: #1e293b;--text-soft: #475569;--text-muted: #94a3b8;--text-strong: #0f172a;--brand: #0284c7;--brand-soft: rgba(2, 132, 199, .1);--brand-strong: #0369a1;--accent: #d97706;--accent-soft: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--rgb-shadow: 0, 0, 0;--shadow-soft: 0 18px 45px rgba(var(--rgb-shadow), .08);--shadow-subtle: 0 10px 24px rgba(var(--rgb-shadow), .05);--brand-gradient: linear-gradient(135deg, #0284c7, #2563eb);--brand-accent: #0891b2;--btn-primary-text: #ffffff;--danger-gradient: linear-gradient(135deg, #dc2626, #e11d48);--btn-danger-text: #ffffff;--btn-success-text: #ffffff;--spinner-track: rgba(var(--rgb-muted), .25);--spinner-active: var(--brand-strong);--success-green: #22c55e;--pill-brand-text: #0369a1;--pill-accent-text: #92400e;--modal-danger-title: #dc2626;color-scheme:light}[data-theme=light] body{background:radial-gradient(circle at top,rgba(var(--rgb-brand),.06),transparent 52%),radial-gradient(circle at bottom left,rgba(var(--rgb-amber),.05),transparent 55%),radial-gradient(circle at bottom right,rgba(var(--rgb-indigo),.06),transparent 55%),var(--bg-body)}[data-theme=light] .login-page{--rgb-base: 15, 23, 42;--rgb-overlay: 5, 8, 22;--rgb-elevated: 10, 18, 42;--rgb-surface: 15, 23, 60;--rgb-surface-alt: 17, 24, 39;--rgb-mid: 30, 41, 59;--rgb-muted: 148, 163, 184;--rgb-brand: 56, 189, 248;--bg-body: #050816;--text-main: #e5e7eb;--text-soft: #9ca3af;--text-muted: #6b7280;--text-strong: #f9fafb;--brand: #38bdf8;--brand-soft: rgba(56, 189, 248, .14);--brand-strong: #0ea5e9;--border-subtle: rgba(148, 163, 184, .45);--btn-primary-text: #0f172a;--spinner-active: #38bdf8;color:#e5e7eb;background:#050816}[data-theme=light] .input,[data-theme=light] textarea,[data-theme=light] select{background:rgba(var(--rgb-surface),.98);border-color:rgba(var(--rgb-muted),.35)}[data-theme=light] .input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{background:rgba(var(--rgb-surface),1);box-shadow:0 0 0 1px rgba(var(--rgb-brand),.5),0 8px 20px rgba(var(--rgb-shadow),.06)}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(var(--rgb-muted),.35);border-radius:99px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(var(--rgb-muted),.55)}[data-theme=light] .table th{background:rgba(var(--rgb-muted),.1)}[data-theme=light] .table tr:nth-child(2n) td{background:rgba(var(--rgb-surface-alt),.6)}[data-theme=light] .table tr:hover td{background:rgba(var(--rgb-brand),.06)}[data-theme=light] .modal{background:rgba(var(--rgb-black),.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .modal-content{background:rgba(var(--rgb-surface),.98);border-color:rgba(var(--rgb-muted),.3);box-shadow:0 24px 60px rgba(var(--rgb-shadow),.12)}[data-theme=light] .card{background:rgba(var(--rgb-surface),.98);border-color:rgba(var(--rgb-muted),.28);box-shadow:0 1px 4px rgba(var(--rgb-shadow),.07),0 6px 20px rgba(var(--rgb-shadow),.05)}[data-theme=light] .col-actions .btn{font-weight:500}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top,rgba(var(--rgb-brand),.24),transparent 52%),radial-gradient(circle at bottom left,rgba(var(--rgb-amber),.18),transparent 55%),radial-gradient(circle at bottom right,rgba(var(--rgb-indigo),.22),transparent 55%),var(--bg-body);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.45rem .95rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--brand-strong),var(--success-green));color:var(--btn-success-text);font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 25px rgba(var(--rgb-cyan),.35);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background var(--transition-fast)}.btn:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 18px 45px rgba(var(--rgb-cyan),.5)}.btn:active{transform:translateY(0);filter:brightness(.97);box-shadow:0 6px 16px rgba(var(--rgb-shadow),.15)}.btn.secondary{background:linear-gradient(135deg,rgba(var(--rgb-muted),.3),rgba(var(--rgb-gray),.85));color:var(--text-main);border-color:rgba(var(--rgb-muted),.45);box-shadow:0 10px 24px rgba(var(--rgb-shadow),.12)}.btn.danger{background:var(--danger-gradient);color:var(--btn-danger-text);box-shadow:0 12px 28px rgba(var(--rgb-red),.55)}.btn.small{padding:.25rem .65rem;font-size:.8rem}.input,textarea,select{border-radius:var(--radius-sm);border:1px solid rgba(var(--rgb-muted),.55);background:radial-gradient(circle at top left,rgba(var(--rgb-muted),.18),transparent 55%),rgba(var(--rgb-base),.96);color:var(--text-main);padding:.5rem .7rem;font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.input::placeholder,textarea::placeholder{color:var(--text-muted)}.input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 1px rgba(var(--rgb-brand),.6),0 18px 40px rgba(var(--rgb-shadow),.15);background:radial-gradient(circle at top left,rgba(var(--rgb-brand),.24),transparent 55%),rgba(var(--rgb-base),.98);transform:translateY(-.5px)}.page{position:relative;max-width:980px;margin:0 auto;padding:.75rem .25rem 2rem}.page h1{margin:0 0 .5rem;font-size:1.45rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong)}.page-subtitle{margin:0 0 .5rem;font-size:.9rem;color:var(--text-soft)}.card{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:radial-gradient(circle at top left,rgba(var(--rgb-brand),.15),transparent 55%),radial-gradient(circle at bottom right,rgba(var(--rgb-amber),.12),transparent 55%),var(--bg-card);box-shadow:var(--shadow-soft);overflow:hidden}.card-inner{padding:1.05rem 1.15rem}.card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(var(--rgb-muted),.5);background:rgba(var(--rgb-base),.9);color:var(--text-soft)}.pill.brand{border-color:rgba(var(--rgb-brand),.85);background:var(--brand-soft);color:var(--pill-brand-text)}.pill.accent{border-color:rgba(var(--rgb-amber),.9);background:var(--accent-soft);color:var(--pill-accent-text)}.pill.outline{background:transparent}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table thead{background:radial-gradient(circle at top left,rgba(var(--rgb-brand),.18),transparent 55%),rgba(var(--rgb-base),.98)}.table th,.table td{padding:.55rem .65rem;border-bottom:1px solid rgba(var(--rgb-blue-deep),.7)}.table th{font-weight:600;color:var(--text-soft);text-align:left}.table tr:nth-child(odd) td{background:rgba(var(--rgb-base),.94)}.table tr:nth-child(2n) td{background:rgba(var(--rgb-surface-alt),.96)}.table tr:hover td{background:radial-gradient(circle at left,rgba(var(--rgb-brand),.18),transparent 55%),rgba(var(--rgb-base),.98)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at top,rgba(var(--rgb-base),.8),rgba(var(--rgb-base),.95));z-index:80}.modal-content{border-radius:var(--radius-lg);border:1px solid rgba(var(--rgb-muted),.5);background:radial-gradient(circle at top left,rgba(var(--rgb-brand),.18),transparent 55%),var(--bg-elevated-soft);box-shadow:var(--shadow-soft)}.modal-content.wide{min-width:min(620px,96vw)}.modal-actions{margin-top:0;display:flex;gap:.5rem;justify-content:flex-end}.modal-right-area{inset:0 0 0 230px}.modal-content.form-modal{min-width:min(560px,90vw);max-width:640px;padding:0;display:flex;flex-direction:column;max-height:85vh}.modal-content.form-modal .modal-header{padding:1.5rem 1.75rem .5rem;margin-bottom:0}.modal-content.form-modal .modal-body{padding:1rem 1.75rem 1.25rem;flex:1;overflow:auto;margin-top:0}.modal-content.form-modal .modal-footer{padding:1rem 1.75rem 1.5rem;border-top:1px solid rgba(var(--rgb-muted),.25);margin-top:0}.modal-content.form-modal.wide{min-width:min(620px,90vw);max-width:720px}.modal-header{margin-bottom:0}.modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-main)}.modal-title.danger{color:var(--modal-danger-title)}.modal-body,.modal-footer{margin-top:0}.form-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-row:last-of-type{margin-bottom:0}.form-label{font-size:.9rem;color:var(--text-soft);font-weight:500}.form-row .input,.form-row select,.form-row textarea{padding:.65rem .85rem;font-size:.95rem;border-radius:var(--radius-sm);width:100%;box-sizing:border-box}.modal-content.delete-modal{min-width:min(440px,90vw);max-width:480px;padding:0;background:radial-gradient(circle at top,rgba(var(--rgb-red-deep),.16),transparent 55%),rgba(var(--rgb-base),.98);border:1px solid rgba(var(--rgb-red),.7)}.modal-content.delete-modal .modal-header{padding:1.5rem 1.75rem .5rem}.modal-content.delete-modal .modal-body{padding:1rem 1.75rem 1.25rem;margin-top:0}.modal-content.delete-modal .modal-footer{padding:1rem 1.75rem 1.5rem;border-top:1px solid rgba(var(--rgb-red),.3)}.delete-main-text{margin:0 0 .75rem;font-size:1rem;line-height:1.5}.delete-tip{margin:0;font-size:.875rem;color:var(--text-soft);line-height:1.5}@media(max-width:768px){.modal-right-area{left:0}.page{padding:.5rem .5rem 2.5rem}.card-inner{padding:.9rem .85rem}.table{font-size:.82rem}}