:root{--navy:#152a40;--blue:#245ccc;--ink:#16283c;--line:#dce3ea;--muted:#667789;--bg:#f4f6f9;--danger:#b42332}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.4 Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{height:40px;border:1px solid #cbd5df;border-radius:6px;background:#fff;padding:7px 10px;color:var(--ink);min-width:0}label{display:grid;gap:5px;font-size:14px;font-weight:600}.primary{border:0;background:var(--blue);color:#fff;border-radius:6px;padding:10px 18px;font-weight:700}.link{border:0;background:transparent;color:var(--blue);padding:5px}.logo{font-size:31px;font-weight:800;letter-spacing:-2px}.logo span{color:#7bafff}.logo small{font-size:12px;letter-spacing:2px;margin-left:12px;font-weight:600}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px;box-shadow:0 14px 50px #17324d18}.login-card h1{margin:28px 0 8px}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:16px;margin-top:24px}.message{min-height:22px;color:var(--blue);margin:8px 0}.message.error{color:var(--danger)}header{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:34px;padding:0 4%;position:sticky;top:0;z-index:4}header .account{margin-left:auto;display:flex;align-items:center;gap:14px}header .link{color:#fff}main{width:min(1500px,94%);margin:0 auto 48px}.title-row{display:flex;justify-content:space-between;align-items:end;padding:28px 0 18px}.title-row span{color:#74869a;font-size:12px;letter-spacing:1.7px}.title-row h1{margin:6px 0 0;font-size:28px}.title-row time{color:var(--muted)}nav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}nav button{border:0;background:transparent;padding:10px 16px;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}nav button.active{color:var(--blue);border-color:var(--blue)}.tab{display:none}.tab.active{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.stats article{display:flex;justify-content:space-between;align-items:center}.stats strong{font-size:26px}.panel{margin-bottom:12px}.panel.compact{padding:15px 18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2,.panel h2{font-size:18px;margin:0}.section-title span{color:var(--muted)}.row-form,.filters{display:flex;gap:12px;align-items:end}.row-form label{min-width:150px}.row-form .grow{flex:1}.hours-field{width:90px;min-width:90px!important}.timer{border-top:1px solid var(--line);margin-top:14px;padding-top:13px;display:flex;align-items:center;gap:18px}.timer strong{margin-left:auto;font:700 20px monospace}.timer button{border:1px solid #b8c8da;background:#fff;border-radius:6px;padding:8px 14px}.timer button.stop{color:#fff;background:var(--danger);border-color:var(--danger)}.filters label{flex:1}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0f3}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e8edf2}th{font-size:12px;color:#667789;background:#f7f9fb}td:last-child{white-space:nowrap}.action{border:0;background:#edf3ff;color:#245ccc;border-radius:5px;padding:5px 9px;margin-right:5px}.action.danger{background:#fff0f1;color:var(--danger)}small{color:var(--muted)}@media(max-width:850px){main{width:94%}.title-row{align-items:start}.stats,.summary-grid{grid-template-columns:1fr}.row-form,.filters{flex-wrap:wrap}.row-form label,.filters label{flex:1 1 45%}.row-form button{flex:1}header{gap:12px}.logo small{display:none}.title-row time{display:none}}

:where([hidden]){display:none!important}