:root{--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html[data-theme=classic]{color-scheme:light;--bg: #F7F7F7;--bg-card: #FFFFFF;--bg-card-hover: #F0F6F2;--bg-input: #F7F7F7;--border-soft: #E5E5E5;--border-glow: rgba(7, 193, 96, .5);--text-1: #111111;--text-2: #576B95;--text-3: #999999;--cyan: #07C160;--mint: #07C160;--amber: #FFB300;--red: #FA5151;--violet: #7F6BFF;--grad-primary: linear-gradient(135deg, #07C160 0%, #0FA958 100%);--glow: 0 0 10px rgba(7, 193, 96, .25);--shadow: 0 2px 12px rgba(0, 0, 0, .06)}html[data-theme=cyber]{color-scheme:dark;--bg: #0A0E1A;--bg-card: #111828;--bg-card-hover: #1A2438;--bg-input: #0E1626;--border-soft: #1F2B40;--border-glow: rgba(0, 240, 255, .55);--text-1: #E8F6FF;--text-2: #8AA3C0;--text-3: #5A6E8C;--cyan: #00F0FF;--mint: #00E8A0;--amber: #FFB020;--red: #FF4D6A;--violet: #8B7BFF;--grad-primary: linear-gradient(135deg, #00F0FF 0%, #007CFF 100%);--glow: 0 0 12px rgba(0, 240, 255, .35);--shadow: 0 4px 24px rgba(0, 0, 0, .4)}html[data-theme=light]{color-scheme:light;--bg: #F5F7FB;--bg-card: #FFFFFF;--bg-card-hover: #EEF3FA;--bg-input: #F2F5FA;--border-soft: #E3E9F2;--border-glow: rgba(0, 184, 201, .5);--text-1: #1A1D29;--text-2: #55607A;--text-3: #98A2B8;--cyan: #00B8C9;--mint: #00C4A7;--amber: #F5A623;--red: #F05252;--violet: #7C6BFF;--grad-primary: linear-gradient(135deg, #00B8C9 0%, #0084FF 100%);--glow: 0 0 10px rgba(0, 184, 201, .22);--shadow: 0 2px 16px rgba(26, 42, 75, .08)}html[data-theme=aurora]{color-scheme:dark;--bg: #0B1228;--bg-card: #101A38;--bg-card-hover: #18264C;--bg-input: #0C1530;--border-soft: #1E2E5A;--border-glow: rgba(94, 255, 176, .5);--text-1: #EAF6FF;--text-2: #93A9D8;--text-3: #5F73A8;--cyan: #5EFFB0;--mint: #5EFFB0;--amber: #FFC24B;--red: #FF5D7A;--violet: #A78BFF;--grad-primary: linear-gradient(135deg, #5EFFB0 0%, #38BDF8 100%);--glow: 0 0 12px rgba(94, 255, 176, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .45)}html[data-theme=oled]{color-scheme:dark;--bg: #000000;--bg-card: #050508;--bg-card-hover: #0D0D14;--bg-input: #0A0A10;--border-soft: #1A1A22;--border-glow: rgba(0, 240, 255, .55);--text-1: #F2F2F7;--text-2: #8E8E9A;--text-3: #55555F;--cyan: #00F0FF;--mint: #00E8A0;--amber: #FFB020;--red: #FF4D6A;--violet: #8B7BFF;--grad-primary: linear-gradient(135deg, #00F0FF 0%, #0066FF 100%);--glow: 0 0 12px rgba(0, 240, 255, .4);--shadow: 0 4px 24px rgba(0, 0, 0, .6)}html[data-theme=sunset]{color-scheme:dark;--bg: #1F1530;--bg-card: #2A1C40;--bg-card-hover: #372552;--bg-input: #251840;--border-soft: #402E5E;--border-glow: rgba(255, 122, 77, .5);--text-1: #FFE5D2;--text-2: #C9A9C4;--text-3: #8E6E96;--cyan: #FF7A4D;--mint: #FFB054;--amber: #FFC24B;--red: #FF5D7A;--violet: #C78BFF;--grad-primary: linear-gradient(135deg, #FF7A4D 0%, #FF4D9D 100%);--glow: 0 0 12px rgba(255, 122, 77, .35);--shadow: 0 4px 24px rgba(0, 0, 0, .45)}html[data-theme=forest]{color-scheme:dark;--bg: #142019;--bg-card: #1B2A21;--bg-card-hover: #243629;--bg-input: #18251E;--border-soft: #2E4536;--border-glow: rgba(92, 159, 112, .5);--text-1: #E8EDE5;--text-2: #A3BCA9;--text-3: #6C8774;--cyan: #5C9F70;--mint: #7BC48F;--amber: #D9A04B;--red: #E56B6B;--violet: #9A8FD9;--grad-primary: linear-gradient(135deg, #5C9F70 0%, #3D7A52 100%);--glow: 0 0 12px rgba(92, 159, 112, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .4)}html[data-theme=sakura]{color-scheme:light;--bg: #FCF7F2;--bg-card: #FFFFFF;--bg-card-hover: #FBF0F0;--bg-input: #FAF1EE;--border-soft: #F0DFE2;--border-glow: rgba(232, 155, 174, .5);--text-1: #4A3232;--text-2: #8C686E;--text-3: #BFA0A4;--cyan: #E89BAE;--mint: #D4A5C9;--amber: #E8B06B;--red: #E56B7F;--violet: #B48BD9;--grad-primary: linear-gradient(135deg, #E89BAE 0%, #D4A5C9 100%);--glow: 0 0 10px rgba(232, 155, 174, .25);--shadow: 0 2px 16px rgba(180, 140, 150, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text-1);font-size:14px;line-height:1.6;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}#app{height:100%}a{color:var(--cyan);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);transition:background .3s,border-color .3s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:9px;border:1px solid var(--border-soft);background:var(--bg-card-hover);color:var(--text-1);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:hover{border-color:var(--border-glow);box-shadow:var(--glow)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--grad-primary);border-color:transparent;color:#fff}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--glow)}.btn-danger{background:#ff525214;border-color:#ff525259;color:var(--red)}.btn-danger:hover{background:#ff525226}.btn-sm{padding:5px 12px;font-size:12px;border-radius:7px}.input,.select{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--border-soft);background:var(--bg-input);color:var(--text-1);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus{border-color:var(--cyan);box-shadow:var(--glow)}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}input[type=date],input[type=time],input[type=number]{color-scheme:inherit}.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.tag-green{background:#00e8a01f;color:var(--mint)}.tag-cyan{background:#00f0ff1f;color:var(--cyan)}.tag-orange{background:#ffb02024;color:var(--amber)}.tag-red{background:#ff4d6a24;color:var(--red)}.tag-purple{background:#8b7bff24;color:var(--violet)}.tag-gray{background:var(--bg-card-hover);color:var(--text-3)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-3);border-bottom:1px solid var(--border-soft);white-space:nowrap;letter-spacing:.5px}.table td{padding:12px;font-size:13px;border-bottom:1px solid var(--border-soft);color:var(--text-2);vertical-align:middle}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:var(--bg-card-hover)}.table .strong{color:var(--text-1);font-weight:600}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;padding:24px;width:480px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 12px 48px #00000059}.modal h3{font-size:16px;color:var(--text-1);margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast-wrap{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:10px 20px;border-radius:10px;font-size:13px;color:#fff;background:#333;box-shadow:0 4px 20px #0000004d;animation:toastIn .25s ease}.toast-success{background:var(--grad-primary)}.toast-error{background:#ff4d6aeb}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.loading,.empty{padding:40px;text-align:center;color:var(--text-3);font-size:13px}