:root{--ink:#12202a;--muted:#61717c;--nav:#102a3a;--nav2:#0b2230;--cyan:#10a8a0;--gold:#e0b84f;--paper:#f4f7f8;--line:#dce4e8;--white:#fff;--danger:#b33a3a;--ok:#147a54;--shadow:0 10px 30px rgba(18,32,42,.08)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.skip{position:fixed;left:-100vw;top:1rem;background:#fff;padding:.8rem;z-index:20}.skip:focus{left:1rem}.shell{display:grid;grid-template-columns:258px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;padding:1.2rem;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:.7rem;align-items:center;color:#fff;text-decoration:none;font-size:1.2rem;padding:.5rem .6rem 1.4rem}.brand span{display:grid;place-items:center;width:36px;height:36px;background:var(--cyan);border-radius:10px;font-size:1.4rem}nav{display:grid;gap:.2rem}nav a{color:#c9d7de;text-decoration:none;padding:.67rem .7rem;border-radius:8px;display:flex;gap:.75rem;align-items:center;font-size:.92rem}nav a:hover,nav a:focus,nav a.active{background:rgba(255,255,255,.1);color:#fff}nav a.active{box-shadow:inset 3px 0 var(--cyan)}nav span{width:1.2rem;text-align:center}.catalog-link{display:block;color:var(--gold);margin:1.2rem .7rem;text-decoration:none}.workspace>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 2rem;position:sticky;top:0;z-index:5}.workspace>header div{display:grid;text-align:right}.workspace>header small{font-size:.75rem;color:var(--muted)}.workspace>header a{color:var(--ink)}.menu{display:none;margin-right:auto}main{max-width:1500px;margin:auto;padding:2rem}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.4rem}.page-title p{color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin:0}.page-title h1{margin:.1rem 0;font-size:clamp(1.7rem,3vw,2.35rem)}.toolbar{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.btn,button{border:0;border-radius:8px;padding:.7rem 1rem;background:var(--nav);color:#fff;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.btn.primary,button.primary{background:var(--cyan);color:#082a2c}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger,button.danger{background:var(--danger)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.3rem}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.card{padding:1.2rem}.card small{color:var(--muted)}.card strong{display:block;font-size:1.8rem;margin-top:.35rem}.panel{padding:1.2rem;margin-bottom:1.2rem}.panel h2{margin-top:0;font-size:1.1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.span2{grid-column:span 2}.span3{grid-column:1/-1}label{display:grid;gap:.35rem;font-weight:650;font-size:.88rem}input,select,textarea{width:100%;border:1px solid #bccbd2;border-radius:8px;padding:.68rem .75rem;background:#fff;color:var(--ink);font:inherit}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid rgba(16,168,160,.28);outline-offset:2px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#f8fafb}td{font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:2rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#e8f1f3;font-size:.74rem;font-weight:700}.badge.ok{background:#dff4ea;color:var(--ok)}.badge.warn{background:#fff3d0;color:#7c5a00}.badge.danger{background:#fae2e2;color:var(--danger)}.alert{padding:.8rem 1rem;border-radius:9px;margin-bottom:1rem}.alert.success{background:#def3e7;color:#0d6544}.alert.error{background:#f9e2e2;color:#8e2e2e}.actions{display:flex;gap:.4rem}.actions .btn{padding:.4rem .65rem;font-size:.8rem}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#16475c,var(--nav2) 55%)}.login form{width:min(430px,92vw);background:#fff;border-radius:18px;padding:2rem;box-shadow:0 30px 70px rgba(0,0,0,.3)}.login h1{margin-top:0}.login .mark{width:48px;height:48px;background:var(--cyan);border-radius:12px;display:grid;place-items:center;font-weight:900;margin-bottom:1rem}.login label{margin:1rem 0}.login button{width:100%;background:var(--cyan);color:#082a2c}.note{color:var(--muted);font-size:.86rem}.metric-list{display:grid;gap:.65rem}.metric-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.35rem 0}.danger-text{color:var(--danger);font-weight:700}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.span3{grid-column:span 2}}@media(max-width:760px){.shell{display:block}aside{position:fixed;z-index:15;width:270px;transform:translateX(-100%);transition:.2s}body.menu-open aside{transform:none}.workspace>header{padding:0 1rem}.menu{display:block}main{padding:1rem}.cards,.grid,.form-grid{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.page-title{align-items:start}.workspace>header div{display:none}}