@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/schibsted-grotesk-variable.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2)format("woff2")}:root{--font-display:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#14161c;--paper:#fbfbfc;--oat:#f1f2f5;--smart:#3a4ce0;--smart-foreground:#fbfbfc;--coral:#e8703a;--coral-foreground:#fbfbfc;--coral-soft:#fbe8de;--muted-brand:#6b7078;--accent:#e5e8fb;--border:#e4e5e9;--destructive:oklch(55% .2 25);--destructive-soft:#fcece9;--teal:#4fa79b;--teal-soft:#e6f2f0;--amber:#e8a13a;--amber-soft:#fbf0dd;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-3xl:22px;--radius-4xl:26px}html,body,#root{width:100%;height:100%}body{font-family:var(--font-display);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}#app{background:var(--paper);flex-direction:column;width:100vw;height:100vh;display:flex}.navbar{background:var(--paper);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:relative}.brand{letter-spacing:-.02em;color:var(--ink);text-transform:lowercase;font-size:20px;font-weight:700}.brand-accent{color:var(--smart)}.brand-btn{cursor:pointer;background:0 0;border:none;min-height:auto;padding:0}.navbar-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-right{z-index:1;justify-content:flex-end;align-items:center;min-width:26px;display:flex}.menu-toggle{z-index:1;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-6px;padding:6px;display:inline-flex;position:relative}.menu-toggle-dot{background:var(--coral);border:2px solid var(--paper);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:4px}.nav-overlay{z-index:100;background:var(--paper);flex-direction:column;display:flex;position:fixed;inset:0}.nav-user-card{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.nav-user-name{color:var(--ink);font-size:14px;font-weight:700;display:block}.nav-user-role{font-family:var(--font-mono);color:var(--muted-brand);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.nav-close-btn{width:32px;height:32px;min-height:auto;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-close-btn:hover{background:var(--oat)}.nav-scroll{flex:1;padding:14px 18px;overflow-y:auto}.nav-group{margin-bottom:18px}.nav-group-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-brand);margin-bottom:6px;font-size:10px;font-weight:600}.nav-row{border-radius:var(--radius-xl);width:100%;min-height:auto;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:9px;font-size:13px;font-weight:600;display:flex}@media (hover:hover){.nav-row:hover{background:var(--oat)}}.nav-row.active{background:var(--oat)}.nav-row-icon{background:var(--oat);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-row-icon.active{background:var(--smart);color:var(--smart-foreground)}.nav-row-label{flex:1}.nav-row-badge{background:var(--coral);min-width:20px;height:20px;color:var(--coral-foreground);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-brand);border-top:1px solid var(--border);margin-bottom:6px;padding-top:10px;font-size:10px;font-weight:700}.nav-logout{border:1px dashed var(--border);width:auto;margin:0 18px 18px}.nav-lang{margin-bottom:4px;padding:0 18px}.nav-lang-toggle .nav-row-label{flex:1}.nav-lang-row{gap:6px;margin:4px 0 6px;padding-left:34px;display:flex}.nav-lang-btn{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);color:var(--muted-brand);cursor:pointer;flex:1;padding:7px 0;font-size:12px;font-weight:600}.nav-lang-btn.active{background:var(--smart);border-color:var(--smart);color:var(--smart-foreground)}.lang-toggle{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.lang-toggle-btn{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);color:var(--muted-brand);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:600}.lang-toggle-btn.active{background:var(--smart);border-color:var(--smart);color:var(--smart-foreground)}.dispute-box{border:1px solid var(--destructive);border-radius:var(--radius-lg);background:var(--amber-soft);margin:8px 0 12px;padding:10px 12px}.offline-banner{z-index:2000;text-align:center;background:var(--amber-soft);color:var(--amber);border-bottom:1px solid var(--border);padding:8px 14px;font-size:13px;font-weight:600;position:fixed;top:0;left:0;right:0}.history-toggle{cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.history-caret{color:var(--muted-brand);font-size:13px}.history-list{flex-direction:column;margin-top:8px;display:flex}.history-row{border:none;border-top:1px solid var(--border);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;font-size:13px;font-weight:600;display:flex}.history-row:disabled{opacity:.5;cursor:default}.legal-page{max-width:680px;margin:0 auto;padding:32px 16px 64px}.legal-page h1{margin:0 0 4px}.legal-page h2{margin-top:28px}.legal-page p,.legal-page li{line-height:1.6}.eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-bottom:4px;font-size:11px;font-weight:600}.main{background:var(--paper);flex:1;padding:20px 18px 40px;overflow-y:auto}h1{letter-spacing:-.03em;margin-bottom:18px;font-size:34px;font-weight:800;line-height:1.05}h2{letter-spacing:-.015em;margin:16px 0 10px;font-size:18px;font-weight:700}a{color:var(--smart)}.card{background:var(--oat);border:1px solid var(--border);border-radius:var(--radius-2xl);margin-bottom:14px;padding:18px}.card.centered{text-align:center}.card-outline{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-2xl);margin-bottom:14px;padding:18px}.card-title{letter-spacing:0;margin:0 0 8px;font-size:14px;font-weight:600}.form-compact label:not(.btn-ghost):not(.consent-check){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-brand);margin:0 0 5px;font-size:10px;font-weight:600}.form-compact input,.form-compact select{margin-bottom:12px}.field-2col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-2col>div>input,.field-2col>div>select{margin-bottom:0}.date-range-summary{align-items:center;gap:10px;margin-bottom:10px;display:flex}.date-range-field{flex:1}.date-range-value{font-family:var(--font-mono);color:var(--ink);margin-top:2px;font-size:14px;font-weight:600}.date-range-arrow{color:var(--muted-brand);flex-shrink:0;margin-top:12px}.date-strip{-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.date-chip{background:var(--oat);border-radius:var(--radius-lg);border:none;flex-direction:column;flex:none;align-items:center;gap:3px;width:50px;min-height:auto;padding:9px 4px 7px;display:flex}.date-chip-weekday{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-brand);font-size:9px;font-weight:600}.date-chip-day{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.date-chip-month{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-brand);font-size:9px;font-weight:600}.date-chip-dot{background:0 0;border-radius:50%;width:4px;height:4px}.date-chip-dot.visible{background:var(--coral)}.date-chip.selected{background:var(--smart)}.date-chip.selected .date-chip-weekday,.date-chip.selected .date-chip-day,.date-chip.selected .date-chip-month{color:var(--smart-foreground)}.date-chip.selected .date-chip-dot.visible{background:var(--smart-foreground)}.date-chip.in-range{background:var(--accent)}.mono-caption{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-brand);font-size:11px;font-weight:600}.hero-card{background:var(--ink);border-radius:var(--radius-2xl);color:var(--paper);margin:18px 0;padding:20px}.hero-card-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fbfbfc8c;font-size:11px;font-weight:600}.hero-card-value{font-family:var(--font-mono);letter-spacing:-.02em;margin-top:8px;font-size:30px;font-weight:500}.hero-card-meta{font-family:var(--font-mono);color:#fbfbfc99;margin-top:4px;font-size:12px}.hero-card-footer{border-top:1px dashed #fbfbfc33;margin-top:16px;padding-top:16px}.hero-card .form-error{margin-top:10px}.weather-banner{align-items:center;gap:14px;display:flex}.weather-banner svg{color:var(--smart);flex-shrink:0}.weather-banner-value{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--ink);font-size:19px;font-weight:600}.weather-banner-meta{color:var(--coral);margin-top:2px;font-size:12px}.attention-row{background:var(--oat);border-radius:var(--radius-4xl);text-align:left;width:100%;color:var(--ink);border:none;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;font-size:14px;font-weight:500;display:flex}.attention-row-primary{background:var(--accent)}.attention-row svg{color:var(--muted-brand);flex-shrink:0}.pto-row{border:1px dashed var(--border);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pto-row-value{font-family:var(--font-mono);font-size:17px;font-weight:600}label{color:var(--muted-brand);margin:10px 0 5px;font-size:12px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--border);background:var(--paper);width:100%;color:var(--ink);border-radius:var(--radius-md);margin-bottom:10px;padding:13px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--smart);outline-offset:1px}input[type=date],input[type=time]{box-sizing:border-box;width:-webkit-fill-available;min-width:0;max-width:100%;display:block;overflow:hidden}input[type=date]::-webkit-datetime-edit{max-width:100%}input[type=time]::-webkit-datetime-edit{max-width:100%}button{border-radius:var(--radius-4xl);cursor:pointer;letter-spacing:-.01em;border:none;min-height:46px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.btn-primary{background:var(--smart);color:var(--smart-foreground);width:100%}.btn-primary:disabled{opacity:.5}.btn-ghost{border:1px solid var(--border);color:var(--ink);border-radius:var(--radius-4xl);background:0 0;min-height:auto;padding:10px 16px}.btn-sage{background:var(--teal);color:#fff}.btn-brick{color:var(--destructive);border:1px solid var(--destructive);background:0 0}.btn-swap{border:1px solid var(--smart);color:var(--smart);border-radius:var(--radius-4xl);background:0 0;min-height:auto;padding:10px 16px}.btn-swap:active{background:var(--smart);color:var(--smart-foreground)}@media (hover:hover){.btn-swap:hover{background:var(--smart);color:var(--smart-foreground)}}.btn-toggle-on{background:var(--smart);color:var(--smart-foreground);border:1px solid var(--smart)}.btn-toggle-off{background:var(--paper);color:var(--ink);border:1px solid var(--border)}.btn-toggle-on:disabled,.btn-toggle-off:disabled{opacity:.4;cursor:default}.seg-pill{background:var(--oat);border-radius:var(--radius-4xl);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:inline-flex}.seg-pill-btn{color:var(--muted-brand);border-radius:var(--radius-4xl);background:0 0;border:none;min-height:auto;padding:9px 16px;font-size:13px;font-weight:600}.seg-pill-btn.active{background:var(--smart);color:var(--smart-foreground)}.seg-pill-btn:disabled{opacity:.4;cursor:default}.seg-toggle{gap:0;display:flex}.seg-toggle>button{border-radius:0;flex:1}.seg-toggle>button:first-child{border-top-left-radius:var(--radius-4xl);border-bottom-left-radius:var(--radius-4xl)}.seg-toggle>button:last-child{border-top-right-radius:var(--radius-4xl);border-bottom-right-radius:var(--radius-4xl)}.pill-btn{border:1px solid var(--border);color:var(--ink);border-radius:var(--radius-4xl);background:0 0;align-items:center;min-height:auto;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.pill-btn-danger{border-color:var(--destructive);color:var(--destructive)}.upsell-badge{background:var(--smart);color:var(--smart-foreground);border-radius:var(--radius-4xl);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.plan-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.plan-card{border:1px solid var(--border);border-radius:var(--radius-xl);padding:14px}.plan-card-featured{border:2px solid var(--smart);background:var(--accent)}.plan-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-brand);font-size:10px;font-weight:700}.plan-card-featured .plan-name{color:var(--smart)}.plan-price{font-family:var(--font-mono);color:var(--ink);margin-top:4px;font-size:19px;font-weight:600}.plan-price-suffix{color:var(--muted-brand);font-size:11px;font-weight:400}.plan-features{flex-direction:column;gap:6px;margin-top:10px;list-style:none;display:flex}.plan-feature{color:var(--muted-brand);align-items:center;gap:6px;font-size:11px;display:flex}.plan-feature svg{color:var(--muted-brand);flex-shrink:0}.plan-card-featured .plan-feature{color:var(--ink)}.plan-card-featured .plan-feature svg{color:var(--smart)}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;border-bottom:1px solid var(--border);color:var(--muted-brand);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 8px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:10px 8px}.field-rows{border-top:1px dashed var(--border);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;display:flex}.field-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.field-label{color:var(--muted-brand);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:10px;font-weight:600}.field-value{text-align:right;font-variant-numeric:tabular-nums}.pill{border-radius:var(--radius-4xl);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-right:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.pill-pending{background:var(--amber-soft);color:var(--amber)}.pill-approved{background:var(--teal-soft);color:var(--teal)}.pill-denied{background:var(--destructive-soft);color:var(--destructive)}.pill-muted{background:var(--oat);color:var(--muted-brand)}.pill-new{background:var(--coral-soft);color:var(--coral)}.centered-screen{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:0 0;border:none;width:100%;max-width:340px}.login-card .brand{text-align:center;letter-spacing:-.045em;margin-bottom:20px;font-size:46px}.form-error{color:var(--destructive);margin-bottom:10px;font-size:13px}.form-success{color:var(--teal);margin-bottom:10px;font-size:13px}.text-link-btn{min-height:auto;font:inherit;color:var(--smart);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;display:inline}.confirm-early{border:1px solid var(--amber);border-radius:var(--radius-lg);background:var(--amber-soft);text-align:left;margin-top:10px;padding:10px;font-size:13px}.avatar{color:#fff;text-transform:uppercase;vertical-align:middle;object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.avatar-sm{width:22px;height:22px;font-size:9px}.avatar-md{width:34px;height:34px;font-size:13px}.avatar-row{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.ticket-name-row{align-items:center;gap:6px;display:inline-flex}.status-signal{flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex;position:relative}.status-signal-ring{border:1px dashed var(--destructive);border-radius:50%;position:absolute;inset:1px}.status-signal-dot{background:var(--destructive);border-radius:50%;width:6px;height:6px}.status-signal.live .status-signal-ring{border-color:var(--teal)}.status-signal.live .status-signal-dot{background:var(--teal);animation:1.4s ease-in-out infinite status-signal-blink}@keyframes status-signal-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.status-signal.live .status-signal-dot{animation:none}}.ptr-indicator{color:var(--muted,#888);justify-content:center;align-items:center;display:flex;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ptr-spin{animation:.8s linear infinite spin}.day-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.day-header strong{letter-spacing:-.015em;font-size:17px;font-weight:700}.ticket{background:var(--oat);border-radius:var(--radius-xl);margin-bottom:8px}.ticket-top{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.ticket-person{align-items:center;gap:10px;min-width:0;display:flex}.ticket-name{font-size:13px;font-weight:600}.ticket-time{font-family:var(--font-mono);color:var(--muted-brand);margin-top:1px;font-size:11px}.ticket-tags{flex-shrink:0;align-items:center;gap:4px;display:flex}.pill-outline{text-overflow:ellipsis;border:1px solid var(--accent);cursor:pointer;max-width:140px;min-height:auto;color:var(--smart);border-radius:var(--radius-4xl);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:0 0;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block;overflow:hidden}.pill-outline.expanded{z-index:1;white-space:normal;text-align:left;background:var(--paper);max-width:none;position:relative;box-shadow:0 2px 10px #14161c2e}.ticket-perf{border-top:1px dashed var(--border);height:1px;margin:0 14px;position:relative}.ticket-perf:before,.ticket-perf:after{content:"";background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px}.ticket-perf:before{left:-20px}.ticket-perf:after{right:-20px}.ticket-bottom{justify-content:space-between;align-items:center;padding:10px 14px 11px;display:flex}.day-block{margin-bottom:20px}.day-off,.empty-state{border:1px dashed var(--border);border-radius:var(--radius-xl);text-align:center;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-brand);padding:14px;font-size:11px}.empty-state button{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em}.promo-banner{border:1.5px dashed var(--coral);border-radius:var(--radius-xl);margin-bottom:14px;padding:14px 16px;font-size:13.5px}.promo-banner strong{color:var(--coral)}.referral-invite-banner{border:1.5px dashed var(--coral);border-radius:var(--radius-xl);margin-bottom:14px;padding:12px 14px;font-size:13.5px}.referral-link-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.referral-link-input{flex:220px;min-width:0;font-family:inherit}.referral-hero-icon{background:var(--oat,#f2ede3);width:48px;height:48px;color:var(--coral);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.referral-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.referral-share-btn{flex:140px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.consent-check{align-items:flex-start;gap:8px;margin:4px 0 10px;font-size:13px;display:flex}.consent-check input{flex-shrink:0;margin-top:2px}.attachment-chip{background:var(--oat);border-radius:var(--radius-4xl);color:var(--ink);align-items:center;gap:6px;margin-top:6px;padding:5px 6px 5px 12px;font-size:12px;display:inline-flex}.attachment-chip-remove{width:20px;height:20px;min-height:auto;color:var(--muted-brand);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.attachment-chip-remove:hover{background:var(--border);color:var(--ink)}}.reply-thread{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.reply-row{gap:8px;margin-bottom:10px;display:flex}.reply-body{flex:1;min-width:0}.reply-meta{align-items:baseline;gap:8px;display:flex}.reply-name{font-size:13px;font-weight:600}.reply-text{white-space:pre-wrap;margin-top:2px;font-size:13px}.inline-form{align-items:center;gap:6px;margin-top:10px;display:flex}.inline-form select,.inline-form input{flex:1;width:auto;min-width:0;margin-bottom:0}.inline-form label.btn-ghost,.inline-form>button{flex-shrink:0}.muted{color:var(--muted-brand);font-size:13px}.stat-big{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1}.clock-display{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin:22px 0 18px;font-size:64px;font-weight:600;line-height:1}.clock-ring{border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:176px;height:176px;margin:4px auto 22px;display:flex;position:relative}.clock-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock-ring .clock-display{margin:0;font-size:25px}.clock-ring-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-brand);margin-top:4px;font-size:9px;font-weight:600}.clock-stats{border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);margin-top:16px;padding:12px 0;display:grid}.clock-stat{border-left:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;display:flex}.clock-stat:first-child{border-left:none}.clock-stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-brand);font-size:10px;font-weight:600}.clock-stat-value{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.clock-advisory{background:var(--oat);border-radius:var(--radius-xl);text-align:left;cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.clock-advisory svg{color:var(--coral);flex-shrink:0;margin-top:1px}.clock-advisory p{color:var(--muted-brand);font-size:12px;line-height:1.5}.clock-advisory strong{color:var(--ink);font-weight:600}.row-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.consent-check{color:var(--muted-brand);align-items:flex-start;gap:8px;margin:8px 0;font-size:12px;display:flex}.consent-check input{width:auto;margin:2px 0 0}.check-row{text-align:left;min-height:auto;color:var(--ink);background:0 0;border:none;align-items:flex-start;gap:10px;margin:10px 0;padding:0;font-size:13px;font-weight:500;display:flex}.check-row:disabled{opacity:.5;cursor:default}.check-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--paper);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.check-box.checked{background:var(--smart);border-color:var(--smart);color:var(--smart-foreground)}.update-toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:150;background:var(--smart);color:var(--smart-foreground);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex;position:fixed;box-shadow:0 10px 30px #14161c40}.update-toast-btn{background:var(--smart-foreground);color:var(--smart);border-radius:var(--radius-lg);cursor:pointer;border:none;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600}.modal-overlay{z-index:200;background:#14161c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:var(--radius-2xl);width:100%;max-width:360px;padding:20px;box-shadow:0 20px 50px #14161c40}.tab-row{border-bottom:1px solid var(--border);gap:6px;margin-bottom:14px;display:flex}.tab{min-height:auto;color:var(--muted-brand);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 10px;font-weight:700}.tab-active{color:var(--smart);border-bottom-color:var(--smart)}.cal-grid{grid-template-columns:repeat(7,minmax(44px,1fr));gap:4px;min-width:340px;display:grid}.cal-head{font-family:var(--font-mono);color:var(--muted-brand);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:4px 0;font-size:10px;font-weight:600}.cal-cell{background:var(--oat);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;min-height:56px;padding:6px;display:flex}.cal-daynum{font-family:var(--font-mono);color:var(--muted-brand);font-size:11px}.cal-count{font-family:var(--font-mono);color:var(--smart);align-self:flex-end;font-size:11px;font-weight:600}.cal-count-off{font-family:var(--font-mono);color:var(--muted-brand);opacity:.7;align-self:flex-end;font-size:9px}.cal-badge{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin-top:2px;padding:1px 3px;font-size:9px;font-weight:700;overflow:hidden}.cal-badge-mine{cursor:pointer}.cal-badge-mine:hover{outline:1px solid var(--ink)}.cal-cell-tap{cursor:pointer}.cal-cell-tap:hover{outline:1px solid var(--smart)}.cal-pto{background:var(--smart);color:var(--smart-foreground)}.cal-uto{background:var(--accent);color:var(--ink)}.cal-sick{border:1px dashed var(--coral);color:var(--coral);background:0 0}.cal-legend{flex-wrap:wrap;gap:14px;margin:10px 0 14px;display:flex}.cal-legend-item{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-brand);align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.cal-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cal-filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.cal-filter-chip{background:var(--oat);color:var(--muted-brand);border-radius:var(--radius-4xl);border:none;min-height:auto;padding:7px 13px;font-size:12px;font-weight:600}.cal-filter-chip.active{background:var(--smart);color:var(--smart-foreground)}.person-chip{background:var(--oat);color:var(--muted-brand);border-radius:var(--radius-4xl);border:none;align-items:center;gap:6px;min-height:auto;padding:5px 13px 5px 5px;font-size:12px;font-weight:600;display:inline-flex}.person-chip.active{background:var(--smart);color:var(--smart-foreground)}