:root{--bg: #091716;--bg-elevated: #102221;--surface: rgba(16, 34, 33, .94);--surface-strong: #142927;--surface-soft: rgba(255, 255, 255, .035);--text: #f4efe6;--text-soft: #b8b3b8;--text-faint: #827f87;--gold: #c9aa63;--gold-bright: #e3c984;--violet: #b5a1d5;--green: #75a88d;--coral: #d7867e;--line: rgba(201, 170, 99, .23);--line-soft: rgba(255, 255, 255, .07);--shadow: 0 22px 60px rgba(0, 0, 0, .27);--page-bg: linear-gradient(180deg, #171321 0%, #0d1b1a 42%, #091716 100%);--sidebar-bg: rgba(9, 23, 22, .72);--primary-text: #1c1710;--gold-soft: rgba(201, 170, 99, .11);--gold-shadow: rgba(201, 170, 99, .18);--green-soft: rgba(117, 168, 141, .13);--violet-soft: rgba(181, 161, 213, .13);--coral-soft: rgba(215, 134, 126, .13)}html[data-theme=light]{color-scheme:light;--bg: #f4f0e7;--bg-elevated: #fffdf8;--surface: rgba(255, 253, 248, .94);--surface-strong: #f3ecdf;--surface-soft: rgba(45, 67, 58, .055);--text: #20302b;--text-soft: #596761;--text-faint: #89918c;--gold: #95712e;--gold-bright: #b48735;--violet: #756493;--green: #4f806a;--coral: #b56058;--line: rgba(149, 113, 46, .28);--line-soft: rgba(42, 65, 56, .1);--shadow: 0 18px 48px rgba(50, 58, 51, .1);--page-bg: radial-gradient(circle at 82% 0%, rgba(226, 205, 157, .28), transparent 28%), linear-gradient(180deg, #fbf8f1 0%, #f2eee5 48%, #ece9e1 100%);--sidebar-bg: rgba(250, 247, 239, .88);--primary-text: #201a12;--gold-soft: rgba(180, 135, 53, .1);--gold-shadow: rgba(149, 113, 46, .2);--green-soft: rgba(79, 128, 106, .11);--violet-soft: rgba(117, 100, 147, .1);--coral-soft: rgba(181, 96, 88, .1)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:var(--text);background:var(--page-bg);background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:color .18s ease,background .22s ease}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}input,select{font:inherit;color:var(--text);background:var(--surface-soft);border:1px solid var(--line-soft);border-radius:8px;padding:9px 12px;outline:none;width:100%}input:focus,select:focus{border-color:var(--gold)}input::placeholder{color:var(--text-faint)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 22px;border-radius:10px;color:var(--primary-text);font-weight:600;background:linear-gradient(135deg,var(--gold-bright),var(--gold));transition:filter .16s ease,opacity .16s ease}.primary-button:hover{filter:brightness(1.06)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border-radius:9px;color:var(--text-soft);border:1px solid var(--line);background:var(--surface-soft);transition:color .16s ease,border-color .16s ease}.secondary-button:hover{color:var(--gold-bright);border-color:var(--gold)}.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:9px;color:var(--coral);border:1px solid rgba(215,134,126,.4);background:#d7867e14;transition:background .16s ease}.danger-button:hover{background:#d7867e29}.surface{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow)}.form-error{padding:10px 13px;border-left:3px solid var(--coral);border-radius:6px;color:var(--coral);background:#d7867e17;font-size:14px}.page-title{font-size:22px;font-family:Georgia,Times New Roman,serif;letter-spacing:.04em}.status-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-size:12.5px}.status-tag.active{color:var(--green);background:#75a88d24}.status-tag.disabled{color:var(--coral);background:#d7867e24}table{width:100%;border-collapse:collapse}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line-soft)}th{color:var(--text-faint);font-weight:500;font-size:13px;white-space:nowrap}td{font-size:14px}tbody tr:hover{background:var(--surface-soft)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 4px 2px;color:var(--text-faint);font-size:13.5px}
