:root{--bg: #0f1923;--card: #1a2a3a;--border: #2a3a4a;--text: #e0e8f0;--muted: #8899aa;--accent: #00d4aa;--red: #e74c3c;--orange: #f39c12;--green: #2ecc71;--blue: #3b82f6;--bg-deep: #0f1923;--glass: rgba(26, 42, 58, .92);--overlay: rgba(15, 25, 35, .75);--hover: rgba(255, 255, 255, .05);--shadow: 0 8px 24px rgba(0, 0, 0, .35);--auth-bg: radial-gradient(ellipse at top, #14293a 0%, #0f1923 60%);--banner-grad: linear-gradient(135deg, #14293a, #1a2a3a);--thumb-bg: #0f1923;color-scheme:dark}:root[data-theme=light]{--bg: #f2f5f9;--card: #ffffff;--border: #dde3ec;--text: #1c2430;--muted: #5c6b7e;--accent: #0d9488;--red: #dc2626;--orange: #d97706;--green: #16a34a;--blue: #2563eb;--bg-deep: #eef1f6;--glass: rgba(255, 255, 255, .92);--overlay: rgba(255, 255, 255, .85);--hover: rgba(0, 0, 0, .05);--shadow: 0 8px 24px rgba(15, 30, 50, .12);--auth-bg: radial-gradient(ellipse at top, #e8edf4 0%, #f2f5f9 60%);--banner-grad: linear-gradient(135deg, #e6ecf3, #f0f3f8);--thumb-bg: #eef1f6;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background-color .25s,color .25s}a{color:var(--accent);text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;transition:background-color .25s,border-color .25s}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1);color:#fff}.btn-danger{background:#e74c3c1f;border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-deep);color:var(--text);font-size:15px;outline:none;transition:border-color .15s,background-color .25s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted);opacity:.7}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600}.badge-green{background:#2ecc7126;color:var(--green)}.badge-red{background:#e74c3c26;color:var(--red)}.badge-gray{background:#8899aa26;color:var(--muted)}.badge-blue{background:#3b82f626;color:var(--blue)}.error-text{color:var(--red);font-size:13px;margin-top:8px}.muted{color:var(--muted)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:560px}@media(max-width:768px){body{padding:0}.card{padding:16px}.btn{padding:8px 14px;font-size:13px}.input{font-size:16px}table{font-size:13px}th,td{padding:8px}.modal{width:calc(100% - 20px)!important;max-width:none!important;max-height:88vh}.field-row{flex-direction:column;gap:0}}