:root{--teal:#123f3a;--teal2:#1d5b54;--bg:#f5f7f7;--card:#fff;--text:#182522;--muted:#71807d;--line:#dfe7e5;--good:#16704b;--warn:#a66900;--bad:#b42318;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{height:64px;background:var(--teal);color:#fff;display:flex;align-items:center;padding:0 18px;position:sticky;top:0;z-index:20}.brand{font-weight:850;font-size:19px}.top-right{margin-left:auto;display:flex;gap:8px;align-items:center}.pill{font-size:12px;background:#ffffff21;padding:7px 10px;border-radius:999px}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.side{background:#fff;border-right:1px solid var(--line);padding:14px}.nav{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:11px;font-weight:750;color:#52625f;margin:2px 0}.nav.active,.nav:hover{background:#eaf2f0;color:var(--teal)}.main{padding:22px;max-width:1500px;width:100%}.title{font-size:24px;font-weight:850;margin:0}.sub{color:var(--muted);font-size:13px;margin:4px 0 16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 7px 24px #123f3a0d}.stat .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.stat .num{font-size:27px;font-weight:850;margin-top:5px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.input,.select{border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fff}.btn{border:0;border-radius:11px;padding:10px 13px;font-weight:780}.primary{background:var(--teal);color:#fff}.soft{background:#eaf2f0;color:var(--teal)}.danger{background:#fff0ef;color:var(--bad)}.table{overflow:auto;border:1px solid var(--line);border-radius:13px}.table table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{font-size:10px;text-transform:uppercase;color:#6e7e7a;background:#fafcfc}.badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}.good{background:#e8f6ef;color:var(--good)}.warn{background:#fff3dc;color:var(--warn)}.bad{background:#fdeceb;color:var(--bad)}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:750;color:#52625f}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#123f3a,#1d5b54)}.login{width:min(420px,100%);background:#fff;border-radius:20px;padding:24px}.login h1{margin:0 0 6px}.error{background:#fff0ef;color:var(--bad);padding:10px;border-radius:10px;font-size:12px;margin:10px 0}.note{font-size:11px;color:var(--muted)}.hidden{display:none!important}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.nav{white-space:nowrap;width:auto}.cards{grid-template-columns:repeat(2,1fr)}.main{padding:14px}}@media(max-width:560px){.cards{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.full{grid-column:auto}.top{padding:0 12px}}