:root{font-family:Arial,Helvetica,sans-serif;color:#16417d;background:#f2f8ff}*{box-sizing:border-box}body{margin:0}.topbar{height:41px;background:linear-gradient(90deg,#2168cd,#2f87ef);display:flex;align-items:center;gap:24px;padding:0 15px;color:#fff;font-size:10px}.topbar strong{font-size:15px}.topbar i{color:#78c9ff;font-style:normal}.topbar b{background:#ec5e4e;border-radius:10px;padding:1px 4px}.search{margin-left:auto;width:160px;background:#ffffff20;border-radius:16px;padding:6px 12px}.search input{width:125px;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.search input::placeholder{color:#d9eaff}.avatar{background:#f5d4bc;color:#7a513d;border:2px solid white;border-radius:50%;padding:4px 6px}.layout{display:grid;grid-template-columns:145px 1fr;min-height:calc(100vh - 41px)}aside{position:relative;background:linear-gradient(155deg,#fff 55%,#eaf4ff);padding:16px 8px}aside a{display:block;padding:10px 12px;margin-bottom:3px;border-radius:8px;color:#5680b8;text-decoration:none;font-size:11px}aside a.active{color:#1471e2;background:#ddecff;font-weight:bold}.side-promo{position:absolute;left:13px;bottom:12px;width:110px;height:132px;border-radius:10px;background:linear-gradient(135deg,#e2efff,#fafdff);padding:13px 10px;color:#2871ca;font-size:12px}.side-promo small{display:block;margin-top:11px;font-size:9px;color:#7798c4}main{padding:14px 18px;background:radial-gradient(circle at 56% 0,#e7f2ff,#f9fcff 40%,#f4f9ff)}.banner{height:80px;border-radius:9px;background:linear-gradient(90deg,#fff,#f9fdff 45%,#cfe9fb 70%,#fff);display:flex;align-items:center;justify-content:flex-end;gap:35px;padding-right:20px;color:#1353ae;font-size:14px;line-height:1.08}.banner b{font-size:15px}.tabs{display:flex;gap:8px;margin:12px 0}.tabs button{border:0;background:#fff;color:#6785ad;padding:7px 27px;border-radius:7px;font-size:10px;cursor:pointer}.tabs .selected{background:linear-gradient(#3d90ff,#1d69dd);color:#fff}h1{font-size:25px;margin:0;color:#123d7a}.subtitle{margin:5px 0 0;font-size:10px;color:#7292c0}.work-card{margin-top:15px;padding:19px 16px 12px;border-radius:9px;background:#fff;box-shadow:0 1px 6px #cdddeca8;display:grid;grid-template-columns:100px 1fr 190px;align-items:center}.clock-icon{width:60px;height:60px;border-radius:50%;background:#e8f4ff;display:grid;place-items:center;font-size:35px;color:#2579e9;margin:auto}.work-center{text-align:center;color:#7390bb;font-size:11px}.work-center p{margin:0}.work-center output{display:block;font-weight:800;font-size:48px;line-height:1.05;letter-spacing:-2px;color:#133c7a;margin:4px 0}.work-center small{font-size:10px}blockquote{border-left:1px solid #dceafa;color:#6e8db8;padding-left:15px;font-size:11px;font-style:italic;line-height:1.5}blockquote hr{border:0;border-top:2px solid #2978e3;width:28px;margin:12px 0}blockquote small{font-style:normal;font-size:9px}.actions{grid-column:1 / -1;display:flex;gap:9px;margin-top:13px;padding-left:4px}.actions button{height:40px;border-radius:7px;font-size:9px;font-weight:bold;flex:1;cursor:pointer}.primary{background:linear-gradient(#408eff,#2469df)!important;color:#fff!important;border:0!important}.secondary{background:#edf6ff;color:#2868c5;border:1px solid #9cc8fa}.secondary:disabled{opacity:.65}.work-card footer{grid-column:1 / -1;margin-top:14px;padding-top:11px;border-top:1px solid #e7eff8;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#5f7fa9}.work-card footer span small{display:block;margin-left:20px;font-size:9px}.work-card em{background:#dff8ed;color:#16a271;border-radius:5px;padding:7px 11px;font-size:9px;font-style:normal}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.stats article,.history,.filters,.totals article{border-radius:8px;background:#fff;box-shadow:0 1px 5px #d4e2efaa}.stats article{min-height:69px;padding:12px}.stats small{display:block;color:#7896bd;font-size:9px}.stats b{display:block;color:#1b4887;font-size:14px;margin:5px 0 2px}.history{margin-top:12px;padding:13px 16px;min-height:105px}.history header{font-size:10px;color:#315486;font-weight:bold}.history header button{float:right;border:0;background:none;color:#1874e5;font-size:10px;cursor:pointer}.empty{text-align:center;padding:15px;color:#9aafcf;font-size:9px}.empty b{display:block;color:#6685b5;font-size:10px;margin:4px}#historyList{margin:10px 0 0;padding:0;list-style:none;font-size:10px;color:#5778a8}.hidden{display:none}.filters{margin-top:15px;padding:10px;display:flex;gap:8px}.filters select,.filters button,dialog button{height:30px;border:1px solid #d7e6f7;background:#fff;color:#5a7ba7;border-radius:6px;padding:0 9px;font-size:10px}.filters button{margin-left:auto}.table-wrap{margin-top:11px;overflow:auto;border-radius:8px;background:#fff;box-shadow:0 1px 5px #d4e2efaa}.table-wrap table{border-collapse:collapse;width:100%;min-width:760px;font-size:10px}.table-wrap th{background:#f0f7ff;color:#6584ad;text-align:left;padding:10px 8px}.table-wrap td{padding:12px 8px;border-top:1px solid #edf3f9;color:#315b92}.table-wrap tr.violation td{background:#fff0f1;color:#bd4856}.map{color:#1473df;text-decoration:underline}.review{border:0;background:none;color:#e04f60;text-decoration:underline;font-weight:bold;font-size:10px;cursor:pointer}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.totals article{padding:12px;color:#7995bc;font-size:10px}.totals b{display:block;margin-top:4px;color:#1a4987;font-size:20px}dialog{border:0;border-radius:10px;width:min(410px,90vw);box-shadow:0 18px 50px #183b6c77;color:#17417d;padding:20px}dialog::backdrop{background:#173d6f66}dialog h2{font-size:17px;margin:0}.warning{background:#fff0f1;color:#c44b5a;border-radius:7px;padding:10px;font-size:11px}.form-row{display:flex;gap:8px}.form-row label{flex:1;font-size:10px;color:#718db3}.form-row input{width:100%;margin-top:4px;padding:8px;border:1px solid #d9e6f6;border-radius:6px}.form-row+footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:650px){.topbar span:not(.avatar),.topbar .search{display:none}.layout{grid-template-columns:1fr}aside{display:none}main{padding:10px}.banner{height:62px;font-size:10px;gap:10px}.banner b{font-size:11px}.work-card{grid-template-columns:70px 1fr}.work-card blockquote{display:none}.work-center output{font-size:37px}.stats{grid-template-columns:repeat(2,1fr)}.work-card footer em{font-size:8px}.work-card footer{gap:4px}.tabs button{padding:7px 20px}}