:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f0f1f4;--border: #e1e4e8;--text: #1c1e21;--muted: #6b7280;--primary: #5865f2;--primary-hover: #4752c4;--primary-contrast: #ffffff;--danger: #d9534f;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);color-scheme:light}:root[data-theme=dark]{--bg: #1a1b1e;--surface: #25262b;--surface-2: #2c2e33;--border: #3a3c42;--text: #e6e7ea;--muted: #9aa0a6;--primary: #5865f2;--primary-hover: #6b76f5;--primary-contrast: #ffffff;--danger: #ef5350;--shadow: 0 1px 3px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:0 24px;height:60px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.navbar .brand{font-weight:700;font-size:18px}.navbar .nav-links{display:flex;gap:4px}.navbar .spacer{flex:1}.nav-tab{background:none;border:none;color:var(--muted);font-size:15px;padding:8px 14px;border-radius:var(--radius);cursor:pointer}.nav-tab:hover{background:var(--surface-2);color:var(--text)}.nav-tab.active{background:var(--primary);color:var(--primary-contrast)}.navbar .user{color:var(--muted);font-size:14px}.container{max-width:880px;margin:28px auto;padding:0 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:22px}.card h2{margin:0 0 16px;font-size:17px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h2{margin:0}.form-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;min-width:160px}.field.grow{flex:2 1 240px}.field label{font-size:13px;color:var(--muted)}input[type=text],input:not([type]),textarea{width:100%;padding:9px 11px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--primary)}textarea{min-height:64px;resize:vertical}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px}.btn{background:var(--primary);color:var(--primary-contrast);border:none;padding:9px 18px;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn:hover{background:var(--primary-hover)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}.btn-ghost:hover{background:var(--surface-2)}.link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:14px;padding:2px 4px}.link.danger{color:var(--danger)}.icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--border)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:9px 10px}thead th{font-size:13px;color:var(--muted);border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}.status{margin-top:12px;font-size:13px;color:var(--muted)}.login{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}