:root{--bg:#ffffff;--surface:#faf8f4;--raised:#f2efe9;--line:#ece8e1;--line-strong:#ddd7cd;--ink:#0e0e0e;--muted:#6b6760;--gold:#c9a96e;--gold-btn:#d9c096;--gold-text:#8a6d36;--gold-dark:#3a2c18;--on-gold:#0e0e0e;--gold-tile-bg:#faf6ec;--gold-tile-border:#d9c38e;--dark-tile-bg:#efe8db;--dark-tile-border:#a68d64;--bar:#0e0e0e;--bar-ink:#f2efe9;--bar-muted:#9c9890;--ok-bg:#e3f1e8;--ok-fg:#1f5c3a;--ok-dot:#2e7d4f;--wait-bg:#fbefd5;--wait-fg:#7a5410;--wait-dot:#c88a1e;--err-bg:#fbe3de;--err-fg:#8e2b1c;--err-dot:#c4402b;--shadow:0 30px 80px rgba(14,14,14,0.07);--overlay:rgba(14,14,14,0.42);--font-display:"Jost","Futura","Avenir Next",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-logo:"Syne","Jost",sans-serif;--r-sm:3px;--r:4px;--r-lg:6px;color-scheme:light}:root[data-theme=dark]{--bg:#1e1e1e;--surface:#232323;--raised:#2a2a2a;--line:#343434;--line-strong:#444444;--ink:#f2efe9;--muted:#a8a49c;--gold-btn:#c7a96a;--gold-text:#e0c48f;--gold-dark:#2a2010;--gold-tile-bg:#2b2721;--gold-tile-border:#6e5c3a;--dark-tile-bg:#211e19;--dark-tile-border:#5a4a30;--bar:#141414;--bar-ink:#f2efe9;--bar-muted:#8a867e;--ok-bg:#1f3a2a;--ok-fg:#9ed9b3;--ok-dot:#4fb477;--wait-bg:#3d2f12;--wait-fg:#f0c674;--wait-dot:#e0a43a;--err-bg:#4a1f18;--err-fg:#f5a796;--err-dot:#e5624b;--shadow:0 30px 80px rgba(0,0,0,0.35);--overlay:rgba(0,0,0,0.6);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--gold-text);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:var(--bar);color:var(--bar-ink)}.bar-left{justify-self:start}.bar-right{justify-self:end;display:flex;align-items:center;gap:14px}.bar-meta{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--bar-muted)}@media (max-width:640px){.bar-meta{display:none}}.icon-btn{width:44px;height:44px;border-radius:22px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit}.icon-btn:hover{background:rgba(255,255,255,.08)}.burger{display:flex;flex-direction:column;gap:5px;width:20px}.burger span{display:block;height:1.5px;background:currentColor}.logo{display:inline-flex;align-items:flex-end;line-height:1;font-family:var(--font-logo);letter-spacing:-1px;color:inherit}.logo:hover{text-decoration:none}.logo b{font-weight:800}.logo i{font-style:normal;font-weight:500;color:var(--bar-muted)}.notif-pop{position:absolute;top:48px;right:0;z-index:31;width:min(300px,80vw);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:2px}.notif-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:var(--r);text-decoration:none;color:var(--ink);font-size:14px}.notif-item:hover{background:var(--raised);text-decoration:none}.notif-empty{padding:14px 10px;font-size:13px;color:var(--muted);text-align:center}.drawer-overlay{position:fixed;inset:0;background:var(--overlay);z-index:30}.drawer{position:fixed;left:0;top:0;bottom:0;z-index:31;width:min(320px,86vw);background:var(--bg);display:flex;flex-direction:column;box-shadow:8px 0 32px rgba(0,0,0,.18);padding-bottom:env(safe-area-inset-bottom,0)}.drawer-head{height:60px;justify-content:space-between;padding:0 12px 0 24px;background:var(--bar);color:var(--bar-ink)}.drawer-head,.drawer-user{display:flex;align-items:center}.drawer-user{gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}.drawer-nav{flex:1 1;overflow-y:auto;padding:8px 12px}.drawer-group{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);padding:16px 12px 6px}.drawer-link{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:var(--r);color:var(--ink);font-size:14.5px}.drawer-link:hover{background:var(--surface);text-decoration:none}.drawer-link[aria-current=page]{background:var(--raised);font-weight:500}.drawer-link .badge{margin-left:auto}.drawer-foot{border-top:1px solid var(--line);padding:8px 12px}.page{max-width:1240px;margin:0 auto;padding:32px max(16px,env(safe-area-inset-right,0px)) 64px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:24px}@media (min-width:900px){.page{padding-left:40px;padding-right:40px}}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.h1{font-weight:300;font-size:32px;line-height:1.15;text-wrap:balance}.h1,.h2{margin:0;font-family:var(--font-display);letter-spacing:.2px}.h2{font-weight:400;font-size:19px}.eyebrow{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase}.eyebrow,.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.stack{flex-direction:column}.row,.stack{display:flex;gap:12px}.row,.spread{flex-wrap:wrap;align-items:center}.spread{display:flex;justify-content:space-between;gap:12px}.card{border:1px solid var(--line);padding:20px 22px;background:var(--bg)}.card,.card-soft{border-radius:var(--r-lg)}.card-soft{padding:18px 20px;background:var(--surface)}.note{font-size:12.5px;line-height:1.6;color:var(--muted);max-width:900px}.flash{padding:12px 16px;border-radius:var(--r);font-size:14px}.flash-ok{background:var(--ok-bg);color:var(--ok-fg)}.flash-err{background:var(--err-bg);color:var(--err-fg)}.flash-wait{background:var(--wait-bg);color:var(--wait-fg)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.stat{background:var(--bg);padding:16px 20px;display:flex;flex-direction:column;gap:4px}.stat-value{font-family:var(--font-display);font-weight:300;font-size:30px;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-sub{font-size:12px;color:var(--muted)}.stat-dark{background:var(--bar);color:var(--bar-ink)}.stat-dark .eyebrow,.stat-dark .stat-sub{color:var(--bar-muted)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.input,.select,.textarea{height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg);color:var(--ink);font-size:14px;width:100%}.textarea{height:auto;min-height:72px;padding:10px 12px;resize:vertical}.input:disabled,.select:disabled{background:var(--surface);color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px 18px;gap:14px 18px}.check{font-size:14px}.btn,.check{display:inline-flex;align-items:center;gap:8px}.btn{height:40px;padding:0 18px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);font-size:13px;letter-spacing:1.2px;text-transform:uppercase;justify-content:center;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--ink);text-decoration:none}.btn-primary{background:var(--gold-btn);border-color:var(--gold-btn);color:var(--on-gold)}.btn-primary:hover{border-color:var(--ink)}.btn-primary[disabled]{background:var(--raised);border-color:var(--line-strong);color:var(--muted);opacity:1}.btn-dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{height:34px;padding:0 12px;font-size:12px}.btn[disabled]{opacity:.45;cursor:not-allowed}.page-back{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.page-back:hover{border-color:var(--line-strong);background:var(--raised)}.lead-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:var(--wait-bg);color:var(--wait-fg);font-size:12.5px}.lead-banner-btn{background:transparent;border:1px solid;color:inherit;border-radius:var(--r-sm);padding:4px 10px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap}.seg{padding:3px;border-radius:var(--r-lg);background:var(--raised)}.seg,.seg a{display:inline-flex}.seg a{height:32px;padding:0 14px;align-items:center;border-radius:var(--r);color:var(--muted);font-size:13px}.seg a[aria-current=true]{background:var(--bg);box-shadow:0 1px 2px rgba(0,0,0,.08)}.seg a:hover,.seg a[aria-current=true]{color:var(--ink);text-decoration:none}.pager{display:inline-flex;align-items:center;gap:4px}.pager .label{min-width:170px;text-align:center;font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:12.5px;white-space:nowrap;background:var(--raised);color:var(--muted)}.pill .dot{width:7px;height:7px;border-radius:4px;background:currentColor}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-wait{background:var(--wait-bg);color:var(--wait-fg)}.pill-err{background:var(--err-bg);color:var(--err-fg)}.pill-gold{background:transparent;color:var(--gold-text);box-shadow:inset 0 0 0 1px var(--gold)}.badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:var(--ink);color:var(--gold)}.badge-err{background:var(--err-bg);color:var(--err-fg)}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{text-align:left;font-weight:400;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);background:var(--surface);white-space:nowrap}.t td,.t th{padding:12px 16px}.t td{border-top:1px solid var(--line);vertical-align:middle;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.t tr.off td{color:var(--muted);background:var(--surface)}.t td.r,.t th.r{text-align:right}.pos{color:var(--ok-fg)}.neg{color:var(--err-fg)}.avatar{width:40px;height:40px;border-radius:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:.5px;background:var(--raised);color:var(--ink)}.avatar-ring{background:transparent;box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-text)}.term{min-height:calc(100vh - 60px);display:flex;flex-direction:column}.term-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.term-clock{font-family:var(--font-display);font-weight:200;font-size:64px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.term-clock-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;width:100%}.term-clock-row .term-clock-h{justify-self:end}.term-clock-row .term-clock-m{justify-self:start}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.tile{display:flex;align-items:center;gap:18px;padding:22px;min-height:108px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);color:var(--ink);cursor:pointer;text-align:left;width:100%;transition:border-color .15s ease,transform .15s ease}.tile:hover{border-color:var(--ink)}.tile:active{transform:scale(.99)}.tile .avatar{width:58px;height:58px;border-radius:29px;font-size:19px}.tile-name{font-size:18px;font-weight:400}.tile-role{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.sheet-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--surface)}.sheet{width:min(640px,100%);background:var(--bg);border-radius:var(--r-lg);padding:36px 40px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}@media (max-width:520px){.sheet{padding:24px 20px}}.pin-dots{display:flex;gap:18px;justify-content:center;padding:6px 0}.pin-dots span{width:14px;height:14px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--muted)}.pin-dots span.on{background:var(--ink);box-shadow:none}.pin-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.pin-key{height:66px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg);font-family:var(--font-display);font-weight:300;font-size:26px;cursor:pointer}.pin-key:hover{border-color:var(--ink)}.pin-key.plain{border-color:transparent;font-family:var(--font-body);font-size:13px;letter-spacing:1.2px;text-transform:uppercase}.big-action{height:84px;width:100%;border-radius:var(--r);border:1px solid var(--gold);background:var(--gold);color:var(--on-gold);font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:4px;text-transform:uppercase;cursor:pointer}.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:calc(100dvh - 60px);padding-top:0;padding-bottom:0}.home-tiles{display:grid;grid-template-columns:repeat(2,minmax(200px,280px));justify-content:center;grid-gap:20px;gap:20px;width:100%;max-width:640px}.home-tile{height:190px;border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;text-decoration:none!important;border:1px solid var(--tile-border);background:var(--tile-bg);color:var(--ink);transition:transform .15s ease,border-color .15s ease}.home-tile:hover,.home-tile:hover *{transform:translateY(-2px);text-decoration:none!important}.home-tile-title{font-family:var(--font-display);font-weight:300;font-size:22px;letter-spacing:3px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--tile-accent)}.home-tile-sub{font-size:12.5px;letter-spacing:.3px;color:var(--muted);text-align:center;padding:0 16px}.home-tile-gold{--tile-bg:var(--gold-tile-bg);--tile-border:var(--gold-tile-border);--tile-accent:var(--gold)}.home-tile-gold:hover{border-color:var(--gold)}.home-tile-dark{--tile-bg:var(--dark-tile-bg);--tile-border:var(--dark-tile-border);--tile-accent:var(--gold-dark)}.home-tile-dark:hover{border-color:var(--gold-dark)}@media (max-width:560px){.home-tiles{grid-template-columns:1fr;max-width:280px}.home-tile{height:150px}}.big-action.secondary{background:var(--bg);color:var(--ink);border-color:var(--line-strong)}.big-action:hover{border-color:var(--ink)}.warn-box{padding:18px 20px;border-radius:var(--r);background:var(--err-bg);color:var(--err-fg);display:flex;flex-direction:column;gap:12px}.warn-box .input{background:var(--bg)}.grid-team{display:grid;align-items:center;min-width:980px}.grid-team .cell{height:26px;margin:0 1px;border-radius:3px}.grid-team .hd{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.2;padding:8px 0}.grid-team .name{padding:10px 12px;font-size:14px}.grid-team .q{text-align:right;padding:0 12px;font-size:13.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.c-ferien{background:var(--gold)}.c-beantragt{background:repeating-linear-gradient(135deg,var(--gold) 0 3px,transparent 3px 7px);box-shadow:inset 0 0 0 1px var(--gold)}.c-krank{background:#4a4744}:root[data-theme=dark] .c-krank{background:#8a867e}.c-schule{box-shadow:inset 0 0 0 2px var(--muted)}.c-andere{background:var(--line-strong)}.c-zu{background:var(--raised)}.c-frei{background:var(--surface)}.c-feiertag{background:repeating-linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 4px)}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:18px;height:12px;border-radius:2px;display:inline-block}.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:24px 28px;gap:24px 28px}.month h3{margin:0 0 8px;font-family:var(--font-display);font-weight:400;font-size:15px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:2px;gap:2px;text-align:center;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.month-grid .wd{color:var(--muted);font-size:10.5px;height:18px}.month-grid .d{height:24px;line-height:24px;border-radius:3px}.month-grid .d.closed{color:var(--muted)}.month-grid .d.hol{background:var(--gold);color:var(--on-gold)}.month-grid .d.today{box-shadow:inset 0 0 0 1px var(--ink)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr}@media (min-width:960px){.auth{grid-template-columns:1fr 1fr}}.auth-brand{background:var(--bar);color:var(--bar-ink);display:none;flex-direction:column;justify-content:space-between;padding:48px}@media (min-width:960px){.auth-brand{display:flex}}.auth-form{display:flex;align-items:center;justify-content:center;padding:48px 16px}.auth-form form{width:min(380px,100%);display:flex;flex-direction:column;gap:16px}.mkt-wrap{max-width:1160px;margin:0 auto;padding:0 24px}@media (max-width:720px){.mkt-wrap{padding:0 18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}