:root{--bg:#eff4f7;--card:#fff;--text:#163246;--muted:#677f90;--border:#dce5eb;--accent:#008875}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,sans-serif}body.dark{--bg:#101c27;--card:#1b2c39;--text:#e6eef5;--muted:#9db3c4;--border:#344956;--accent:#19bea6}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;background:var(--card);border-bottom:1px solid var(--border)}header b{font-size:26px}header span{color:var(--accent)}small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.actions,.toolbar,nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}main{max-width:1440px;margin:24px auto;padding:0 24px}button,input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--card);color:var(--text)}button{cursor:pointer;min-height:48px;font-weight:650}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}.primary,.yes{background:#008875;color:white}.no{background:#b93445;color:white}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:18px}.login{max-width:440px;margin:8vh auto}.login input{width:100%;margin:8px 0}.login button{width:100%;margin-top:12px}.pin{font-size:32px;text-align:center;letter-spacing:12px}.tasks{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.task{min-height:170px;text-align:left;padding:28px;border-top:5px solid var(--task);font-size:25px}.task small{font-size:16px}.task.active{background:var(--accent);color:#fff}.task.active small{color:#fff}.timer{display:block;font-size:38px;font-variant-numeric:tabular-nums;margin-top:12px}h1{font-size:28px;margin:0 0 8px}h2{font-size:19px}p{line-height:1.6;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi strong{font-size:30px;display:block;margin:12px 0}.grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.barrow{display:grid;grid-template-columns:110px 1fr 100px;gap:10px;align-items:center;margin:18px 0;font-size:14px}.track{height:12px;background:var(--bg);border-radius:6px;overflow:hidden}.fill{height:100%}.chart{height:210px;display:flex;align-items:stretch;gap:5px}.column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.segments{display:flex;flex-direction:column-reverse;justify-content:flex-start}.segment{min-height:0}.column small{font-size:10px;text-align:center}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:14px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--border)}td:last-child{white-space:normal;min-width:160px}nav{margin-bottom:20px}.selected{background:var(--text);color:var(--card)}label{display:block;color:var(--muted);font-size:13px;margin:10px 0}label input,label select,label textarea{display:block;width:100%;margin-top:7px}dialog{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:20px;width:min(500px,95vw);padding:28px}dialog::backdrop{background:#061523aa}dialog .actions button{flex:1;min-height:64px}#notice{padding:0 24px;text-align:center;color:#b93445}#notice:not(:empty){padding:14px;background:var(--card)}.trend{height:90px;width:100%}.empty{padding:30px;text-align:center;color:var(--muted)}.demo{background:#ffe8ac;color:#533d00;padding:10px;text-align:center}.manage{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:800px){.grid,.manage{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}#clock{display:none}.toolbar>*{max-width:100%}}@media(max-width:480px){main{padding:0 12px}.tasks{gap:10px}.task{font-size:20px;padding:18px;min-height:150px}.timer{font-size:28px}.kpi strong{font-size:24px}.barrow{grid-template-columns:85px 1fr 80px}header{padding:16px}}