*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#17263b;font:14px system-ui,Segoe UI,Arial,sans-serif}a{color:#14618a}button{background:#14688e;color:white;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}button:hover{filter:brightness(1.1)}input,select{border:1px solid #c8d3e0;border-radius:7px;padding:9px;background:white;max-width:100%}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650}h1,h2,h3{margin:0}.top{background:#102d48;color:white;display:flex;justify-content:space-between;align-items:center;padding:14px 25px;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand img{max-height:50px;max-width:150px}.brand-mark{display:grid;place-items:center;background:#1ba1d5;width:42px;height:42px;border-radius:12px;font-size:25px;font-weight:800}.brand small{display:block;color:#bbd6e5}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav a{color:white}.nav form{margin:0}main{padding:20px;max-width:1650px;margin:auto}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:white;padding:15px;border-radius:12px;box-shadow:0 2px 12px #132e4b12}.mode{margin-left:auto;color:#b45309;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin:18px 0}.tile{color:white;border-radius:13px;padding:18px 15px;min-height:108px;cursor:pointer}.tile b{font-size:29px;display:block;margin-top:9px}.tile span{font-size:12px;font-weight:750;text-transform:uppercase}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.panel{background:white;border-radius:13px;box-shadow:0 2px 12px #132e4b10;padding:17px;min-width:0}.panel.wide{grid-column:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel h3{font-size:16px}.panel-head button{background:#e9f1f7;color:#145477;font-size:11px}.barrow{display:grid;grid-template-columns:minmax(100px,1fr) 3fr 42px;gap:8px;align-items:center;margin:9px 0;cursor:pointer}.barrow .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:16px;border-radius:5px;background:#e9eef3;overflow:hidden}.fill{height:100%;background:#178ab5;border-radius:5px}.mini-bars{display:flex;align-items:end;gap:4px;height:190px;border-bottom:1px solid #dae3ed;padding-top:15px}.mini-col{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;cursor:pointer;min-width:0}.mini-col .v{background:#1c8fb8;width:80%;min-height:2px;border-radius:4px 4px 0 0}.mini-col small{font-size:9px;white-space:nowrap;color:#50657a}.hint{color:#64748b;font-size:12px;margin:8px 0}.engineer-row{display:grid;grid-template-columns:2fr 70px 80px;gap:8px;padding:9px 0;border-bottom:1px solid #eef1f4;cursor:pointer}.engineer-row:first-child{font-weight:750}footer{padding:25px;text-align:center;color:#64748b}dialog{border:0;border-radius:16px;box-shadow:0 12px 65px #0005;width:min(760px,94vw);max-height:85vh}dialog::backdrop{background:#0a1d31a8}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin{max-width:900px}.admin section{background:white;border-radius:12px;padding:20px;margin:16px 0}.admin form{display:grid;gap:13px;margin-top:15px}.login-screen{min-height:100vh;background:linear-gradient(120deg,#08233e,#1a7195);background-position:center;background-size:cover;display:grid;place-items:center}.login-box{width:min(410px,92vw);background:white;border-radius:18px;padding:35px;display:grid;gap:20px;box-shadow:0 20px 65px #0005}.login-box h1{font-size:28px;color:#125b80}.login-box p{margin:0}.login-box small{color:#66788a;text-align:center}.error{background:#fee2e2;padding:10px;border-radius:7px}.note{background:#e8f4fc;padding:12px;overflow-wrap:anywhere;border-radius:8px}.draggable{cursor:grab}@media(max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.tiles{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.panel.wide{grid-column:span 1}.top{flex-direction:column;align-items:start}.barrow{grid-template-columns:110px 1fr 35px}}

