:root{--bg:#f5f7fb;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#d9a441;--dark:#0b1220;--danger:#dc2626;--ok:#15803d}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#1d2940,#070b14 65%)}.auth-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:36px;box-shadow:0 24px 70px #0008}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px}.brand b,.brand span{display:block;letter-spacing:2px}.brand b{font-size:18px}.brand span{font-size:12px;color:#8b6a25}.auth h1{font-size:32px;margin:28px 0 4px}.muted{color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:18px 0}input,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;margin-top:7px;outline:none;background:#fff}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9a44122}.primary{width:100%;padding:14px;border:0;border-radius:11px;background:var(--dark);color:white;font-weight:800;margin-top:8px}.error{color:var(--danger);min-height:20px}.secure{font-size:12px;color:var(--muted);margin-top:24px;text-align:center}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--dark);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.small{margin:0 8px 28px}.small img{width:42px;height:42px}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.logout{background:transparent;color:#cbd5e1;border:0;text-align:left;padding:12px 14px;border-radius:10px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff12;color:#fff}.logout{margin-top:auto;border:1px solid #ffffff18}main{margin-left:250px;min-height:100vh}header{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}header h2{margin:0 0 2px}.userbox{display:flex;gap:10px;align-items:center}.badge{background:#f1f5f9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.content{padding:26px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.card .label{color:var(--muted);font-size:12px}.card .value{font-size:26px;font-weight:900;margin-top:8px}.section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:18px}.section h3{margin-top:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.toolbar>*{min-width:150px}.btn{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.btn.primary2{background:var(--dark);color:#fff}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{color:var(--muted);font-size:12px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notice{padding:12px 14px;border-radius:10px;background:#fff7df;border:1px solid #f2d58a}.ok{color:var(--ok)}@media(max-width:900px){.sidebar{width:72px;padding:16px 8px}.sidebar .brand div,.sidebar nav button{font-size:0}.sidebar nav button:before{font-size:18px}.logout{font-size:0}.logout:before{content:'↪';font-size:20px}main{margin-left:72px}.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}header{padding:0 15px}.content{padding:15px}}