:root{color:#eaf5f7;font-synthesis:none;--bg:#07131f;--surface:#0e2231;--surface-2:#142e3f;--text:#eaf5f7;--muted:#8aa5b3;--line:#254354;--accent:#00d9d9;--green:#a3e635;--danger:#ff6b6b;--warning:#ffc857;--shadow:0 18px 50px #00000047;background:#07131f;font-family:Inter,system-ui,sans-serif}[data-theme=light]{--bg:#eef7f8;--surface:#fff;--surface-2:#e3f0f2;--text:#0a1c28;--muted:#54707d;--line:#c8dadd;--shadow:0 16px 40px #0f2d3c1f}[data-theme=contrast]{--bg:#000;--surface:#0a0a0a;--surface-2:#151515;--text:#fff;--muted:#ddd;--line:#fff;--accent:#0ff;--green:#c6ff00;--danger:#ff4646}.large-text{font-size:118%}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);border-radius:14px;outline:none;padding:.85rem 1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 80%)}label{gap:.45rem;font-size:.88rem;font-weight:600;display:grid}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--green));color:#07131f;width:46px;height:46px;box-shadow:0 0 35px color-mix(in srgb,var(--accent),transparent 65%);border-radius:14px;place-items:center;font:800 1.9rem Barlow Condensed;display:grid}.login-screen{background:radial-gradient(circle at 15% 10%,#00d9d92b,transparent 35%),radial-gradient(circle at 90% 85%,#a3e6351a,transparent 35%),var(--bg);place-items:center;min-height:100dvh;padding:1.25rem;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.login-brand{z-index:1;align-items:center;gap:.75rem;margin-bottom:-1rem;display:flex;position:relative}.login-brand small,.mini-brand small{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.65rem;display:block}.login-brand h1{letter-spacing:.02em;margin:0;font:800 2rem Barlow Condensed}.login-card{z-index:1;border:1px solid var(--line);background:color-mix(in srgb,var(--surface),transparent 8%);width:min(100%,430px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:2rem;position:relative}.login-card h2{margin:.5rem 0;font:800 2.5rem/1 Barlow Condensed}.login-card p{color:var(--muted);line-height:1.55}.login-card form{gap:1rem;margin-top:1.5rem;display:grid}.login-card>.button{margin-top:.8rem}.login-meta{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:1.5rem;font-size:.68rem;display:flex}.eyebrow{letter-spacing:.19em;color:var(--accent);font-size:.68rem;font-weight:700}.button{border:0;border-radius:14px;padding:.85rem 1rem;font-weight:700}.button.primary{background:linear-gradient(135deg,var(--accent),#38f2d0);color:#07131f}.button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.button.danger{background:color-mix(in srgb,var(--danger),transparent 82%);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger),transparent 55%)}.button.subtle{color:var(--muted);background:0 0}.button.large{min-height:54px}.button.full{width:100%}.button:disabled{opacity:.45}.alert{border-radius:12px;padding:.85rem 1rem}.alert.error{color:var(--danger);background:color-mix(in srgb,var(--danger),transparent 88%)}.splash{height:100dvh;color:var(--muted);place-content:center;place-items:center;gap:1rem;display:grid}.app-shell{min-height:100dvh;padding-bottom:88px}.app-shell>header{z-index:20;height:72px;padding:max(.7rem,env(safe-area-inset-top)) 1rem .7rem;background:color-mix(in srgb,var(--bg),transparent 10%);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 30%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mini-brand{align-items:center;gap:.65rem;display:flex}.mini-brand .brand-mark{border-radius:11px;width:38px;height:38px;font-size:1.45rem}.mini-brand strong{font:700 1.2rem Barlow Condensed}.status-pill{border-radius:999px;padding:.45rem .7rem;font-size:.68rem;font-weight:700}.status-pill.online{color:var(--green);background:#a3e63521}.status-pill.offline{color:var(--warning);background:#ffc85724}.page{width:min(100%,760px);margin:auto;padding:1rem 1rem 2rem}.toast{z-index:60;background:var(--text);max-width:calc(100% - 2rem);color:var(--bg);box-shadow:var(--shadow);border-radius:14px;padding:.75rem 1rem;font-weight:600;position:fixed;top:80px;left:50%;transform:translate(-50%)}.hero-status{background:radial-gradient(circle at 50% 18%,#00d9d92b,transparent 42%),linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2),transparent 30%));border:1px solid var(--line);min-height:420px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem;display:flex}.status-orbit{text-align:center;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);width:210px;height:210px;box-shadow:inset 0 0 45px color-mix(in srgb,var(--accent),transparent 85%),0 0 35px color-mix(in srgb,var(--accent),transparent 83%);border-radius:50%;place-content:center;display:grid;position:relative}.status-orbit:before,.status-orbit:after{content:"";border:1px dashed color-mix(in srgb,var(--accent),transparent 70%);border-radius:50%;position:absolute;inset:10px}.status-orbit:after{border-style:solid;border-color:transparent var(--accent);inset:-8px;transform:rotate(25deg)}.status-orbit span{letter-spacing:.19em;color:var(--accent);font-size:.68rem;font-weight:700}.status-orbit strong{font:800 3.4rem Barlow Condensed}.hero-status.on_break .status-orbit{border-color:var(--warning);box-shadow:inset 0 0 45px #ffc8571f,0 0 35px #ffc8571a}.compact-field{width:100%;max-width:390px}.segmented{background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;width:min(100%,300px);padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:.55rem}.segmented button.active{background:var(--surface-2);color:var(--text)}.main-action{border:0;border-radius:50%;place-content:center;gap:.2rem;width:108px;height:108px;font:800 2rem Barlow Condensed;display:grid;box-shadow:0 15px 40px #0000004d}.main-action span{font:700 .8rem Inter}.main-action.pause{background:linear-gradient(135deg,var(--warning),#ff9c55);color:#231508}.main-action.stop{background:linear-gradient(135deg,var(--danger),#ff8e72);color:#26090a}.action-row{gap:1.5rem;margin-top:2rem;display:flex}.section-title,.page-heading,.modal-head,.editor-head,.repeat-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title{margin:1.6rem 0 .8rem}.section-title h2,.page-heading h1{margin:0;font:800 2rem Barlow Condensed}.text-button,.back{color:var(--accent);background:0 0;border:0;font-weight:700}.timeline{gap:.7rem;display:grid}.timeline-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:70px 1fr;gap:1rem;padding:1rem;display:grid}.timeline-card small,.timeline-card strong{display:block}.timeline-card small{color:var(--muted);margin-top:.35rem}.timeline-time{border-right:1px solid var(--line);padding-right:.8rem}.timeline-time span{color:var(--muted);font-size:.8rem}.danger{color:var(--danger)!important}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;padding:1rem}.empty.large{padding:3rem 1.5rem}.page>.button.full{margin-top:1rem}.day-strip{gap:.6rem;margin:1rem -1rem;padding:.5rem 1rem;display:flex;overflow:auto}.day-strip button{border:1px solid var(--line);background:var(--surface);height:76px;color:var(--muted);border-radius:15px;flex:0 0 66px;place-content:center;display:grid}.day-strip button.active{background:var(--accent);color:#07131f;border-color:var(--accent)}.day-strip small{font-size:.66rem}.day-strip strong{font:800 1.5rem Barlow Condensed}.cards{gap:1rem;display:grid}.plan-card,.report-card,.settings-card,.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem;position:relative;overflow:hidden}.plan-accent{background:linear-gradient(var(--accent),var(--green));width:4px;position:absolute;top:0;bottom:0;left:0}.plan-top{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.plan-card h2{margin:.65rem 0 0;font:800 1.8rem Barlow Condensed}.project-number{color:var(--accent);margin:.2rem 0 1rem}.plan-card dl{gap:.65rem;margin:0;display:grid}.plan-card dl div{grid-template-columns:25px 1fr;display:grid}.plan-card dt,.plan-card dd{margin:0}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.3rem .55rem;font-size:.68rem;display:inline-flex}.badge.leader,.badge.submitted{color:var(--accent)}.badge.approved{color:var(--green)}.badge.rejected{color:var(--danger)}.round-add{background:var(--accent);color:#07131f;border:0;border-radius:50%;width:48px;height:48px;font-size:1.5rem}.report-card{text-align:left;width:100%;color:var(--text);justify-content:space-between;align-items:center;display:flex}.report-card h3{margin:.3rem 0}.report-card p,.report-card small{color:var(--muted);margin:0}.editor-head{margin-bottom:1rem}.editor-head h2{margin:.15rem 0;font:800 1.5rem Barlow Condensed}.editor-head small{color:var(--muted)}.back{font-size:2.2rem}.stepper{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.stepper button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:50%}.stepper button.active{background:var(--accent);color:#07131f}.form-section{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:1rem;margin:1rem 0;padding:1rem;display:grid}.form-section>h4{margin:0;font:800 1.35rem Barlow Condensed}.field{gap:.5rem;display:grid}.field>b,.field b{color:var(--danger)}.field small{color:var(--muted)}.form-heading{margin:.5rem 0;font:800 1.2rem Barlow Condensed}.form-hint,.muted{color:var(--muted);line-height:1.5}.chip-list{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:.55rem .7rem}.chip.selected,.toggle.selected{background:var(--accent);color:#07131f;border-color:var(--accent)}.toggle{border:1px solid var(--line);background:var(--surface-2);width:auto;color:var(--text);border-radius:12px;padding:.7rem 1.2rem}.file-button{border:1px dashed var(--accent);width:max-content;color:var(--accent);border-radius:12px;padding:.75rem 1rem;display:block}.signature-wrap canvas{touch-action:none;background:#fff;border-radius:12px;width:100%;height:150px}.repeat-group,.repeat-row{gap:.8rem;display:grid}.repeat-row{background:var(--surface-2);border-radius:14px;padding:1rem}.icon-button{background:var(--surface-2);width:36px;height:36px;color:var(--text);border:0;border-radius:50%;font-size:1.3rem}.page-actions{justify-content:space-between;display:flex}.sticky-actions{background:color-mix(in srgb,var(--bg),transparent 8%);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;grid-template-columns:1fr 1fr;gap:.7rem;padding:.7rem;display:grid;position:sticky;bottom:78px}.modal{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;align-items:end;display:grid;position:fixed;inset:0}.modal>section{background:var(--surface);border-radius:24px 24px 0 0;gap:1rem;max-height:88dvh;padding:1.2rem;display:grid;overflow:auto}.option-card{text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:14px;gap:.25rem;padding:1rem;display:grid}.option-card span{color:var(--muted);font-size:.78rem}.profile-card{align-items:center;gap:1rem;margin:1rem 0;display:flex}.profile-card .avatar{background:linear-gradient(135deg,var(--accent),var(--green));color:#07131f;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.profile-card span,.profile-card strong{display:block}.profile-card span{color:var(--muted);margin-top:.25rem;font-size:.8rem}.settings-card{gap:1rem;margin-bottom:1rem;display:grid}.settings-card h3{margin:0}.settings-card p{color:var(--muted)}.switch-row{justify-content:space-between;align-items:center;display:flex}.switch-row input{width:48px;height:24px}.bottom-nav{z-index:40;padding:.5rem max(.65rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface),transparent 3%);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;place-items:center;gap:.2rem;font-size:.68rem;display:grid}.bottom-nav button span{font-size:1.2rem}.bottom-nav button.active{color:var(--accent)}.remove-account{display:none}.site-mode .main-action{width:120px;height:120px}.site-mode .button{min-height:50px}.site-mode .bottom-nav button{min-height:58px;font-weight:700}@media (width>=700px){.modal{place-items:center}.modal>section{border-radius:24px;width:min(540px,90vw)}.page{padding-top:2rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-editor .form-section{padding:1.5rem}.login-brand{position:absolute;top:2rem;left:2rem}}.notification-item{border-bottom:1px solid var(--line);gap:.25rem;padding:.75rem 0;display:grid}.notification-item:last-child{border-bottom:0}.notification-item span,.notification-item small{color:var(--muted)}.notification-item small{font-size:.7rem}html,body,#root{width:100%;min-width:0;max-width:100%;overflow-x:hidden}@supports (overflow-x:clip){html,body,#root{overflow-x:clip}}.app-shell,.app-shell>main,.page,.hero-status{width:100%;min-width:0;max-width:100%}.app-shell>header{height:auto;min-height:72px;padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}.page{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}.hero-status{gap:clamp(.65rem,2.5vw,1rem);min-height:0;padding:clamp(.75rem,3.5vw,1.2rem)}.status-orbit{flex:none;width:clamp(150px,48vw,210px);height:clamp(150px,48vw,210px)}.status-orbit strong{font-size:clamp(2.55rem,12vw,3.4rem)}.compact-field,.segmented{width:100%;min-width:0;max-width:390px}.main-action,.site-mode .main-action{width:clamp(88px,27vw,108px);height:clamp(88px,27vw,108px);font-size:clamp(1.55rem,7vw,2rem)}.section-title{flex-wrap:wrap;min-width:0}.section-title h2,.page-heading h1{font-size:clamp(1.65rem,8vw,2rem)}.text-button{white-space:nowrap}.bottom-nav{padding-left:max(.65rem, env(safe-area-inset-left));padding-right:max(.65rem, env(safe-area-inset-right))}@media (width<=380px),(height<=740px){.app-shell{padding-bottom:76px}.app-shell>header{min-height:60px;padding-top:max(.45rem, env(safe-area-inset-top));padding-bottom:.45rem}.mini-brand{gap:.5rem}.mini-brand .brand-mark{border-radius:9px;width:32px;height:32px;font-size:1.2rem}.mini-brand strong{font-size:1.05rem}.status-pill{padding:.38rem .58rem}.page{padding-top:.65rem;padding-bottom:1.25rem}.hero-status{border-radius:22px;gap:.55rem;padding:.7rem}.status-orbit{width:clamp(132px,42vw,160px);height:clamp(132px,42vw,160px)}.status-orbit:before{inset:8px}.status-orbit:after{inset:-5px}.status-orbit strong{font-size:clamp(2.3rem,11vw,2.85rem)}.compact-field{gap:.3rem;font-size:.8rem}.compact-field select{min-height:44px;padding:.62rem .75rem}.segmented{padding:3px}.segmented button{min-height:42px;padding:.45rem}.main-action,.site-mode .main-action{width:84px;height:84px;font-size:1.55rem}.main-action span{font-size:.72rem}.section-title{gap:.5rem;margin:1rem 0 .65rem}.section-title h2{font-size:1.6rem}.text-button{font-size:.9rem}.site-mode .bottom-nav button{min-height:50px}}.offline-access-note{text-align:center;font-size:.72rem;margin:.45rem .15rem 0!important;line-height:1.35!important}.pin-form{gap:1rem;display:grid}.pin-form input{text-align:center;letter-spacing:.35em;font-size:1.35rem}.absence-page{gap:1rem;display:grid}.absence-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:1.2rem}.absence-card-head{align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.absence-card-head h2{margin:0;font:800 1.65rem Barlow Condensed}.absence-card-head p{color:var(--muted);margin:.25rem 0 0;font-size:.82rem;line-height:1.45}.absence-symbol{background:color-mix(in srgb, var(--warning), transparent 80%);width:52px;height:52px;color:var(--warning);border-radius:16px;flex:0 0 52px;place-items:center;font-size:1.55rem;display:grid}.absence-symbol.sick{background:color-mix(in srgb, var(--danger), transparent 82%);color:var(--danger)}.absence-form{gap:1rem;display:grid}.absence-type-picker{border:0;grid-template-columns:1fr 1fr;gap:.65rem;margin:0;padding:0;display:grid}.absence-type-picker legend{grid-column:1/-1;margin-bottom:.45rem;font-size:.88rem;font-weight:600}.absence-type-picker button{border:1px solid var(--line);background:var(--surface-2);min-height:64px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;gap:.55rem;display:flex}.absence-type-picker button span{font-size:1.25rem}.absence-type-picker button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 86%);color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), transparent 82%)}.absence-date-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.absence-summary{border:1px solid color-mix(in srgb, var(--accent), transparent 65%);background:color-mix(in srgb, var(--accent), transparent 90%);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.absence-summary strong{color:var(--accent)}.absence-summary span{color:var(--muted);text-align:right;font-size:.8rem}.absence-form label small{color:var(--muted);font-weight:400}.absence-pending{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.1rem}.absence-pending h2{margin:0 0 .5rem;font:800 1.35rem Barlow Condensed}.absence-pending article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.absence-pending article:last-child{border-bottom:0}.absence-pending article strong,.absence-pending article span{display:block}.absence-pending article div>span{color:var(--muted);margin-top:.2rem;font-size:.78rem}.absence-footnote{color:var(--muted);margin:.25rem .25rem 0;font-size:.78rem;line-height:1.5}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav button{min-width:0;font-size:clamp(.58rem,2.6vw,.68rem)}@media (width<=420px){.absence-date-grid{grid-template-columns:1fr}.absence-summary{flex-direction:column;align-items:flex-start;gap:.25rem}.absence-summary span{text-align:left}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent-2:#38f2d0;--accent-contrast:#07131f;--shell-glow-1:color-mix(in srgb, var(--accent), transparent 88%);--shell-glow-2:color-mix(in srgb, var(--green), transparent 92%)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent-2:#28c9b2;--accent-contrast:#061b25}[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent-2:#c6ff00;--accent-contrast:#000;--warning:#ffe600;--shadow:none}[data-theme=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091813;--surface:#112820;--surface-2:#1a392d;--text:#eef9f1;--muted:#9bb8a6;--line:#2c5140;--accent:#61e391;--accent-2:#a8ee78;--accent-contrast:#071b10;--green:#d1ea6f;--danger:#ff7f7a;--warning:#ffd166;--shadow:0 18px 50px #0000004d}[data-theme=sand]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4ede2;--surface:#fffaf2;--surface-2:#eadfce;--text:#2c241d;--muted:#716458;--line:#d5c5b0;--accent:#a94f24;--accent-2:#e08b3e;--accent-contrast:#fffaf2;--green:#4f7d3a;--danger:#b73737;--warning:#a85d13;--shadow:0 18px 42px #4f3a2424}[data-theme=violet]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151122;--surface:#221b36;--surface-2:#31264b;--text:#f7f2ff;--muted:#b8accb;--line:#4b3c67;--accent:#c79bff;--accent-2:#ff8fba;--accent-contrast:#1a1028;--green:#79e5be;--danger:#ff7d9b;--warning:#ffd06d;--shadow:0 20px 54px #04020e66}body{background:radial-gradient(circle at 8% 4%, var(--shell-glow-1), transparent 30rem), radial-gradient(circle at 92% 96%, var(--shell-glow-2), transparent 34rem), var(--bg)}button,input,select,textarea{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), white 12%);outline-offset:3px}.brand-mark,.profile-card .avatar,.button.primary,.round-add,.day-strip button.active,.stepper button.active,.chip.selected,.toggle.selected{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--accent-contrast)}.hero-status{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent), transparent 82%), transparent 44%), linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface-2), transparent 30%))}.status-pill.online{background:color-mix(in srgb, var(--green), transparent 86%);color:var(--green)}.status-pill.offline{background:color-mix(in srgb, var(--warning), transparent 84%);color:var(--warning)}.main-action.start{background:linear-gradient(135deg, var(--green), var(--accent-2));color:var(--accent-contrast)}.theme-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;display:grid}.theme-picker legend{grid-column:1/-1;margin-bottom:.15rem;font-size:.88rem;font-weight:600}.theme-option{text-align:left;border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:74px;color:var(--text);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem;display:grid;position:relative}.theme-option:hover{border-color:color-mix(in srgb, var(--accent), var(--line) 35%);transform:translateY(-1px)}.theme-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), transparent 78%)}.theme-option>span:nth-child(2){min-width:0}.theme-option strong,.theme-option small{display:block}.theme-option small{color:var(--muted);margin-top:.18rem;font-size:.68rem;line-height:1.25}.theme-option>b{visibility:hidden;color:var(--accent)}.theme-option.selected>b{visibility:visible}.theme-swatches{background:#07131f;border:1px solid #ffffff38;border-radius:10px;grid-template-columns:1fr 1fr;width:34px;height:34px;display:grid;overflow:hidden}.theme-swatches i:first-child{background:#0e2231;grid-row:1/3}.theme-swatches i:nth-child(2){background:#00d9d9}.theme-swatches i:nth-child(3){background:#a3e635}.theme-light .theme-swatches{background:#eef7f8}.theme-light .theme-swatches i:first-child{background:#fff}.theme-light .theme-swatches i:nth-child(2){background:#00a9b0}.theme-light .theme-swatches i:nth-child(3){background:#71a91e}.theme-forest .theme-swatches{background:#091813}.theme-forest .theme-swatches i:first-child{background:#1a392d}.theme-forest .theme-swatches i:nth-child(2){background:#61e391}.theme-forest .theme-swatches i:nth-child(3){background:#d1ea6f}.theme-sand .theme-swatches{background:#f4ede2}.theme-sand .theme-swatches i:first-child{background:#fffaf2}.theme-sand .theme-swatches i:nth-child(2){background:#a94f24}.theme-sand .theme-swatches i:nth-child(3){background:#4f7d3a}.theme-violet .theme-swatches{background:#151122}.theme-violet .theme-swatches i:first-child{background:#31264b}.theme-violet .theme-swatches i:nth-child(2){background:#c79bff}.theme-violet .theme-swatches i:nth-child(3){background:#ff8fba}.theme-contrast .theme-swatches{background:#000;border-color:#fff}.theme-contrast .theme-swatches i:first-child{background:#151515}.theme-contrast .theme-swatches i:nth-child(2){background:#0ff}.theme-contrast .theme-swatches i:nth-child(3){background:#c6ff00}@media (width<=420px){.theme-picker{grid-template-columns:1fr}}.login-desktop-copy{display:none}@media (width>=700px){.page{width:min(100%,1040px);max-width:1040px;padding:2rem clamp(1.5rem,4vw,3rem) 3rem}.page-heading{margin-bottom:.5rem}.page-heading h1,.section-title h2{font-size:clamp(2rem,3vw,2.65rem)}.day-strip{margin-inline:0;padding-inline:0}.day-strip button{flex-basis:76px}.absence-card,.absence-pending,.settings-card,.profile-card,.plan-card,.report-card{padding:1.4rem}}@media (width>=900px){.page{width:min(100%,1180px);max-width:1180px}.time-page{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(360px,.94fr) minmax(330px,1.06fr);align-items:start;gap:0 clamp(1.5rem,3vw,2.5rem);display:grid}.time-page .hero-status{grid-area:1/1/span 3;justify-content:center;min-height:min(650px,100dvh - 150px);position:sticky;top:104px}.time-page .section-title{grid-area:1/2;margin:.2rem 0 1rem}.time-page .timeline{grid-area:2/2}.time-page>.button{grid-area:3/2}.absence-page{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(480px,1.2fr) minmax(270px,.8fr);align-items:start;column-gap:clamp(1.5rem,3vw,2.5rem)}.absence-page .page-heading{grid-column:1/-1}.absence-card{grid-area:2/1/span 2}.absence-pending{grid-area:2/2}.absence-footnote{border:1px dashed var(--line);background:color-mix(in srgb, var(--surface), transparent 35%);border-radius:14px;grid-area:3/2;margin:0;padding:1rem 1.1rem}.more-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.more-page .page-heading,.more-page .profile-card,.more-page .appearance-card,.more-page .account-switch{grid-column:1/-1}.more-page .profile-card,.more-page .settings-card{margin:0}.more-page .appearance-card .theme-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-page .cards,.planning-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-editor{max-width:980px}.report-editor .sticky-actions{bottom:1rem}}@media (width>=980px){.login-screen{grid-template-columns:minmax(360px,1fr) minmax(390px,460px);gap:clamp(4rem,9vw,9rem);padding:clamp(3rem,8vw,8rem)}.login-presentation{z-index:1;max-width:620px}.login-brand{margin:0 0 clamp(3rem,9vh,6rem);position:static}.login-brand .brand-mark{border-radius:18px;width:64px;height:64px;font-size:2.5rem}.login-brand h1{font-size:2.6rem}.login-desktop-copy{display:block}.login-desktop-copy h2{letter-spacing:-.025em;max-width:600px;margin:.8rem 0 1.2rem;font:800 clamp(3rem,5vw,5.5rem)/.94 Barlow Condensed}.login-desktop-copy p{max-width:560px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.65}.login-card{width:100%;padding:2.3rem}}@media (width>=1100px){.app-shell{min-height:100dvh;padding:0 0 0 250px}.app-shell>header{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface), transparent 4%);border-bottom:0;align-items:flex-start;width:250px;height:108px;padding:1.4rem 1.25rem;position:fixed;inset:0 auto auto 0}.app-shell>header .status-pill{position:absolute;top:72px;left:1.25rem}.app-shell>main{min-height:100dvh}.bottom-nav{border-top:0;border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface), transparent 4%);flex-direction:column;justify-content:flex-start;gap:.4rem;width:250px;padding:1.1rem .9rem;display:flex;inset:108px auto 0 0}.bottom-nav button,.site-mode .bottom-nav button{text-align:left;border:1px solid #0000;border-radius:13px;grid-template-columns:34px 1fr;place-items:center start;gap:.75rem;min-height:54px;padding:.7rem .9rem;font-size:.9rem;font-weight:650;display:grid;position:relative}.bottom-nav button:hover{color:var(--text);background:color-mix(in srgb, var(--surface-2), transparent 25%)}.bottom-nav button.active{color:var(--text);border-color:color-mix(in srgb, var(--accent), transparent 65%);background:color-mix(in srgb, var(--accent), transparent 87%)}.bottom-nav button.active:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;inset:11px auto 11px -1px}.bottom-nav button span{text-align:center;width:34px;font-size:1.35rem}.page{width:min(100%,1320px);max-width:1320px;padding:clamp(2.5rem,4vw,4.5rem)}.time-page .hero-status{top:3rem}.toast{left:calc(50vw + 125px)}.modal{padding-left:250px}}@media (width>=1450px){.planning-page .cards,.reports-page .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}