.tile-ticket{background:#129ed2}.tile-closed{background:#36a149}.tile-waiting{background:#ef7b2c}.tile-slaok{background:#127334}.tile-slabad{background:#bf1826}.tile-compliance{background:#15627f}
.fill.w-0{width:0%}.mini-col .v.h-0{height:2px}
.fill.w-1{width:1%}.mini-col .v.h-1{height:2px}
.fill.w-2{width:2%}.mini-col .v.h-2{height:3px}
.fill.w-3{width:3%}.mini-col .v.h-3{height:4px}
.fill.w-4{width:4%}.mini-col .v.h-4{height:6px}
.fill.w-5{width:5%}.mini-col .v.h-5{height:7px}
.fill.w-6{width:6%}.mini-col .v.h-6{height:8px}
.fill.w-7{width:7%}.mini-col .v.h-7{height:10px}
.fill.w-8{width:8%}.mini-col .v.h-8{height:11px}
.fill.w-9{width:9%}.mini-col .v.h-9{height:13px}
.fill.w-10{width:10%}.mini-col .v.h-10{height:14px}
.fill.w-11{width:11%}.mini-col .v.h-11{height:15px}
.fill.w-12{width:12%}.mini-col .v.h-12{height:17px}
.fill.w-13{width:13%}.mini-col .v.h-13{height:18px}
.fill.w-14{width:14%}.mini-col .v.h-14{height:20px}
.fill.w-15{width:15%}.mini-col .v.h-15{height:21px}
.fill.w-16{width:16%}.mini-col .v.h-16{height:22px}
.fill.w-17{width:17%}.mini-col .v.h-17{height:24px}
.fill.w-18{width:18%}.mini-col .v.h-18{height:25px}
.fill.w-19{width:19%}.mini-col .v.h-19{height:27px}
.fill.w-20{width:20%}.mini-col .v.h-20{height:28px}
.fill.w-21{width:21%}.mini-col .v.h-21{height:29px}
.fill.w-22{width:22%}.mini-col .v.h-22{height:31px}
.fill.w-23{width:23%}.mini-col .v.h-23{height:32px}
.fill.w-24{width:24%}.mini-col .v.h-24{height:34px}
.fill.w-25{width:25%}.mini-col .v.h-25{height:35px}
.fill.w-26{width:26%}.mini-col .v.h-26{height:36px}
.fill.w-27{width:27%}.mini-col .v.h-27{height:38px}
.fill.w-28{width:28%}.mini-col .v.h-28{height:39px}
.fill.w-29{width:29%}.mini-col .v.h-29{height:41px}
.fill.w-30{width:30%}.mini-col .v.h-30{height:42px}
.fill.w-31{width:31%}.mini-col .v.h-31{height:43px}
.fill.w-32{width:32%}.mini-col .v.h-32{height:45px}
.fill.w-33{width:33%}.mini-col .v.h-33{height:46px}
.fill.w-34{width:34%}.mini-col .v.h-34{height:48px}
.fill.w-35{width:35%}.mini-col .v.h-35{height:49px}
.fill.w-36{width:36%}.mini-col .v.h-36{height:50px}
.fill.w-37{width:37%}.mini-col .v.h-37{height:52px}
.fill.w-38{width:38%}.mini-col .v.h-38{height:53px}
.fill.w-39{width:39%}.mini-col .v.h-39{height:55px}
.fill.w-40{width:40%}.mini-col .v.h-40{height:56px}
.fill.w-41{width:41%}.mini-col .v.h-41{height:57px}
.fill.w-42{width:42%}.mini-col .v.h-42{height:59px}
.fill.w-43{width:43%}.mini-col .v.h-43{height:60px}
.fill.w-44{width:44%}.mini-col .v.h-44{height:62px}
.fill.w-45{width:45%}.mini-col .v.h-45{height:63px}
.fill.w-46{width:46%}.mini-col .v.h-46{height:64px}
.fill.w-47{width:47%}.mini-col .v.h-47{height:66px}
.fill.w-48{width:48%}.mini-col .v.h-48{height:67px}
.fill.w-49{width:49%}.mini-col .v.h-49{height:69px}
.fill.w-50{width:50%}.mini-col .v.h-50{height:70px}
.fill.w-51{width:51%}.mini-col .v.h-51{height:71px}
.fill.w-52{width:52%}.mini-col .v.h-52{height:73px}
.fill.w-53{width:53%}.mini-col .v.h-53{height:74px}
.fill.w-54{width:54%}.mini-col .v.h-54{height:76px}
.fill.w-55{width:55%}.mini-col .v.h-55{height:77px}
.fill.w-56{width:56%}.mini-col .v.h-56{height:78px}
.fill.w-57{width:57%}.mini-col .v.h-57{height:80px}
.fill.w-58{width:58%}.mini-col .v.h-58{height:81px}
.fill.w-59{width:59%}.mini-col .v.h-59{height:83px}
.fill.w-60{width:60%}.mini-col .v.h-60{height:84px}
.fill.w-61{width:61%}.mini-col .v.h-61{height:85px}
.fill.w-62{width:62%}.mini-col .v.h-62{height:87px}
.fill.w-63{width:63%}.mini-col .v.h-63{height:88px}
.fill.w-64{width:64%}.mini-col .v.h-64{height:90px}
.fill.w-65{width:65%}.mini-col .v.h-65{height:91px}
.fill.w-66{width:66%}.mini-col .v.h-66{height:92px}
.fill.w-67{width:67%}.mini-col .v.h-67{height:94px}
.fill.w-68{width:68%}.mini-col .v.h-68{height:95px}
.fill.w-69{width:69%}.mini-col .v.h-69{height:97px}
.fill.w-70{width:70%}.mini-col .v.h-70{height:98px}
.fill.w-71{width:71%}.mini-col .v.h-71{height:99px}
.fill.w-72{width:72%}.mini-col .v.h-72{height:101px}
.fill.w-73{width:73%}.mini-col .v.h-73{height:102px}
.fill.w-74{width:74%}.mini-col .v.h-74{height:104px}
.fill.w-75{width:75%}.mini-col .v.h-75{height:105px}
.fill.w-76{width:76%}.mini-col .v.h-76{height:106px}
.fill.w-77{width:77%}.mini-col .v.h-77{height:108px}
.fill.w-78{width:78%}.mini-col .v.h-78{height:109px}
.fill.w-79{width:79%}.mini-col .v.h-79{height:111px}
.fill.w-80{width:80%}.mini-col .v.h-80{height:112px}
.fill.w-81{width:81%}.mini-col .v.h-81{height:113px}
.fill.w-82{width:82%}.mini-col .v.h-82{height:115px}
.fill.w-83{width:83%}.mini-col .v.h-83{height:116px}
.fill.w-84{width:84%}.mini-col .v.h-84{height:118px}
.fill.w-85{width:85%}.mini-col .v.h-85{height:119px}
.fill.w-86{width:86%}.mini-col .v.h-86{height:120px}
.fill.w-87{width:87%}.mini-col .v.h-87{height:122px}
.fill.w-88{width:88%}.mini-col .v.h-88{height:123px}
.fill.w-89{width:89%}.mini-col .v.h-89{height:125px}
.fill.w-90{width:90%}.mini-col .v.h-90{height:126px}
.fill.w-91{width:91%}.mini-col .v.h-91{height:127px}
.fill.w-92{width:92%}.mini-col .v.h-92{height:129px}
.fill.w-93{width:93%}.mini-col .v.h-93{height:130px}
.fill.w-94{width:94%}.mini-col .v.h-94{height:132px}
.fill.w-95{width:95%}.mini-col .v.h-95{height:133px}
.fill.w-96{width:96%}.mini-col .v.h-96{height:134px}
.fill.w-97{width:97%}.mini-col .v.h-97{height:136px}
.fill.w-98{width:98%}.mini-col .v.h-98{height:137px}
.fill.w-99{width:99%}.mini-col .v.h-99{height:139px}
.fill.w-100{width:100%}.mini-col .v.h-100{height:140px}

.mfa-qr{width:220px;height:220px;max-width:100%;display:block;margin:8px auto;background:white;border:8px solid white}.mfa-qr-note{font-size:12px;color:#334155}.mfa-secret{font-family:monospace;letter-spacing:.09em;overflow-wrap:anywhere}.login-screen.has-background{background-image:linear-gradient(#081a32cc,#081a32cc),var(--login-bg)}