:root{--color-primary: #004294;--color-primary-light: #0f67cf;--color-primary-dark: #00336e;--color-primary-rgb: 0, 66, 148;--color-accent: #22d3ee;--color-warning: #faad14;--color-error: #f43f5e;--color-success: #10b981;--bg-dashboard: #0a0f1d;--bg-card: #161b2e;--bg-card-hover: #1e2540;--bg-input: #0f1424;--text-main: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-default: rgba(148, 163, 184, .2);--border-focus: #22d3ee;--shadow-card: 0 12px 40px rgba(0, 0, 0, .28);--btn-primary-bg: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--btn-primary-text: #ffffff;--btn-shadow: rgba(0, 66, 148, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=light]{--bg-dashboard: #edf2f7;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #f8fafc;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-default: rgba(15, 23, 42, .12);--border-focus: var(--color-primary);--shadow-card: 0 12px 30px rgba(15, 23, 42, .08);--btn-primary-bg: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--btn-shadow: rgba(37, 99, 235, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-dashboard);color:var(--text-main);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1.25rem;border-radius:12px;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px var(--btn-shadow)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover)}.btn-sm{padding:.55rem .9rem;font-size:.86rem}.btn:disabled{cursor:not-allowed;opacity:.65}.input,.table-select{width:100%;min-height:44px;padding:.75rem .95rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:12px;color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.table-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #22d3ee1f}.page-shell{min-height:100vh}.page-content,.single-panel-page{padding:1.5rem}.single-panel-page{display:flex;justify-content:center}.settings-card{width:min(760px,100%);padding:1.6rem;display:grid;gap:1rem}.page-header-card{padding:1.4rem 1.5rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.page-header-card h2,.panel-title-row h2,.panel-title-row h3{margin:0 0 .35rem}.page-header-card p,.panel-title-row p,.panel-muted{color:var(--text-secondary)}.panel-title-row{display:flex;align-items:flex-start;gap:.9rem}.panel-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary-light)}.form-field{display:grid;gap:.45rem}.form-field span{color:var(--text-secondary);font-size:.92rem}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.status-banner{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border-radius:14px;background:#94a3b81a;color:var(--text-main)}.status-banner.success{background:#10b98124;color:var(--color-success)}.status-banner.error{background:#f43f5e24;color:var(--color-error)}.status-banner.subtle{color:var(--text-secondary)}.admin-content{display:grid;gap:1.25rem}.admin-summary-grid{display:flex;gap:.75rem;flex-wrap:wrap}.summary-tile{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem .9rem;border-radius:12px;background:var(--bg-input);border:1px solid var(--border-default)}.admin-panel{padding:1.5rem;display:grid;gap:1rem}.table-shell{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.9rem;text-align:left;border-bottom:1px solid var(--border-default)}.data-table th{color:var(--text-muted);white-space:nowrap}.reset-request-list{display:grid;gap:1rem}.reset-request-card{border:1px solid var(--border-default);border-radius:16px;padding:1rem;display:grid;gap:.75rem}.reset-request-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center}.reset-request-meta h4{margin:0}.reset-request-meta p,.reset-time,.reset-reason{color:var(--text-secondary)}.request-status{padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.request-status.pending{background:#faad1429;color:var(--color-warning)}.request-status.approved{background:#10b98124;color:var(--color-success)}.request-status.rejected{background:#f43f5e24;color:var(--color-error)}.reset-actions-row{display:grid;grid-template-columns:1fr auto auto;gap:.75rem}.checkbox-field{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border-radius:14px;background:var(--bg-input);border:1px solid var(--border-default)}.checkbox-field input{margin-top:.2rem}.checkbox-field p{margin-top:.25rem;color:var(--text-secondary)}.fullscreen-state{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.fullscreen-card{padding:2rem;text-align:center;display:grid;gap:.75rem}@media(max-width:960px){.page-header-card,.reset-request-meta,.reset-actions-row{grid-template-columns:1fr;display:grid}.form-actions{flex-direction:column}}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{filter:invert(100%)}input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{filter:invert(100%)}
