/* Панель КС54 - по брендбуку «Линии связи»: navy, срезанные углы, Unbounded / Golos Text / JetBrains Mono */
:root{--bg:#060B1A;--s:#0D1634;--s2:#13204A;--line:#22305C;--t:#EEF2FA;--mu:#A3AFCC;--navy:#012673;--blue:#005EAA;--or:#FF7614;--lime:#C4F03A;--cy:#2EE6D6;--pink:#FF6FAE;--yel:#FFD23F}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--t);font:500 15px/1.45 "Golos Text",system-ui,sans-serif}
[hidden]{display:none!important}
a{color:#7DBBF5}
button,input,select,textarea{font:inherit;color:inherit}
.cut-s,.btn,.pill,.card,.tile,.fld input,.fld select,.fld textarea{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.cut-m,.card{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.cut-l{clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.muted{color:var(--mu)}.small{font-size:13px}.mono{font-family:"JetBrains Mono",monospace}
.lbl{font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:0;background:var(--s2);color:var(--t);font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:default}
.btn.primary{background:var(--or);color:var(--navy)}.btn.blue{background:var(--blue);color:#fff}.btn.lime{background:var(--lime);color:var(--navy)}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}.btn.big{min-height:50px;font-size:16px}.btn.sm{min-height:32px;padding:0 10px;font-size:13px}
.btn.danger{background:transparent;box-shadow:inset 0 0 0 2px #6b3a1a;color:#FFB27A}
.err{color:#FFB27A;font-weight:700;min-height:1.2em;margin:0}
/* вход */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--navy)}
.login-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;padding:36px;background:var(--s)}
.login-box h1{margin:4px 0 0;font:800 28px Unbounded,sans-serif}.login-box p{margin:0}
.login-mark{height:56px;width:auto;align-self:flex-start}
.fld{display:flex;flex-direction:column;gap:6px}.fld>span{font-weight:700;font-size:13px;color:#D5DAEA}
.fld input,.fld select,.fld textarea{width:100%;min-height:42px;padding:9px 12px;border:0;background:var(--bg);box-shadow:inset 0 0 0 2px var(--line);outline:none}
.fld textarea{min-height:80px;resize:vertical}.fld input:focus,.fld textarea:focus,.fld select:focus{box-shadow:inset 0 0 0 2px var(--blue)}
/* шапка */
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 24px;background:var(--navy)}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:700 17px Unbounded,sans-serif}.brand img{height:30px}
.tabs{display:flex;gap:4px}.tabs button{border:0;background:transparent;color:#C9D4F0;font:500 12px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;cursor:pointer}
.tabs button.on{background:rgba(255,255,255,.12);color:#fff}
.who{margin-left:auto;display:flex;align-items:center;gap:10px;font-weight:700}
main{max-width:1280px;margin:0 auto;padding:22px 20px 60px}
/* сетка */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start}
.card{background:var(--s);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.card h2{margin:0;font:700 18px Unbounded,sans-serif}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card.wide{grid-column:1 / -1}
.big-num{font:800 56px/1 Unbounded,sans-serif}
.pill{display:inline-block;padding:3px 10px;font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;background:var(--s2)}
.pill.lime{background:var(--lime);color:var(--navy)}.pill.or{background:var(--or);color:var(--navy)}.pill.blue{background:var(--blue);color:#fff}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.list{display:flex;flex-direction:column;gap:8px}
.item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg);min-width:0}
.item .grow{flex:1;min-width:0}.item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.av{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--blue);display:flex;align-items:center;justify-content:center;font:700 14px Unbounded,sans-serif}
.bar{height:8px;background:var(--line)}.bar i{display:block;height:100%;background:var(--lime)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--s2);color:var(--t);text-decoration:none;min-height:110px}
.tile:hover{background:var(--blue)}.tile b{font:700 16px Unbounded,sans-serif}.tile span{color:var(--mu);font-size:13px}.tile:hover span{color:#E3EAFF}
.urgent-on{box-shadow:inset 0 0 0 3px var(--or)}
.modal{position:fixed;inset:0;z-index:50;background:rgba(3,6,16,.8);display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;overflow:auto}
.modal-box{width:100%;max-width:560px;background:var(--s);padding:24px;display:flex;flex-direction:column;gap:12px}
.modal-box h2{margin:0;font:700 20px Unbounded,sans-serif}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;padding:12px 18px;background:var(--s2);font-weight:700;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.toast.bad{color:#FFB27A}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--mu);font-weight:600}
.secret{font:700 20px "JetBrains Mono",monospace;padding:12px;background:var(--bg);user-select:all}
@media (max-width:700px){.top{padding:10px 12px}.who{width:100%;margin:0}main{padding:14px 10px 40px}.grid{grid-template-columns:1fr}}