*{margin:0;padding:0;box-sizing:border-box}
:root{
--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;
--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;
--bg:#f1f5f9;--card:#fff;--text:#1e293b;--text-light:#64748b;
--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,.1);--focus-ring:rgba(79,70,229,.14);
--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);
--radius:12px;--sidebar-w:260px;--input-bg:#fff;
}
[data-theme="dark"]{
--bg:#0f172a;--card:#1e293b;--text:#e2e8f0;--text-light:#94a3b8;
  --border:#334155;--input-bg:#182338;--focus-ring:rgba(129,140,248,.35);
  --shadow:0 1px 3px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.3);
}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;transition:background .3s,color .3s}
table{width:100%;border-collapse:collapse}
th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);background:var(--bg);border-bottom:1px solid var(--border)}
td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:12px}
tr:hover{background:rgba(79,70,229,.03)}tr:last-child td{border-bottom:none}
.btn{padding:9px 18px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:.2s;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-lg)}
.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}
.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--danger);color:#fff}
.btn-secondary{background:var(--border);color:var(--text)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}
.btn-outline:hover{background:var(--primary);color:#fff}
.btn-sm{padding:6px 12px;font-size:11px}.btn-lg{padding:12px 24px;font-size:14px}
.btn-icon{width:36px;height:36px;padding:0;justify-content:center;border-radius:8px}
.search-box{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:8px;padding:7px 12px;border:1px solid var(--border);transition:.2s}
.search-box input{border:none;background:none;outline:none;font-size:12px;width:180px;color:var(--text)}
.search-box i{color:var(--text-light);font-size:13px}
.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--card)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{margin-bottom:0}.form-group.full{grid-column:1/-1}
.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}
.form-group input,.form-group select,.form-group textarea,.filter-bar select,.filter-bar input,.control-input{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:12px;color:var(--text);background:var(--input-bg);transition:.2s;outline:none;font-family:inherit}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.filter-bar select:focus,.filter-bar input:focus,.control-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}
.form-group textarea{resize:vertical;min-height:60px}
.filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.filter-bar select,.filter-bar input,.control-input{padding:7px 12px}
[data-theme="dark"] .btn-secondary{background:#253247;color:#e2e8f0}
[data-theme="dark"] .btn-outline{border-color:#818cf8;color:#c7d2fe}
[data-theme="dark"] .btn-outline:hover{background:#6366f1;color:#fff}
[data-theme="dark"] .search-box{background:#162033;border-color:#475569;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .search-box input::placeholder,[data-theme="dark"] .control-input::placeholder,[data-theme="dark"] .form-group input::placeholder,[data-theme="dark"] .form-group textarea::placeholder{color:#94a3b8}
[data-theme="dark"] .form-group input,[data-theme="dark"] .form-group select,[data-theme="dark"] .form-group textarea,[data-theme="dark"] .filter-bar select,[data-theme="dark"] .filter-bar input,[data-theme="dark"] .control-input{background:#162033;border-color:#475569;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
[data-theme="dark"] input[type="number"],[data-theme="dark"] select{color-scheme:dark}
[data-theme="dark"] input[type="number"]::-webkit-inner-spin-button,[data-theme="dark"] input[type="number"]::-webkit-outer-spin-button{opacity:1;filter:invert(1) brightness(1.3)}