*{box-sizing:border-box} :root{--ink:#182b2b;--muted:#657574;--green:#126353;--line:#dfe7e2;--bg:#f5f6f2}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green);text-underline-offset:4px}header{min-height:88px;padding:20px 5%;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;color:var(--ink);text-decoration:none}.brand span{color:var(--green)}.brand small{font-size:11px;letter-spacing:3px;margin-left:18px;font-weight:500}nav,.actions{display:flex;align-items:center;gap:20px}nav a{text-decoration:none}main{max-width:1240px;margin:40px auto;padding:0 28px}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:6px 0 14px}h2{font-size:24px;margin:0 0 12px}h2 small{font-size:14px;font-weight:400;color:var(--muted)}h3{font-size:16px;margin:0 0 16px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin:0 0 12px}.muted{color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px;margin-bottom:22px;box-shadow:0 3px 12px #182b2b03}.timer{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:4px solid var(--green)}.timer-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.timer-form p{margin:0}.timer-form p:nth-of-type(3){grid-column:1/-1}.timer-form button{justify-self:start}.running{background:#eaf5ef;grid-template-columns:1fr}.clock{font-size:58px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:5px}label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c9d6cf;border-radius:7px;font:inherit;color:var(--ink);background:#fff}input[type=checkbox]{width:auto}input:focus,select:focus,textarea:focus{outline:2px solid #5c9c89;outline-offset:2px}button,.button{display:inline-block;background:var(--green);color:#fff;padding:11px 18px;border:1px solid var(--green);border-radius:7px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;white-space:nowrap}button:hover,.button:hover{filter:brightness(.92)}.secondary{background:#fff;color:var(--ink);border-color:#cad8d0}.quiet{background:none;color:var(--muted);border:none;padding:0}.danger{color:#aa3434}.stop{background:#233b33}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filters label{flex:1;min-width:135px;margin:0}.filters select{max-width:230px}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;background:#f9faf7;color:var(--muted)}th,td{padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:top}td{font-size:14px}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.comment{display:inline-block;max-width:260px;overflow-wrap:anywhere}.badge{font-size:11px;background:#eaf3ec;color:var(--green);border-radius:20px;padding:4px 9px}.delete-form{margin-top:6px}.empty{text-align:center;padding:50px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:24px;padding:16px;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.summary-row,.management-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0}.summary-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}.login{max-width:470px;margin:70px auto}.login h1{font-size:30px}.form-card{max-width:730px}.helptext{display:block;color:var(--muted);font-size:12px}.helptext ul{padding-left:18px}.errorlist{color:#a52d2d}.notice{padding:14px 20px;border:1px solid #b9d4c1;border-radius:9px;background:#edf6ef;margin-bottom:20px}.notice.error{border-color:#e3b5b5;background:#fff1ed}footer{max-width:1184px;margin:45px auto 25px;padding:0 28px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:14px;flex-wrap:wrap;font-size:13px}main{padding:0 16px;margin-top:24px}.heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:29px}.timer{grid-template-columns:1fr;gap:15px}.timer-form{grid-template-columns:1fr}.timer-form p:nth-of-type(3){grid-column:auto}.summary-grid{grid-template-columns:1fr}.card{padding:20px}.table-card{padding:0}.management-row{flex-direction:column;gap:8px}.actions{gap:12px;flex-wrap:wrap}footer{gap:15px;flex-direction:column}.clock{font-size:48px}}