:root{color:#2b0a20;font-synthesis:none;--ink:#2b0a20;--muted:#6e696e;--line:#dedadd;--lavender:#d9c4fa;--lavender-soft:#f5eeff;--plum:#4b3c46;--plum-deep:#2b0a20;--yellow:#f1ed6b;--yellow-soft:#feffdc;--content-width:1200px;background:#f7f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:linear-gradient(135deg,#faf9fa 0%,#f7f5f6 52%,#f4f2f4 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-underline-offset:.18em;text-decoration-thickness:.08em}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline-offset:3px;outline:3px solid #b980ee}.site-header{z-index:20;background:#fffffff0;border-bottom:1px solid #e5e1e5;min-height:58px;position:sticky;top:0}.site-header__inner{width:min(var(--content-width), calc(100% - 64px));align-items:center;gap:24px;min-height:58px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;font-size:1.48rem;font-weight:800;text-decoration:none}.main-nav{align-self:stretch;align-items:stretch;gap:10px;display:flex}.main-nav a{color:#765f73;border-bottom:4px solid #0000;align-items:center;min-height:58px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.main-nav a:hover,.main-nav a.is-active{color:var(--ink);border-bottom-color:var(--lavender)}.account-menu{color:var(--ink);align-items:center;gap:10px;margin-left:auto;font-size:.95rem;font-weight:700;display:flex}.account-menu form{margin-left:8px}.avatar{background:var(--lavender-soft);width:34px;height:34px;color:var(--plum-deep);border-radius:999px;place-items:center;font-size:.82rem;display:inline-grid}.logout-button{color:#6e696e;background:0 0;border:0;min-height:42px;padding:0 10px;font-weight:700}.logout-button:hover{color:var(--ink)}.page-shell{width:min(var(--content-width), calc(100% - 64px));margin:0 auto;padding:50px 0 72px}.entry-card,.saved-card,.calendar-card,.day-details,.report-card,.access-message,.login-card{background:#ffffffdb;border:1px solid #e2dfe2;border-radius:10px;box-shadow:0 16px 45px #2b0a2009}.entry-card{padding:30px 32px 26px}.entry-card__heading,.saved-card__heading,.overview-heading,.report-heading,.day-details__heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.entry-card__heading{align-items:center;margin-bottom:28px}.eyebrow{color:#765f73;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1,h2{color:var(--ink);letter-spacing:-.045em}h1{margin-bottom:10px;font-size:clamp(2rem,3vw,2.7rem);line-height:1}h2{margin-bottom:0;font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.1}.entry-card h2{font-size:clamp(1.55rem,3vw,2.8rem)}.date-picker-wrap{position:relative}.date-picker-popover{z-index:5;border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;min-width:190px;padding:13px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 14px 30px #2b0a2024}.date-picker-popover span,.field>span,.overview-subject-select>span{color:#6e596d;font-size:.92rem;font-weight:700}.date-picker-popover input,.field input,.field select,.field textarea,.overview-subject-select select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d5d0d5;border-radius:7px}.date-picker-popover input,.field input,.field select,.overview-subject-select select{min-height:48px;padding:0 13px}.field textarea{resize:vertical;padding:11px 13px}.field input::placeholder,.field textarea::placeholder{color:#947f93;opacity:1}.entry-form{gap:21px;display:grid}.entry-form__fields{grid-template-columns:minmax(150px,.29fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.field{gap:8px;display:grid}.field small{color:var(--muted);font-size:.78rem}.field--hours input{font-size:1.14rem}.field--reason{max-width:620px}.suggestion-field{position:relative}.suggestion-field input{padding-right:42px}.combobox-arrow{color:var(--ink);pointer-events:none;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.combobox-arrow svg{width:20px;height:20px}.suggestion-field input[aria-expanded=true]+.combobox-arrow{transform:translateY(-50%)rotate(180deg)}.suggestion-field:focus-within input{border-color:var(--plum-deep);box-shadow:0 0 0 4px var(--lavender-soft)}.suggestion-list{z-index:10;background:#fff;border:1px solid #ddd7df;border-radius:8px;padding:8px 5px 7px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 13px 28px #2b0a2021}.suggestion-list__label{color:#806e7c;margin:2px 11px 5px;font-size:.78rem;font-weight:700}.suggestion-list button{width:100%;min-height:38px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:5px;padding:6px 11px;display:block}.suggestion-list button:hover,.suggestion-list button.is-active{background:var(--lavender-soft)}.entry-form__actions{justify-content:flex-end;align-items:center;gap:8px;padding-top:2px;display:flex}.primary-button,.secondary-button,.danger-button,.outline-link{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:800;line-height:1.1;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--yellow);background:var(--yellow);color:var(--ink)}.primary-button:hover{background:#e5e15a}.secondary-button{color:var(--ink);background:#fff;border:1px solid #d7d2d7}.secondary-button:hover{border-color:#9e879d}.secondary-button--small{min-height:40px;padding:0 13px;font-size:.9rem}.danger-button{color:#fff;background:#7c1d37;border:1px solid #7c1d37}.danger-button:hover{background:#65172d}[data-sonner-toast].zeit-toast{width:100%}.zeit-notification{background:var(--yellow-soft);width:100%;color:var(--ink);font:inherit;text-align:left;overflow-wrap:anywhere;border:1px solid #e7eaaa;border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:.95rem;line-height:1.5;display:flex;box-shadow:0 4px 12px #0000001a}.zeit-notification svg{flex-shrink:0}.zeit-notification--error{color:#791e3d;background:#fff0f2;border-color:#f1cdd7}.saved-card{margin-top:18px;padding:25px 32px 16px}.saved-card__heading{border-bottom:1px solid #e5e1e5;align-items:center;padding-bottom:16px}.saved-card__heading strong{font-size:1.35rem}.entry-list{display:grid}.entry-row{grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:66px;display:grid}.saved-entry{border-bottom:1px solid #e5e1e5}.saved-entry:last-child{border-bottom:0}.entry-action{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.entry-action svg{width:20px;height:20px}.entry-action:hover{background:var(--lavender-soft)}.entry-action--delete:hover{color:#7c1d37;background:#fff0f2}.delete-dialog{border:1px solid var(--line);width:min(460px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);background:#fff;border-radius:10px;padding:26px;box-shadow:0 20px 60px #2b0a2033}.delete-dialog::backdrop{background:#2b0a204d}.delete-dialog h2{margin-bottom:16px;font-size:1.5rem}.delete-dialog__entry{background:var(--lavender-soft);overflow-wrap:anywhere;border-radius:7px;margin-bottom:22px;padding:12px}.delete-dialog__entry p{margin:0}.delete-dialog fieldset{border:0;gap:22px;min-width:0;margin:0;padding:0;display:grid}.delete-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.entry-row p{overflow-wrap:anywhere;margin:0}.empty-state{color:var(--muted);margin:0;padding:20px 0}.overview-page{position:relative}.overview-subject-select{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex}.overview-subject-select select{width:auto;min-width:210px}.overview-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.36fr);align-items:stretch;gap:18px;display:grid}.calendar-card,.day-details,.report-card{padding:28px 30px}.overview-heading,.report-heading{align-items:flex-end;margin-bottom:24px}.overview-statline,.report-statline{color:#765f73;margin:12px 0 0;font-size:1.1rem}.overview-statline strong,.report-statline strong{color:var(--ink);font-size:1.4rem}.report-statline span{color:#a89ba6;margin:0 12px}.month-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0;display:flex}.icon-button{min-width:44px;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d9d4d9;place-items:center;font-size:1.8rem;line-height:1;display:inline-grid}.icon-button:first-child{border-radius:7px 0 0 7px}.icon-button+.month-label+.icon-button{border-left:0;border-radius:0 7px 7px 0}.month-label{background:#fff;border-top:1px solid #d9d4d9;border-bottom:1px solid #d9d4d9;justify-content:center;align-items:center;min-width:145px;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.month-controls .secondary-button{margin-left:10px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.calendar-header,.calendar-week{display:contents}.calendar-day strong{white-space:nowrap}.calendar-weekday{color:#806e7c;text-align:center;min-height:29px;font-weight:800}.calendar-day{min-height:92px;color:var(--ink);text-align:left;background:#fff;border:1px solid #e0dce0;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px;display:flex;position:relative}.calendar-day:hover:not(:disabled){border-color:#a48ba8}.calendar-day.is-selected{border:2px solid var(--plum-deep);padding:11px}.calendar-day.is-outside,.calendar-day.is-future{color:#8f868f;background:#f8f7f8}.calendar-day--1{background:#f5eeff}.calendar-day--2{background:#e7d7fb}.calendar-day--3{background:#c9aade}.calendar-day--4{color:#fff;background:#9b75a0}.calendar-day--5{color:#fff;background:#4f163d}.calendar-day small{color:var(--ink);background:#fffc;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800;position:absolute;top:8px;right:8px}.calendar-day strong{font-size:1rem}.calendar-legend{color:#765f73;flex-wrap:wrap;align-items:center;gap:8px;margin-top:23px;font-size:.87rem;display:flex}.legend-swatch{border:1px solid #ded9df;border-radius:5px;width:25px;height:25px;display:inline-block}.legend-swatch--0{background:#fff}.legend-swatch--1{background:#f5eeff}.legend-swatch--2{background:#e7d7fb}.legend-swatch--3{background:#c9aade}.legend-swatch--5{background:#4f163d}.day-details{flex-direction:column;min-height:100%;display:flex}.day-details__heading h2{max-width:15ch;font-size:1.35rem}.today-badge{background:var(--lavender-soft);color:#4f163d;border-radius:999px;flex:none;padding:6px 10px;font-size:.78rem;font-weight:800}.day-total{letter-spacing:-.05em;border-bottom:1px solid #e5e1e5;margin:20px 0 17px;padding-bottom:17px;font-size:2.3rem;display:block}.day-entry-list{display:grid}.day-entry{border-bottom:1px solid #e5e1e5;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-height:65px;display:grid}.day-entry span{overflow-wrap:anywhere}.outline-link{border:1px solid var(--plum-deep);color:var(--ink);margin-top:auto}.outline-link:hover{background:var(--lavender-soft)}.report-page{width:min(1120px,100%);margin:0 auto}.report-heading{align-items:flex-end}.report-card{padding-top:8px;padding-bottom:8px}.report-row{border-bottom:1px solid #e5e1e5;grid-template-columns:minmax(220px,1fr) minmax(120px,.4fr) minmax(80px,.25fr) minmax(190px,.7fr);align-items:center;gap:18px;min-height:62px;display:grid}.report-row:last-child{border-bottom:0}.report-row--header{color:#765f73;text-transform:uppercase;min-height:50px;font-size:.83rem;font-weight:800}.report-row a{color:var(--ink);font-weight:800}.report-actions{flex-wrap:wrap;gap:14px;display:flex}.report-actions a{font-size:.9rem}.access-message{width:min(680px,100%);margin:80px auto;padding:34px}.access-message p:not(.eyebrow){color:#6e696e;font-size:1.05rem}.access-message .primary-button{margin-top:8px}.login-page{background:radial-gradient(circle at 80% 10%,#f5eeff 0,#0000 35%),#f7f5f6;place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{width:min(440px,100%);padding:42px 38px}.login-card h1{margin-bottom:24px;font-size:3.8rem}.login-button{width:100%}@media (width<=980px){.overview-layout{grid-template-columns:1fr}.day-details{min-height:360px}}@media (width<=700px){.site-header__inner,.page-shell{width:min(100% - 28px,560px)}.site-header__inner{flex-wrap:wrap;gap:7px 13px;min-height:auto;padding:10px 0 0}.account-name{display:none}.main-nav{order:3;width:100%;margin:1px -4px 0}.main-nav a{min-height:43px;padding:0 10px;font-size:.9rem}.account-menu{margin-left:auto}.logout-button{padding-right:0}.page-shell{padding-top:27px;padding-bottom:48px}.entry-card,.saved-card,.calendar-card,.day-details,.report-card{padding:22px 17px}.entry-card__heading,.overview-heading,.report-heading{gap:16px;display:grid}.date-picker-wrap,.date-picker-wrap .secondary-button{width:100%}.date-picker-popover{width:100%;left:0;right:auto}.entry-form__fields{grid-template-columns:1fr;gap:19px}.entry-form__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.entry-form__actions .primary-button{grid-area:1/1/auto/-1}.entry-row{grid-template-columns:1fr auto;gap:3px 12px;padding:12px 0}.entry-row p{grid-area:2/1/auto/-1}.entry-action{grid-area:1/2}.delete-dialog{padding:22px 17px}.delete-dialog__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.delete-dialog__actions button{padding:0 10px}.overview-subject-select{justify-content:stretch;gap:7px;display:grid}.overview-subject-select select{width:100%}.month-controls{justify-content:flex-start}.month-controls .secondary-button{margin-left:0}.calendar-card{overflow:hidden}.calendar-grid{gap:3px}.calendar-weekday{font-size:.74rem}.calendar-day{min-height:67px;padding:7px 3px;font-size:.82rem}.calendar-day.is-selected{padding:6px 2px}.calendar-day strong{font-size:.72rem}.calendar-hour-unit{display:none}.calendar-day small{padding:2px 4px;font-size:.57rem;top:4px;right:3px}.calendar-legend{gap:7px 10px;font-size:.74rem}.legend-swatch{width:19px;height:19px}.report-heading .month-controls{justify-content:flex-start}.report-row{grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:11px 0}.report-row--header{display:none}.report-row span:nth-child(3){color:#765f73;grid-area:2/2;font-size:.84rem}.report-row span:nth-child(3):before{content:"Tage: "}.report-actions{grid-area:3/1/auto/-1;padding-top:7px}.access-message{margin:28px auto;padding:25px 20px}.login-card{padding:33px 24px}}
