:root{--bg:#f5f6f8;--surface:#ffffff;--text:#1b1f24;--muted:#5d6673;--border:#dde1e6;--brand:#3646a6;--brand-strong:#27347f;--brand-text:#ffffff;--brand-ink:#111111;--ok:#1a7f37;--warn:#9a6700;--danger:#b42318;--info:#2f3e9e;--radius:10px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111418;--surface:#1a1f25;--text:#e8eaed;--muted:#9aa4b1;--border:#2d343c;--ok:#4ac26b;--warn:#d4a72c;--danger:#f47067;--info:#9aa6ff;--brand:#4a5bcc;--brand-strong:#3646a6}}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}a{color:var(--info)}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:1.5rem 0 .75rem}.muted{color:var(--muted)}.small{font-size:.875rem}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem;background:var(--brand);border-bottom:3px solid var(--brand-ink)}.brand,.topbar{color:var(--brand-text)}.brand{font-weight:800;text-decoration:none;letter-spacing:.04em}.nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem;flex:1 1}.nav a{color:var(--brand-text);opacity:.88;text-decoration:none;padding:.25rem 0}.nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.topbar .muted{color:var(--brand-text);opacity:.75}.topbar .button-link{color:var(--brand-text);text-decoration:underline}.user-box{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.page{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem}.page-header{margin-bottom:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:1.6rem;font-weight:700}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem}.field{margin-bottom:.85rem}.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.inline-form .field{margin:0}.button,button{font:inherit;font-weight:600;text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;background:var(--surface);color:var(--text);cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-text)}.button-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.button-danger{color:var(--danger)}.button-link{border:none;background:none;padding:0;color:var(--info);font-weight:500}.clock-buttons{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.clock-button{min-height:72px;font-size:1.15rem;border-radius:12px}.clock-button[data-kind=entrada],.clock-button[data-kind=reanudacion]{background:var(--ok);border-color:var(--ok);color:#fff}.clock-button[data-kind=pausa]{background:var(--warn);border-color:var(--warn);color:#fff}.clock-button[data-kind=salida]{background:var(--danger);border-color:var(--danger);color:#fff}.category-buttons{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-button{display:flex;align-items:center;gap:.5rem;min-height:56px;text-align:left;border-width:2px;border-radius:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.current-activity{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:12px}.current-activity>div:first-child{flex:1 1;min-width:180px}.current-activity-name{font-weight:700;font-size:1.1rem}.current-activity-time{font-size:1.6rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto;margin-top:1rem}.board-column{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;min-width:220px}.board-column>header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.board-card{border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;margin-bottom:.5rem;background:var(--bg)}.board-card-title{font-weight:600;text-decoration:none;color:var(--text);display:block;margin-bottom:.15rem}.board-card form{margin-top:.4rem}.board-card button,.board-card input,.board-card select{font-size:.8rem;padding:.25rem .4rem}.text-danger{color:var(--danger)}@media (max-width:900px){.board{grid-template-columns:1fr}}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin:.5rem 0 .75rem}.tabs a{padding:.4rem .9rem;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.form-grid{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.toolbar{flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between}.pagination,.toolbar{display:flex;align-items:center}.pagination{gap:1rem;margin-top:1rem}.checkbox-label{display:flex;gap:6px;align-items:center;margin:0;font-weight:400}.checkbox-label input{width:auto}.category-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.bar{height:8px;border-radius:4px;background:var(--border);overflow:hidden;min-width:80px}.bar>span{display:block;height:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface)}td,th{text-align:left;padding:.55rem .65rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}th,tr.voided td{color:var(--muted)}tr.voided td{text-decoration:line-through}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;border:1px solid}.badge-ok{color:var(--ok)}.badge-warn{color:var(--warn)}.badge-danger{color:var(--danger)}.badge-muted{color:var(--muted)}.alert{padding:.65rem .85rem;border-radius:8px;margin:.75rem 0;border:1px solid}.alert-error{color:var(--danger);border-color:var(--danger)}.alert-ok{color:var(--ok);border-color:var(--ok)}.center-box{max-width:380px;margin:10vh auto;padding:0 1rem}.brand{align-items:center;gap:.5rem}.brand,.brand-logo{display:inline-flex}.brand-logo{background:#ffffff;border-radius:6px;padding:2px 4px;line-height:0}.brand-logo img{height:48px;width:auto;display:block}.login-logo{display:block;width:100%;max-width:280px;height:auto;margin:0 auto .75rem;background:#ffffff;border-radius:8px}.center-box h1,.center-box h1+.muted{text-align:center}details>summary{cursor:pointer;color:var(--info)}pre.json{font-size:.75rem;white-space:pre-wrap;word-break:break-all;max-width:420px;margin:0}.chat{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto;margin-bottom:1rem}.msg{max-width:min(75%,560px);padding:.5rem .75rem;border-radius:10px;border:1px solid var(--border)}.msg-in{align-self:flex-start;background:var(--bg)}.msg-out{align-self:flex-end;background:color-mix(in srgb,var(--ok) 12%,var(--surface))}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.msg-meta{font-size:.75rem;color:var(--muted);margin-top:.2rem}.msg-auto{background:var(--bg);border-style:dashed;font-style:italic}