:root{--bg: #f1f5f9;--card: #ffffff;--ink: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-d: #1d4ed8;--border: #e2e8f0;--danger: #dc2626;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--primary);text-decoration:none}[data-theme=classic]{--bg: #e4e3ce;--card: #fffff0;--ink: #330000;--muted: #6b5d4f;--primary: #848400;--primary-d: #660000;--border: #c9c7a8;--danger: #99161c;font-family:Verdana,Arial,Helvetica,sans-serif}[data-theme=classic] .sidebar{background:#036}[data-theme=classic] .sidebar h1{color:#ffc}[data-theme=classic] .sidebar nav a{color:#e8e8d0}[data-theme=classic] .sidebar nav a.active,[data-theme=classic] .sidebar nav a:hover{background:#848400;color:#fff}[data-theme=classic] .topbar{background:#848400;color:#ffc;border-bottom:3px solid #660000}[data-theme=classic] .card{border-radius:2px}[data-theme=classic] .btn{background:#600;border-radius:2px}[data-theme=classic] .btn:hover{background:#99161c}[data-theme=classic] .btn.secondary{background:#c9c7a8;color:#300}[data-theme=classic] th{background:#848400;color:#fff}[data-theme=classic] .input,[data-theme=classic] select{border-radius:2px}[data-theme=classic] .badge{background:#ffc;color:#600}[data-theme=classic] .grid2{display:block}[data-theme=classic] .field{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:10px;margin:0;padding:4px 8px;border-bottom:1px solid #d8d6bd}[data-theme=classic] .field:nth-child(odd){background:#f5f4e3}[data-theme=classic] .field label{margin:0;text-align:right;font-weight:700;color:#300;font-size:12px}[data-theme=classic] .toolbar h2,[data-theme=classic] .card>h2:first-child{background:#600;color:#ffc;padding:6px 12px;margin:0 0 10px;font-size:15px;letter-spacing:.3px}[data-theme=classic] .card>h3:first-child{background:#848400;color:#fff;padding:5px 10px;margin:-4px -4px 10px;font-size:13px}[data-theme=classic] table{border:2px solid #660000}[data-theme=classic] th{border:1px solid #4d0000;font-size:11px}[data-theme=classic] td{border:1px solid #d8d6bd}[data-theme=classic] form.card{border:2px groove #c9c7a8;background:#fffdf0}[data-theme=classic] .row-actions{border-top:1px solid #d8d6bd;padding-top:8px}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0f172a;color:#e2e8f0;padding:20px 0;flex-shrink:0}.sidebar h1{font-size:15px;padding:0 20px 16px;margin:0;color:#93c5fd;letter-spacing:.5px}.sidebar nav a{display:block;padding:10px 20px;color:#cbd5e1;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#1e293b;color:#fff}.main{flex:1;display:flex;flex-direction:column}.topbar{height:56px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content{padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px}.btn{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer}.btn:hover{background:var(--primary-d)}.btn.secondary{background:#e2e8f0;color:var(--ink)}.btn.danger{background:var(--danger)}.input,select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}label{display:block;font-size:13px;color:var(--muted);margin:0 0 5px}.field{margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}tr:hover td{background:#f8fafc}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:340px}.login-card h2{margin:0 0 4px}.login-card p{margin:0 0 20px;color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:13px;margin:8px 0 0}.row-actions{display:flex;gap:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.badge{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:999px;font-size:12px}[data-theme=classic]{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333}[data-theme=classic] table,[data-theme=classic] .ewTable{border-collapse:collapse;font-size:12px;width:100%}[data-theme=classic] table th,[data-theme=classic] .ewTable th{background:#594fbf;color:#fff;font-weight:700;padding:4px 8px;font-size:12px;border:1px solid #4a3fa0;text-align:left}[data-theme=classic] table td,[data-theme=classic] .ewTable td{border:1px solid #CCCCCC;padding:3px 8px;font-size:12px}[data-theme=classic] table tbody tr:nth-child(2n) td,[data-theme=classic] .ewTable tbody tr:nth-child(2n) td{background:#f5f5f5}[data-theme=classic] table tbody tr:hover td,[data-theme=classic] .ewTable tbody tr:hover td{background:#ffffe0}[data-theme=classic] .card{background:#fff;border:1px solid #c9c98f;border-radius:0;box-shadow:none;padding:10px}[data-theme=classic] .toolbar h2{color:#663;font-size:16px;font-weight:700;border-bottom:2px solid #949400;padding-bottom:4px;margin-top:0;margin-bottom:8px}[data-theme=classic] .btn{background:linear-gradient(#a3a300,#6b6b1f);color:#fff;border:1px solid #5a5a1a;border-radius:0;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}[data-theme=classic] .btn:hover,[data-theme=classic] .btn:focus-visible{background:#949400;color:#fff}[data-theme=classic] .btn.secondary{background:#e8e8d0;color:#444;border:1px solid #b5b58a}[data-theme=classic] .btn.secondary:hover,[data-theme=classic] .btn.secondary:focus-visible{background:#d6d6b8;color:#222}[data-theme=classic] .btn.danger{background:#b03030;color:#fff;border:1px solid #802020}[data-theme=classic] .btn.danger:hover,[data-theme=classic] .btn.danger:focus-visible{background:#a00000;color:#fff}[data-theme=classic] .badge{background:#ffff6b;color:#5b5b2e;border:1px solid #c9c98f;border-radius:0;padding:0 5px;font-size:11px;font-weight:700;display:inline-block;line-height:1.5}[data-theme=classic] .field{display:flex;align-items:center;gap:8px;margin-bottom:6px}[data-theme=classic] .field label{font-weight:700;color:#663;font-size:12px;min-width:140px;text-align:right;margin-bottom:0;margin-right:0;flex-shrink:0}[data-theme=classic] .field .input,[data-theme=classic] .field select,[data-theme=classic] .field textarea{flex:1 1 0}[data-theme=classic] .input,[data-theme=classic] select,[data-theme=classic] textarea{border:1px solid #999;border-radius:0;padding:3px 5px;font-size:12px;background:#fff;color:#333;transition:border-color .15s,background .15s;box-sizing:border-box}[data-theme=classic] .input:focus,[data-theme=classic] select:focus,[data-theme=classic] textarea:focus{outline:none;border-color:#949400;background:#ffffe0}[data-theme=classic] .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;align-items:start}[data-theme=classic] input[type=checkbox],[data-theme=classic] input[type=radio]{margin-right:4px;accent-color:#949400}[data-theme=classic] select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 5px center;background-repeat:no-repeat;background-size:12px 12px}[data-theme=classic] textarea{resize:vertical;min-height:40px}[data-theme=classic] ::placeholder{color:#999;opacity:1}
