/* Программист: Тахир Тухтаров. Код — собственность компании X-WORLD. */
:root{font:16px/1.55 system-ui,sans-serif;color:#142832;background:#f4f7f6}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:28px 24px}header{display:flex;align-items:center;border-bottom:1px solid #d6e0dc;padding-bottom:12px}header p{margin:0;color:#65776d}.brand{font-size:26px;font-weight:750;letter-spacing:-1px}h1{font-size:32px;margin:25px 0 16px}h2{font-size:19px;margin:0 0 14px}a{color:#007847}.toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.toolbar form{margin-left:auto}.toolbar label{display:flex;gap:8px;align-items:center}button,select,input{font:inherit;border-radius:8px;border:1px solid #b9ccc1;padding:9px 13px}button{background:#007d4b;color:white;border:0;cursor:pointer}button:hover{background:#005d39}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.cards article,.panel{background:white;border:1px solid #e0e7e3;border-radius:14px;padding:22px}.cards span{display:block;color:#60746a}.cards strong{font-size:34px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.chart{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.bar{min-width:82px;display:flex;flex-direction:column;gap:5px}.bar meter{width:80px;height:25px}table{width:100%;border-collapse:collapse;font-size:14px}td{padding:9px 0;border-bottom:1px solid #edf1ef;overflow-wrap:anywhere}td:last-child{text-align:right;padding-left:15px;white-space:nowrap}footer{font-size:13px;color:#64776c;margin-top:24px}.setup{max-width:580px;display:grid;gap:15px;background:white;padding:24px;border-radius:14px}.setup label{display:grid;gap:5px}.error{padding:12px;background:#ffe8e7;color:#982c26;border-radius:8px}#status{color:#60746a;font-size:14px}.panel>p{font-size:13px;color:#64776c}.hour-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hour-grid>div{display:flex;flex-direction:column}.hour-grid meter{width:100%}.hour-grid small{font-size:11px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:720px){main{padding:18px 14px}.grid{grid-template-columns:1fr}.toolbar form{margin-left:0}.cards article{padding:14px}h1{font-size:26px}}