@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/schibsted-grotesk-latin-ext-wght-normal.1mn47ffbmm65q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/schibsted-grotesk-latin-wght-normal.1n5gamcxs9g-p.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#15193b;--ink-2:#4a4f72;--ink-3:#7c80a0;--paper:#f2f4f7;--surface:#fff;--line:#dde1ea;--cobalt:#3247e6;--cobalt-ink:#fff;--working:#0f9d7a;--working-soft:#d7f2ea;--break:#e59a1c;--break-soft:#fbecd2;--danger:#c93a32;--danger-soft:#f9dedb;--focus:#3247e6;--font:"Schibsted Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs:.8rem;--t-sm:.9rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:1.563rem;--t-2xl:1.953rem;--t-clock:clamp(4.5rem, 22vw, 7.5rem);--r-sm:8px;--r-md:14px;--r-pill:999px;--gutter:16px;--maxw:1040px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#e8eaf5;--ink-2:#b4b8d4;--ink-3:#8186a8;--paper:#0f1226;--surface:#181c36;--line:#2a2f52;--cobalt:#6f80ff;--cobalt-ink:#0f1226;--working:#34c79f;--working-soft:#12362e;--break:#f2b04a;--break-soft:#3b2c12;--danger:#ff7a70;--danger-soft:#3d1a1a;--focus:#8f9cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font);font-size:var(--t-md);margin:0;line-height:1.5}.clock-time,.punch-time,.num,.dayline-scale,.clock-sub{font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.15}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-lg)}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}button,input,select,textarea{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.shell>*{min-width:0}.topbar{padding:14px var(--gutter);max-width:var(--maxw);justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 auto;display:flex}.brand{font-weight:700;font-size:var(--t-lg);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-net{color:var(--ink-2);font-weight:400}.who{font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;align-items:center;gap:4px;display:flex}@media (max-width:479px){.who-name{display:none}}.main{width:100%;max-width:var(--maxw);padding:8px var(--gutter) 112px;margin:0 auto}.nav{background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.nav a{font-size:var(--t-xs);color:var(--ink-3);border-radius:var(--r-sm);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--cobalt);font-weight:650}.nav-dot{border:1.5px solid;border-radius:50%;width:8px;height:8px}.nav a[aria-current=page] .nav-dot{background:currentColor}@media (min-width:760px){.shell{grid-template-rows:auto auto 1fr}.nav{padding:0 var(--gutter);max-width:var(--maxw);background:0 0;border:0;grid-row:2;justify-content:flex-start;gap:4px;width:100%;margin:0 auto;position:static}.nav a{font-size:var(--t-sm);flex-direction:row;flex:none;gap:8px;padding:8px 12px}.main{padding-bottom:48px}}.btn{border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn-primary{background:var(--cobalt);border-color:var(--cobalt);color:var(--cobalt-ink)}.btn-primary:hover{border-color:var(--cobalt);filter:brightness(1.06)}.btn-quiet{min-height:40px;color:var(--ink-2);background:0 0;border-color:#0000;padding:0 12px}.btn:disabled{opacity:.55;cursor:progress}.field{gap:6px;display:grid}.field label{font-size:var(--t-sm);font-weight:600}.input{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:48px;padding:10px 14px}.input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px color-mix(in srgb, var(--cobalt) 25%, transparent);outline:none}.hint{font-size:var(--t-sm);color:var(--ink-2)}.alert{border-radius:var(--r-sm);font-size:var(--t-sm);background:var(--danger-soft);color:var(--ink);border-left:4px solid var(--danger);padding:12px 14px}.alert-warn{background:var(--break-soft);border-left-color:var(--break)}.alert-ok{background:var(--working-soft);border-left-color:var(--working)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin:12px 0 20px;display:flex}.muted{color:var(--ink-2)}.state{font-weight:600;font-size:var(--t-sm);align-items:center;gap:8px;display:inline-flex}.state:before{content:"";background:var(--ink-3);border-radius:50%;width:10px;height:10px}.state[data-state=WORKING]:before{background:var(--working)}.state[data-state=ON_BREAK]:before{background:var(--break)}.flag{font-size:var(--t-xs);border-radius:var(--r-pill);background:var(--break-soft);color:var(--ink);white-space:nowrap;padding:2px 8px;display:inline-block}.flag[data-kind=INSIDE]{background:var(--working-soft)}.clock{text-align:center;justify-items:center;gap:4px;padding-top:8px;display:grid}.clock-day{color:var(--ink-2);font-size:var(--t-md)}.clock-time{font-size:var(--t-clock);letter-spacing:-.045em;margin:2px 0 6px;font-weight:800;line-height:.95}.clock-sub{font-size:var(--t-md);color:var(--ink-2);min-height:1.5em}.punto-wrap{aspect-ratio:1;place-items:center;width:min(68vw,248px);margin:28px auto 18px;display:grid;position:relative}.punto-ring{border:2px dashed var(--ink-3);opacity:.7;pointer-events:none;border-radius:50%;position:absolute;inset:0}.punto-wrap[data-geo=INSIDE] .punto-ring{border-style:solid;border-color:var(--working);opacity:1}.punto-wrap[data-geo=OUTSIDE] .punto-ring,.punto-wrap[data-geo=LOW_ACCURACY] .punto-ring{border-color:var(--break);opacity:1}.punto{aspect-ratio:1;cursor:pointer;background:var(--cobalt);width:78%;color:var(--cobalt-ink);font-size:var(--t-xl);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:50%;place-content:center;gap:2px;font-weight:750;transition:transform 90ms ease-out;display:grid;box-shadow:inset 0 -6px #0000001f}.punto small{font-size:var(--t-sm);opacity:.85;font-weight:500}.punto:active{transform:scale(.96)}.punto[data-action=OUT]{background:var(--ink);color:var(--paper)}.punto[data-action=BREAK_END]{background:var(--break);color:#1d1406}.punto:disabled{cursor:progress;opacity:.8}.punto-pulse{border:3px solid var(--working);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.punto-wrap[data-pulse="1"] .punto-pulse{animation:.7s ease-out pulse}@keyframes pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.punto-wrap[data-pulse="1"] .punto-pulse{animation:none}.punto{transition:none}}.secondary-actions{justify-content:center;gap:10px;min-height:48px;display:flex}.geo-line{font-size:var(--t-sm);color:var(--ink-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.feedback{max-width:440px;margin:14px auto 0}.dayline{margin-top:34px}.dayline-bar{border-radius:var(--r-pill);background:var(--line);height:14px;margin:10px 0 6px;position:relative;overflow:hidden}.dayline-seg{position:absolute;top:0;bottom:0}.dayline-seg[data-kind=work]{background:var(--working)}.dayline-seg[data-kind=break]{background:var(--break)}.dayline-now{background:var(--ink);width:2px;position:absolute;top:-3px;bottom:-3px}.dayline-scale{font-size:var(--t-xs);color:var(--ink-3);justify-content:space-between;display:flex}.punch-list{margin:16px 0 0;padding:0;list-style:none}.punch-list li{border-bottom:1px solid var(--line);grid-template-columns:4.2rem 1fr auto;align-items:baseline;gap:12px;padding:12px 0;display:grid}.punch-list li:last-child{border-bottom:0}.punch-time{font-weight:700;font-size:var(--t-lg)}.punch-meta{font-size:var(--t-sm);color:var(--ink-2)}.punch-list li[data-voided="1"] .punch-time,.punch-list li[data-voided="1"] .punch-what{color:var(--ink-3);text-decoration:line-through}.table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.table th{text-align:left;color:var(--ink-2);border-bottom:1.5px solid var(--line);padding:8px 10px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}.table .num{text-align:right;font-weight:650}.table-wrap{overflow-x:auto}.week-total td{background:color-mix(in srgb, var(--cobalt) 6%, transparent);font-weight:700}.login{min-height:100dvh;padding:24px var(--gutter);place-items:center;display:grid}.login-card{gap:18px;width:100%;max-width:380px;display:grid}.login-mark{justify-items:start;gap:18px;margin-bottom:8px;display:grid}.login-mark h1{font-size:var(--t-2xl)}.form-grid{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid-2{gap:14px;display:grid}@media (min-width:760px){.grid-2{grid-template-columns:1fr 1fr}}@media (max-width:759px){.table-stack thead{display:none}.table-stack tr{border-bottom:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.table-stack td{border:0;padding:0}.table-stack .num{text-align:left}}.subtabs{margin:4px calc(-1 * var(--gutter)) 8px;padding:0 var(--gutter) 2px;border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.subtabs a{font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:10px 12px;text-decoration:none}.subtabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--cobalt);font-weight:650}.admin-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.admin-grid{grid-template-columns:1fr 1fr}}.admin-card{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);gap:4px;height:100%;padding:18px;text-decoration:none;display:grid}.admin-card:hover{border-color:var(--ink-3)}.admin-card-title{font-weight:700;font-size:var(--t-lg)}.radio-list{border:0;gap:10px;margin:0;padding:0;display:grid}.radio-list legend{font-size:var(--t-sm);margin-bottom:6px;font-weight:600}.radio{border:1.5px solid var(--line);border-radius:var(--r-sm);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.radio:has(input:checked){border-color:var(--cobalt);background:color-mix(in srgb, var(--cobalt) 6%, transparent)}.radio input{margin-top:4px}.audit-list{margin:0;padding:0;list-style:none}.audit-list li{border-bottom:1px solid var(--line);grid-template-columns:7.5rem 1fr;gap:4px 14px;padding:12px 0;display:grid}.audit-when{font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.audit-what{font-weight:600}@media (max-width:479px){.audit-list li{grid-template-columns:1fr}}