:root{--bg: #1d1d1b;--surface: #2a2a28;--accent: #00a984;--accent-hover: #00c599;--text: #f5f5f3;--text-muted: #a8a8a3;--error: #ff6b6b;--warning: #ffcc4d;--border: #3a3a37;--radius: 8px}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Roboto,system-ui,-apple-system,sans-serif}button{background:var(--accent);color:var(--bg);border:none;padding:.6rem 1.2rem;border-radius:var(--radius);font-weight:600;cursor:pointer;font-size:.95rem}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}a:visited{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}input,select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.5rem;border-radius:var(--radius);width:100%;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem;color:var(--text-muted);font-size:.85rem}.center{min-height:100vh;display:grid;place-items:center}.card{background:var(--surface);border-radius:var(--radius);padding:2rem;width:360px;max-width:calc(100vw - 2rem);border:1px solid var(--border)}.card h1{margin-top:0}.auth-logo{display:block;width:220px;max-width:100%;height:auto;margin:0 auto 1.5rem;border-radius:var(--radius)}header .brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text)}header .brand-icon{width:36px;height:36px;border-radius:8px}header .brand-text{font-size:1.4rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}header h1{margin:0;color:var(--accent)}.header-actions{display:flex;gap:.75rem;align-items:center}.summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.summary-card h3{margin:0 0 .5rem;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.summary-hours{font-size:2rem;font-weight:700;color:var(--accent)}.summary-meta{color:var(--text-muted);font-size:.85rem;margin-top:.5rem;line-height:1.4}.timer{background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.timer button.start,.timer button.stop{font-size:1.1rem;padding:.8rem 2rem}.timer button.stop{background:var(--error);color:var(--text)}.issues{margin-bottom:1.5rem}.issue{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.5rem;border-left:4px solid}.issue.error{background:#ff6b6b1a;border-color:var(--error)}.issue.warning{background:#ffcc4d1a;border-color:var(--warning)}.manual{background:var(--surface);border:1px solid var(--border);padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem}.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.manual-grid .full{grid-column:1 / -1}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .5rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}td button{background:transparent;color:var(--text-muted);padding:.3rem .6rem}td button:hover{color:var(--error);background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:420px;max-width:90vw}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.modal-actions button:first-child{background:transparent;border:1px solid var(--border);color:var(--text)}.error{color:var(--error);font-size:.9rem;margin:.5rem 0}.nav{display:flex;gap:1rem;flex:1;justify-content:center}.nav a{color:var(--text-muted);text-decoration:none;padding:.4rem .8rem;border-radius:var(--radius);font-size:.9rem}.nav a:hover{color:var(--text)}.nav a.active{background:var(--accent);color:var(--bg)}.placeholder{padding:3rem;color:var(--text-muted);text-align:center}.spacer{flex:1}.muted{color:var(--text-muted)}.row-actions{display:flex;gap:.5rem;margin-top:1rem}.danger{background:var(--error);color:var(--text)}.week-toolbar,.month-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;min-height:160px;display:flex;flex-direction:column}.day-head{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.day .badge{align-self:flex-start;background:var(--border);padding:2px 6px;border-radius:4px;font-size:.7rem;color:var(--text)}.day.holiday{border-color:var(--warning)}.day.abs-vacation{border-color:var(--accent)}.day.abs-sick{border-color:var(--error)}.day.abs-unpaid{border-color:var(--text-muted)}.day.missing{border-style:dashed;border-color:var(--warning);background:#ffcc4d0f}.badge-missing{background:#ffcc4d2e;color:var(--warning);font-weight:600}.entry-row{display:flex;gap:.5rem;padding:.25rem .4rem;border-radius:4px;cursor:pointer;font-size:.85rem}.entry-row:hover{background:var(--bg)}.day-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border)}.day-foot button{background:transparent;color:var(--accent);padding:.2rem .6rem}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.month-head{font-weight:600;color:var(--text-muted);padding:.4rem;text-align:center;font-size:.8rem}.month-cell{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem;min-height:80px;display:flex;flex-direction:column;gap:.2rem}.month-cell.empty{background:transparent;border-color:transparent}.month-cell.holiday{border-color:var(--warning)}.month-cell.abs-vacation{border-color:var(--accent)}.month-cell.abs-sick{border-color:var(--error)}.month-cell.missing{border-style:dashed;border-color:var(--warning);background:#ffcc4d0f}.month-cell-day{font-weight:600;font-size:.9rem}.month-sum{font-size:.8rem;color:var(--accent);margin-top:auto}.badge.small{font-size:.65rem;padding:1px 4px}.workdays{display:flex;gap:.4rem;margin-top:.4rem}.workday{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.3rem;padding:.4rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;font-size:.85rem}.workday input{width:auto;margin:0}.workday.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hint{display:block;color:var(--text-muted);font-size:.8rem;margin-top:.2rem}.hint-error{color:var(--error)}.current-terms{background:#00a9841a}.current-terms td{font-weight:600}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.field-label{color:var(--text-muted);font-size:.85rem}.manual-grid .field.full{grid-column:1 / -1}.entries-log table{margin-top:1rem}.entries-log td button{margin-right:.4rem}.entries-log button:disabled{opacity:.4;cursor:not-allowed}.abs-vacation-row td:first-child{border-left:3px solid var(--accent)}.abs-sick-row td:first-child{border-left:3px solid var(--error)}.abs-unpaid-row td:first-child{border-left:3px solid var(--text-muted)}.profile{display:flex;flex-direction:column;gap:1.5rem}.card-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.profile-field{display:flex;flex-direction:column;gap:.2rem}.small{font-size:.8rem}.settings-list{list-style:none;padding:0;margin:0}.settings-list li{padding:.4rem 0}.toggle{display:flex;align-items:center;gap:.6rem;flex-direction:row;margin:0}.toggle input{width:auto}.stamm-view{display:flex;flex-direction:column;gap:1rem}.stamm-section h4{margin:0 0 .4rem;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.stamm-list{display:grid;grid-template-columns:35% 65%;gap:0;margin:0}.stamm-list dt{padding:.5rem .7rem .5rem 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.stamm-list dd{padding:.5rem 0;border-top:1px solid var(--border);margin:0}.form-section-h{margin:1.2rem 0 .4rem;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.form-section-h:first-of-type{margin-top:.6rem}textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.6rem;border-radius:var(--radius);width:100%;font-size:.95rem;font-family:inherit;resize:vertical}textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.feedback-status-open{background:#ffcc4d2e;color:var(--warning)}.feedback-status-in_progress{background:#00a9842e;color:var(--accent)}.feedback-status-done{background:#00a98447;color:var(--accent)}.feedback-status-rejected{background:#ff6b6b2e;color:var(--error)}.feedback-status-duplicate{background:var(--border);color:var(--text-muted)}.feedback-desc{background:var(--bg);padding:.7rem;border-radius:var(--radius);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;font-family:inherit;font-size:.9rem;margin:.5rem 0 1rem}@media(max-width:600px){.stamm-list{grid-template-columns:1fr}.stamm-list dt{padding:.5rem 0 .05rem;font-size:.75rem;border-top:1px solid var(--border)}.stamm-list dd{padding:0 0 .5rem;border-top:none}}.status{padding:2px 8px;border-radius:4px;font-size:.8rem}.status-pending{background:#ffcc4d33;color:var(--warning)}.status-approved{background:#00a98433;color:var(--accent)}.status-rejected{background:#ff6b6b33;color:var(--error)}.dashboard-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.negative{color:var(--error)}.positive{color:var(--accent)}.team-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.summary-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem}.summary-tile .summary-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.summary-tile .summary-value{font-size:1.6rem;font-weight:700;margin-top:.3rem;line-height:1.1}.summary-tile .summary-meta{color:var(--text-muted);font-size:.8rem;margin-top:.3rem}.employee-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:.9rem}.emp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.9rem;transition:border-color .12s ease,transform .12s ease}.emp-card:hover{border-color:var(--accent);transform:translateY(-1px)}.emp-card.is-offboarded{opacity:.65}.emp-card-head{display:flex;align-items:center;gap:.7rem}.emp-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.emp-card-title{display:flex;flex-direction:column;min-width:0;flex:1}.emp-card-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-card-body{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.emp-stats{display:flex;flex-direction:column;gap:.55rem;min-width:0}.stat-row{display:flex;flex-direction:column;gap:.2rem;min-width:0}.stat-row-inline{flex-direction:row;align-items:center;justify-content:space-between}.stat-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.stat-row-mini{display:flex;gap:.5rem;flex-wrap:wrap}.stat-mini{display:flex;flex-direction:column;flex:1;min-width:70px}.stat-mini-label{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.stat-mini-value{font-weight:600}.emp-card-foot{border-top:1px solid var(--border);padding-top:.55rem}.donut{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.donut-center strong{font-size:1.3rem;line-height:1}.hours-bar{display:flex;flex-direction:column;gap:.25rem;min-width:0}.hours-bar-track{height:10px;background:var(--border);border-radius:5px;overflow:hidden;display:flex;position:relative}.hours-bar-fill{background:var(--accent);height:100%;transition:width .24s ease}.hours-bar-over{background:var(--warning);height:100%;transition:width .24s ease}.hours-bar-labels{display:flex;justify-content:space-between;font-size:.85rem;gap:.5rem}.balance-pill{display:inline-block;padding:.25rem .65rem;border-radius:6px;font-weight:600;font-size:.95rem;background:var(--border);color:var(--text);white-space:nowrap}.balance-pill.positive{background:#00a9842e;color:var(--accent)}.balance-pill.negative{background:#ff6b6b2e;color:var(--error)}.burger{display:none}@media(max-width:900px){.app{padding:1rem .75rem}header{align-items:center;margin-bottom:1.25rem}header .brand-text{font-size:1.2rem}header .brand-icon{width:32px;height:32px}.nav-inline,.header-actions-inline{display:none}.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;cursor:pointer;margin-left:auto;min-height:44px;min-width:44px}.burger:hover{background:var(--surface)}.burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;justify-content:flex-end;animation:drawer-fade .12s ease-out}.drawer{width:min(300px,85vw);height:100vh;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem 1rem;gap:.4rem;animation:drawer-slide .16s ease-out;overflow-y:auto}.drawer-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;row-gap:.1rem;padding-bottom:.9rem;margin-bottom:.6rem;border-bottom:1px solid var(--border)}.drawer-head strong{grid-column:1 / 2}.drawer-close{grid-row:1 / 3;grid-column:2 / 3;background:transparent;color:var(--text-muted);font-size:1.6rem;line-height:1;padding:.1rem .5rem;min-height:auto;border-radius:var(--radius)}.drawer-close:hover{color:var(--text);background:var(--bg)}.drawer-links{display:flex;flex-direction:column;gap:.2rem}.drawer-links a{color:var(--text);text-decoration:none;padding:.85rem .7rem;border-radius:var(--radius);font-size:1rem}.drawer-links a:hover{background:var(--bg)}.drawer-links a.active{background:var(--accent);color:var(--bg);font-weight:600}.drawer-logout{margin-top:auto}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}section table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table{font-size:.85rem}.summaries,.profile-grid,.manual-grid{grid-template-columns:1fr}.week-toolbar,.month-toolbar,.dashboard-toolbar{flex-wrap:wrap;gap:.5rem}.dashboard-toolbar h2,.dashboard-toolbar h3{width:100%}} @media (max-width: 600px){.week-grid{grid-template-columns:1fr}.day{min-height:auto}.month-cell{min-height:56px;padding:.25rem;font-size:.7rem;gap:.1rem}.month-cell-day{font-size:.8rem}.month-head{padding:.25rem;font-size:.65rem}.month-sum{font-size:.65rem}.badge.small{display:none}.modal{width:100%!important;max-width:100%!important;max-height:100vh;border-radius:0;overflow-y:auto}.modal-backdrop{padding:0}.card-section{padding:1rem}button{min-height:44px;padding:.6rem 1rem}input,select{min-height:44px;padding:.6rem}.workdays{flex-wrap:wrap}.workday{flex:1 0 calc(14.28% - .4rem);min-width:40px;padding:.5rem .4rem}}.audit-detail{background:var(--bg);padding:.75rem}.audit-snapshots{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.audit-snapshots pre{background:var(--surface);padding:.6rem;border-radius:var(--radius);font-size:.75rem;max-height:240px;overflow:auto;border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}@media(max-width:600px){.audit-snapshots{grid-template-columns:1fr}}.mini-bar-chart{display:flex;flex-direction:column;gap:.5rem}.mini-bar-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.mini-bar-legend-item{display:flex;align-items:center;gap:.4rem}.mini-bar-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.onboarding-shell{max-width:720px;margin:0 auto;padding:2rem 1rem 3rem}.onboarding-card{width:100%;margin:1.5rem auto 0}.onboarding-card h2{margin-top:0}.onboarding-card.center-text{text-align:center}.onboarding-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.onboarding-actions button{flex:1 1 200px}.onboarding-actions button.primary{background:var(--accent);color:var(--bg)}.onboarding-checkmark{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:var(--accent);color:var(--bg);font-size:2.2rem;display:grid;place-items:center;font-weight:700}.stepper{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;align-items:stretch;justify-content:space-between}.stepper-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;position:relative;font-size:.85rem;color:var(--text-muted)}.stepper-item:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:var(--border)}.stepper-item.done:not(:last-child):after{background:var(--accent)}.stepper-bullet{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid var(--border);color:var(--text-muted);display:grid;place-items:center;font-weight:700;font-size:.9rem}.stepper-item.active .stepper-bullet{background:var(--accent);border-color:var(--accent);color:var(--bg)}.stepper-item.active .stepper-label{color:var(--text);font-weight:600}.stepper-item.done .stepper-bullet{background:var(--accent);border-color:var(--accent);color:var(--bg)}.stepper-item.done .stepper-label{color:var(--text)}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:.6rem;margin-top:.8rem}.checkbox-row input[type=checkbox]{margin-top:.2rem;width:18px;height:18px;accent-color:var(--accent)}@media(max-width:600px){.stepper-label{display:none}.stepper-item:not(:last-child):after{top:14px}}.disclosure{padding:.9rem 1.1rem}.disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.7rem;font-weight:500}.disclosure>summary::-webkit-details-marker{display:none}.disclosure-chevron{display:inline-block;transition:transform .15s ease;color:var(--text-muted);font-size:.8rem}.disclosure[open]>summary .disclosure-chevron{transform:rotate(90deg);color:var(--accent)}.disclosure-body{margin-top:.6rem}.disclosure-sub-h{margin-top:1.4rem;margin-bottom:.6rem;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dashboard-filter{display:flex;flex-direction:column;gap:.7rem}.filter-presets{display:flex;flex-wrap:wrap;gap:.5rem}.preset-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;cursor:pointer}.preset-pill:hover{border-color:var(--accent);color:var(--text)}.preset-pill.active{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.filter-custom{display:flex;gap:1rem;flex-wrap:wrap}.filter-custom label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--text-muted)}.range-display{margin:0}.zeit{padding:0}.zeit-header{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1rem}.zeit-header .segment-control{margin-bottom:0}.add-entry-btn{margin-left:auto;background:var(--accent);color:var(--bg);font-weight:600;white-space:nowrap}.add-entry-btn:hover{background:var(--accent-hover)}.modal-backdrop.as-bottom-sheet{align-items:flex-end;padding:0}.modal.as-bottom-sheet-modal{width:100%;max-width:100%;margin:0;border-radius:16px 16px 0 0;animation:clok-slide-up .22s ease-out;max-height:92vh;overflow-y:auto}@keyframes clok-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:480px){.add-entry-btn{width:100%;margin-left:0}}.segment-control{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;gap:2px;margin-bottom:1rem}.segment{background:transparent;color:var(--text-muted);border:none;padding:.5rem 1.1rem;border-radius:calc(var(--radius) - 2px);font-size:.9rem;font-weight:500;cursor:pointer}.segment:hover{background:var(--bg);color:var(--text)}.segment.active{background:var(--accent);color:var(--bg);font-weight:600}.segment.active:hover{background:var(--accent-hover)}.invite-status-pending{background:#ffcc4d2e;color:var(--warning)}.invite-status-accepted{background:#00a98447;color:var(--accent)}.invite-status-expired{background:#ff6b6b2e;color:var(--error)}.invite-status-revoked{background:var(--border);color:var(--text-muted)}.invite-fresh{border-left:3px solid var(--accent)}.invite-link-row{display:flex;gap:.6rem;align-items:center;margin-top:.7rem;flex-wrap:wrap}.invite-link{flex:1;min-width:280px;background:var(--bg);border:1px solid var(--border);padding:.5rem .7rem;border-radius:var(--radius);font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}.action-cell{white-space:nowrap}.action-cell button{margin-right:.4rem}