:root{--bg:#f4f6f9;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--pri:#2563eb;--ok:#059669;--bad:#dc2626;--warn:#d97706}
[data-theme=dark]{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--line:#374151;--pri:#60a5fa}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--text)}
.layout{display:flex;min-height:100vh}aside{width:250px;background:var(--card);border-right:1px solid var(--line);padding:16px;position:fixed;height:100vh;overflow:auto;z-index:3}
aside h2{font-size:18px;margin:0 0 12px}.user{padding:10px;background:var(--bg);border-radius:12px;margin-bottom:12px}.user small{display:block;color:var(--muted)}
nav a{display:block;color:var(--text);text-decoration:none;padding:10px;border-radius:10px;margin:3px 0}nav a:hover{background:var(--bg)}
main{margin-left:250px;flex:1}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}
h1{font-size:22px;margin:0}.content{padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--card);padding:16px;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 12px #0001}
.metric{font-size:28px;font-weight:700}.muted{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}
input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text)}
label{display:block;margin:8px 0 4px}button,.btn{display:inline-block;padding:10px 12px;border:0;border-radius:10px;background:var(--pri);color:white;text-decoration:none;cursor:pointer}.btn.gray,button.gray{background:#6b7280}.btn.red,button.red{background:var(--bad)}
.tablewrap{overflow:auto;max-height:65vh;border:1px solid var(--line);border-radius:14px;background:var(--card)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{position:sticky;top:0;background:var(--card);z-index:1}.alert{padding:12px;border-radius:12px;margin:12px 0}.success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.warning{background:#fef3c7;color:#92400e}
.badge{padding:4px 8px;border-radius:999px;background:var(--bg);font-size:12px}.searchbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}
#menuBtn{display:none;background:transparent;color:var(--text);font-size:24px}
@media(max-width:800px){aside{transform:translateX(-105%);transition:.2s}aside.open{transform:none}main{margin-left:0}.top{padding:12px}#menuBtn{display:block}.content{padding:12px}}