@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}}:root{--font-geist-sans:"Segoe UI", Arial, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ink:#132630;--ink-soft:#52656f;--navy:#172d38;--navy-2:#0f222c;--teal:#0b786c;--teal-dark:#075f57;--teal-pale:#e5f2ef;--paper:#fff;--canvas:#f4f5f2;--line:#dde3e1;--sand:#e6dfd2;--warning:#a96118;--danger:#ae3c35;--shadow:0 14px 40px #172d3814}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0b786c40}.brand{color:var(--ink);align-items:center;gap:12px;display:flex}.brand-mark{background:var(--teal);clip-path:polygon(50% 0,100% 23%,100% 76%,50% 100%,0 76%,0 23%);place-items:center;width:36px;height:36px;display:grid;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:#fff;width:4px;height:18px;position:absolute;transform:skew(-22deg)}.brand-mark:before{bottom:7px;left:10px}.brand-mark:after{top:7px;right:10px}.brand-mark span{height:12px;transform:rotate(90deg)skew(-22deg)}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand strong{letter-spacing:.14em;font-size:15px;font-weight:760}.brand small{color:#71828a;letter-spacing:.11em;text-transform:uppercase;margin-top:5px;font-size:10px}.brand-inverse{color:#fff}.brand-inverse small{color:#ffffff85}.eyebrow{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:750;line-height:1.3;display:block}.eyebrow.light{color:#81c8bc}.login-page{background:#fff;grid-template-columns:minmax(390px,.88fr) 1.12fr;min-height:100vh;display:grid}.login-story{color:#fff;background:var(--navy-2);flex-direction:column;min-height:100vh;padding:48px clamp(38px,5.2vw,80px);display:flex;position:relative;overflow:hidden}.login-story:before{content:"";opacity:.12;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 72%);mask-image:linear-gradient(to bottom right,#000,#0000 72%)}.login-story:after{content:"";border:1px solid #6fc5b63d;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-270px;right:-230px;box-shadow:0 0 0 90px #6fc5b609,0 0 0 180px #6fc5b606}.login-story>*{z-index:1;position:relative}.story-copy{margin:auto 0 70px}.story-copy h1{letter-spacing:-.055em;max-width:600px;margin:0;font-size:clamp(45px,5.3vw,76px);font-weight:620;line-height:.98}.story-copy p{color:#ffffffa8;max-width:540px;margin:28px 0 0;font-size:17px;line-height:1.65}.story-proof{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:28px;padding:25px 0;display:grid}.story-proof div{flex-direction:column;gap:5px;display:flex}.story-proof strong{letter-spacing:-.04em;font-size:26px;font-weight:620}.story-proof span{color:#ffffff85;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.demo-note{color:#ffffff7a;align-items:center;gap:8px;margin:22px 0 0;font-size:11px;display:flex}.login-panel{background:#f8f8f5;place-items:center;padding:50px clamp(28px,7vw,120px);display:grid}.login-card{width:min(100%,490px)}.login-heading h2{letter-spacing:-.04em;margin:0;font-size:36px;font-weight:650;line-height:1.1}.login-heading p{color:var(--ink-soft);margin:12px 0 0}.demo-roles{grid-template-columns:1fr 1fr;gap:10px;margin:34px 0 27px;display:grid}.demo-roles>button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:38px 1fr 14px;align-items:center;gap:10px;padding:13px;transition:all .2s;display:grid;position:relative}.demo-roles>button:hover{border-color:#9aa9a7;transform:translateY(-1px)}.demo-roles>button.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#f5fbf9}.role-icon{width:38px;height:38px;color:var(--ink);background:#eef1ef;border-radius:9px;place-items:center;display:grid}.demo-roles .active .role-icon{color:var(--teal-dark);background:var(--teal-pale)}.demo-roles strong,.demo-roles small{display:block}.demo-roles strong{font-size:13px}.demo-roles small{color:#73828a;margin-top:4px;font-size:10px}.radio{border:1px solid #adbac0;border-radius:50%;width:14px;height:14px}.active .radio{border:4px solid var(--teal)}.field-label{color:#41545e;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:650;display:flex}.field-label input,.field-label select,.table-tools select{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d5dcda;border-radius:9px;padding:0 14px;font-weight:450}.field-label input:focus,.field-label select:focus{border-color:var(--teal)}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.password-wrap button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px;font-weight:680;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-options{color:#61727a;justify-content:space-between;align-items:center;margin:-3px 0 22px;font-size:11px;display:flex}.login-options label{align-items:center;gap:7px;display:flex}.login-options input{accent-color:var(--teal)}.login-options button{color:var(--teal);cursor:pointer;background:0 0;border:0}.login-error{color:#8b2f2b;background:#fff3f2;border:1px solid #e8c5c2;border-radius:8px;margin:-8px 0 15px;padding:10px 12px;font-size:11px;line-height:1.45}.primary-action{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 22px #172d382b}.primary-action:hover{background:var(--teal-dark);transform:translateY(-1px)}.login-hint{color:#849198;text-align:center;margin:16px 0 0;font-size:10px;line-height:1.5}.admin-shell{background:var(--canvas);min-height:100vh;display:flex}.sidebar{z-index:40;color:#fff;background:var(--navy-2);flex-direction:column;width:246px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:82px;padding:0 24px;display:flex}.sidebar-close{color:#fff;background:0 0;border:0;display:none}.sidebar nav{flex-direction:column;gap:4px;padding:28px 14px;display:flex}.sidebar nav button{color:#ffffff9c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;height:44px;padding:0 13px;display:grid}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:#58ae9f29;box-shadow:inset 3px 0 #5fb4a5}.sidebar nav button span{font-size:12px;font-weight:590}.sidebar nav button em{color:#bde0da;text-align:center;background:#5fb4a533;border-radius:10px;min-width:20px;padding:3px 5px;font-size:9px;font-style:normal}.sidebar-footer{border-top:1px solid #ffffff12;align-items:center;gap:10px;height:79px;margin-top:auto;padding:0 14px;display:flex}.admin-mini{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.admin-mini>span:last-child{min-width:0}.admin-mini strong,.admin-mini small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.admin-mini strong{font-size:11px}.admin-mini small{color:#ffffff6e;margin-top:3px;font-size:9px}.sidebar-footer>button{color:#ffffff80;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.sidebar-footer>button:hover{color:#fff;background:#ffffff14}.admin-main{flex:1;min-width:0;margin-left:246px}.topbar{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;margin-right:12px;display:none}.crumb{color:#8a969b;align-items:center;gap:7px;font-size:11px;display:flex}.crumb strong{color:#41535c}.topbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.global-search{color:#839096;border:1px solid var(--line);background:#fafbf9;border-radius:8px;align-items:center;gap:8px;width:210px;height:36px;padding:0 11px;display:flex}.global-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.notification,.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notification span{background:#c35348;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.admin-content{padding:36px clamp(24px,3.1vw,48px) 60px}.page-stack{flex-direction:column;gap:25px;width:min(100%,1520px);margin:0 auto;display:flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,2.7vw,39px);font-weight:640;line-height:1.07}.page-heading p{color:var(--ink-soft);margin:8px 0 0;font-size:13px}.primary-button,.secondary-button,.back-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:11px;font-weight:680;display:inline-flex}.primary-button{color:#fff;border:1px solid var(--navy);background:var(--navy)}.primary-button:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.secondary-button{color:var(--ink);background:#fff;border:1px solid #cfd7d5}.secondary-button:hover{border-color:#95a5a2}.back-button{color:#66777f;background:0 0;border:0;align-self:flex-start;min-height:32px;padding:0}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:5px;font-size:10px;font-weight:700;display:inline-flex}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:18px;box-shadow:0 5px 18px #172d3806}.metric-top{justify-content:space-between;align-items:flex-start;display:flex}.metric-icon{width:34px;height:34px;color:var(--teal-dark);background:var(--teal-pale);border-radius:8px;place-items:center;display:grid}.metric-note{color:#78878d;background:#f1f3f1;border-radius:10px;padding:4px 7px;font-size:9px}.metric-card>strong{letter-spacing:-.045em;margin-top:19px;font-size:27px;font-weight:660;line-height:1;display:block}.metric-card>p{color:#64757d;margin:7px 0 0;font-size:11px}.metric-accent{color:#fff;border-color:var(--teal-dark);background:var(--teal-dark)}.metric-accent .metric-icon{color:#fff;background:#ffffff24}.metric-accent .metric-note{color:#cfe8e4;background:#ffffff1c}.metric-accent>p{color:#ffffffa6}.dashboard-grid{grid-template-columns:minmax(0,1.72fr) minmax(280px,.83fr);gap:16px;display:grid}.content-card{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 5px 22px #172d3809}.card-heading{border-bottom:1px solid #e7ebe9;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:0 20px;display:flex}.card-heading .eyebrow{margin-bottom:5px}.card-heading h2{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:650}.deployment-list{padding-bottom:5px}.deployment-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf0ef;grid-template-columns:36px minmax(115px,.8fr) 70px 112px minmax(150px,1fr) 18px;align-items:center;gap:11px;width:100%;min-height:72px;padding:0 18px;display:grid}.deployment-row:last-child{border-bottom:0}.deployment-row:hover{background:#f8faf8}.person-cell strong,.person-cell small,.time-cell strong,.time-cell small,.project-cell strong,.project-cell small{display:block}.person-cell strong{font-size:11px}.person-cell small,.time-cell small,.project-cell small{color:#8a979c;margin-top:4px;font-size:9px}.time-cell strong,.project-cell strong{margin-top:4px;font-size:10px;font-weight:610}.project-cell{min-width:0}.project-cell strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-arrow{color:#9aa5a9}.avatar{color:#24414d;background:#dce9ed;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:750;display:inline-grid}.avatar-green{color:#275245;background:#dcebe3}.avatar-rose{color:#65434a;background:#ecdee1}.avatar-amber{color:#604b29;background:#eee5d3}.avatar-violet{color:#4c4564;background:#e2deec}.avatar-slate{color:#e4ecee;background:#3c535e}.avatar-large{border-radius:18px;width:76px;height:76px;font-size:21px}.status{color:#286554;white-space:nowrap;background:#e5f2ec;border-radius:12px;align-items:center;gap:6px;width:max-content;padding:5px 8px;font-size:9px;font-weight:650;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pause{color:#946025;background:#f5ead9}.status-nicht-angemeldet{color:#758187;background:#eef0ef}.status-feierabend{color:#516879;background:#e7edf0}.status-aktiv{color:#286554;background:#e5f2ec}.activity-list{padding:5px 20px 16px}.activity-list>div{grid-template-columns:32px 1fr;gap:11px;padding:13px 0;display:grid;position:relative}.activity-list>div:not(:last-child):after{content:"";background:#dce3e1;width:1px;position:absolute;top:44px;bottom:-5px;left:15px}.activity-icon{z-index:1;color:#44636e;background:#e8eef0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid;position:relative}.activity-icon.image{color:#765b31;background:#f0e9da}.activity-icon.ruler{color:#52643d;background:#e8ecdf}.activity-icon.done{color:#26675a;background:#e3f0ec}.activity-list p{color:#52636b;margin:0;font-size:10px;line-height:1.55}.activity-list p strong{color:var(--ink)}.activity-list p small{color:#98a2a5;margin-top:5px;font-size:9px;display:block}.table-card{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:67px;padding:0 18px;display:flex}.search-box{color:#889599;border:1px solid var(--line);background:#fafbf9;border-radius:8px;align-items:center;gap:8px;width:290px;height:37px;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.table-tools select{width:140px;height:37px;font-size:10px}.result-count{color:#849196;margin-left:auto;font-size:10px}.employee-table{overflow-x:auto}.employee-table-head,.employee-table-row{grid-template-columns:1.15fr 1.35fr .8fr .75fr .8fr .9fr 20px;align-items:center;gap:14px;min-width:1020px;padding:0 18px;display:grid}.employee-table-head{color:#849196;letter-spacing:.03em;text-transform:uppercase;background:#f8f9f7;height:40px;font-size:9px;font-weight:680}.employee-table-row{text-align:left;color:#52636b;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0ef;width:100%;min-height:68px;font-size:10px}.employee-table-row:hover{background:#f8faf8}.employee-table-row>svg{color:#9ba5a9}.employee-name{align-items:center;gap:10px;display:flex}.employee-name strong,.employee-name small{display:block}.employee-name strong{color:var(--ink);font-size:11px}.employee-name small{color:#97a2a6;margin-top:3px;font-size:9px}.profile-hero{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:19px;padding:22px;display:flex}.profile-title{flex:1}.profile-title .eyebrow{margin-bottom:6px}.profile-title h1{letter-spacing:-.04em;margin:0;font-size:27px}.profile-title p{color:#6c7d85;margin:6px 0 0;font-size:11px}.profile-grid{grid-template-columns:minmax(250px,.6fr) minmax(0,1.4fr);gap:16px;display:grid}.profile-contact{padding-bottom:7px}.profile-contact dl{margin:0;padding:5px 20px 12px}.profile-contact dl>div{border-bottom:1px solid #edf0ef;padding:14px 0}.profile-contact dl>div:last-child{border-bottom:0}.profile-contact dt{color:#849196;align-items:center;gap:8px;font-size:9px;display:flex}.profile-contact dd{color:var(--ink);margin:6px 0 0 24px;font-size:10px;font-weight:620}.profile-main{overflow:hidden}.tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:4px;min-height:58px;padding:0 16px;display:flex}.tabs button{color:#79878d;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:47px;padding:0 12px;font-size:10px;font-weight:650;display:flex}.tabs button.active{color:var(--teal-dark);border-bottom-color:var(--teal)}.weekly-times{padding:17px 20px 22px}.week-summary{color:#fff;background:var(--navy);border-radius:9px;justify-content:space-between;align-items:flex-end;margin-bottom:13px;padding:12px 14px;display:flex}.week-summary small,.week-summary strong{display:block}.week-summary small{color:#ffffff8c;font-size:9px}.week-summary strong{margin-top:5px;font-size:19px}.week-summary>span{color:#ffffff91;font-size:9px}.week-row{border-bottom:1px solid #edf0ef;grid-template-columns:1.2fr repeat(4,.8fr);align-items:center;gap:8px;min-height:53px;font-size:10px;display:grid}.week-row>strong{font-size:10px}.week-row span{color:#56686f}.week-row small{color:#97a2a6;margin-bottom:4px;font-size:8px;display:block}.week-row b{color:var(--teal-dark)}.document-list,.project-list{padding:10px 20px 20px}.document-list>div,.project-list>div{border-bottom:1px solid #edf0ef;align-items:center;gap:11px;min-height:65px;display:flex}.document-list>div>span:first-child{color:#526977;background:#e9eef0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.document-list p,.project-list p{flex:1;min-width:0;margin:0}.document-list strong,.document-list small,.project-list strong,.project-list small{display:block}.document-list strong,.project-list strong{font-size:10px}.document-list small,.project-list small{color:#8b989d;margin-top:5px;font-size:9px}.document-list button{color:var(--teal);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:680}.project-color{background:var(--navy);border-radius:4px;width:8px;height:35px}.project-color.green{background:var(--teal)}.muted-chip{color:#68777d;background:#eff1ef;border-radius:10px;padding:5px 8px;font-size:9px}.empty-module{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:30px;display:flex}.empty-module>span{width:64px;height:64px;color:var(--teal-dark);background:var(--teal-pale);border-radius:16px;place-items:center;display:grid}.empty-module h2{margin:18px 0 5px;font-size:21px}.empty-module p{color:#78878d;max-width:390px;font-size:11px}.filter-bar{grid-template-columns:1fr 1.25fr 1.5fr 1fr auto;align-items:end;gap:12px;padding:16px 18px;display:grid}.filter-bar label{color:#7a898f;text-transform:uppercase;letter-spacing:.055em;flex-direction:column;gap:7px;font-size:9px;font-weight:650;display:flex}.filter-bar input,.filter-bar select,.photo-toolbar input,.photo-toolbar select,.calendar-person select,.month-chart select{color:#304750;border:1px solid var(--line);background:#fafbf9;border-radius:7px;width:100%;height:38px;padding:0 11px;font-size:10px}.filter-button{height:38px;color:var(--teal-dark);cursor:pointer;background:#f2faf7;border:1px solid #a9c5c0;border-radius:7px;align-items:center;gap:7px;padding:0 15px;font-size:10px;font-weight:700;display:flex}.table-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:0 18px;display:flex}.table-intro h2{margin:0;font-size:16px}.table-intro span{color:#879399;margin-top:4px;font-size:9px;display:block}.live-indicator{background:#e8f3ef;border-radius:12px;align-items:center;gap:7px;padding:6px 9px;font-weight:650;color:#327160!important;margin:0!important;display:flex!important}.live-indicator i{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #0b786c17}.time-table{overflow-x:auto}.time-table-head,.time-table-row{grid-template-columns:1.15fr .72fr .53fr .53fr .55fr .72fr 1.38fr .78fr 18px;align-items:center;gap:13px;min-width:1100px;padding:0 18px;display:grid}.time-table-head{color:#839096;letter-spacing:.05em;text-transform:uppercase;background:#f8f9f7;height:41px;font-size:8px;font-weight:700}.time-table-row{color:#55676f;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0ef;width:100%;min-height:67px;font-size:10px}.time-table-row:hover{background:#f7faf8}.time-table-row>strong{color:var(--ink)}.time-table-row>svg{color:#8c999e}.time-table-row .employee-name strong{font-size:10px}.status-abgeschlossen{color:#496273;background:#e8edef}.status-in-bearbeitung{color:#986126;background:#f5ead9}.status-entwurf,.status-geplant{color:#65777f;background:#edf0ef}.field-label textarea{resize:vertical;min-height:85px;color:var(--ink);background:#fff;border:1px solid #d5dcda;border-radius:9px;padding:12px 14px;font-weight:450}.correction-note{color:#607178;background:#f2f5f3;border-radius:8px;align-items:flex-start;gap:9px;margin-top:2px;padding:11px;font-size:9px;line-height:1.45;display:flex}.correction-note svg{color:var(--teal);flex:none}.modal-actions.split{justify-content:space-between}.calendar-card{overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:66px;padding:0 17px;display:grid}.month-switch{align-items:center;gap:6px;display:flex}.month-switch>strong{text-align:center;min-width:105px;font-size:12px}.month-switch button{color:#66777f;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;place-items:center;min-width:32px;height:32px;padding:0 9px;font-size:9px;display:grid}.view-tabs{background:#eef1ef;border-radius:8px;padding:3px;display:flex}.view-tabs button{color:#6b7a80;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;min-height:29px;padding:0 12px;font-size:9px;font-weight:640;display:flex}.view-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000014}.calendar-person{align-items:center;gap:8px;min-width:166px;display:flex}.calendar-person select{height:33px}.month-days{color:#859297;text-align:center;background:#f8f9f7;grid-template-columns:repeat(7,1fr);align-items:center;height:36px;font-size:8px;font-weight:700;display:grid}.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.month-grid>div{border-top:1px solid #edf0ef;border-right:1px solid #edf0ef;min-height:105px;padding:9px}.month-grid>div:nth-child(7n){border-right:0}.month-grid>div.empty{background:#fafbf9}.month-grid b{place-items:center;width:25px;height:25px;font-size:9px;display:grid}.month-grid div.today b{color:#fff;background:var(--teal);border-radius:50%}.month-grid span{color:#53676f;white-space:nowrap;text-overflow:ellipsis;background:#f0f3f2;border-left:3px solid #a4b2b6;border-radius:4px;margin-top:7px;padding:5px 7px;font-size:8px;display:block;overflow:hidden}.month-grid span.busy{color:var(--teal-dark);border-left-color:var(--teal);background:var(--teal-pale)}.week-head{border-bottom:1px solid var(--line);grid-template-columns:60px repeat(5,1fr);align-items:center;height:58px;display:grid}.week-head>div{border-left:1px solid #edf0ef;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.week-head small{color:#849196;font-size:8px;font-weight:700}.week-head strong{place-items:center;width:26px;height:26px;font-size:10px;display:grid}.week-head .current strong{color:#fff;background:var(--teal);border-radius:50%}.week-board{background:repeating-linear-gradient(#0000 0 52px,#edf0ef 52px 53px);grid-template-columns:60px repeat(5,1fr);min-height:530px;display:grid}.hour-column{color:#8c999e;text-align:center;grid-template-rows:repeat(10,53px);font-size:8px;display:grid}.hour-column span{padding-top:7px}.day-column{border-left:1px solid #edf0ef;padding:5px 7px}.day-column.current{background:#0b786c06}.calendar-event{background:#e9eef0;border-left:3px solid #637a84;border-radius:5px;flex-direction:column;min-height:64px;padding:8px 9px;display:flex;box-shadow:0 2px 6px #172d380a}.calendar-event time{font-size:8px;font-weight:720}.calendar-event strong{margin-top:5px;font-size:8px;line-height:1.3}.calendar-event small{color:#728188;margin-top:4px;font-size:7px}.event-teal{background:#e3f1ed!important;border-color:#0b786c!important}.event-gold{background:#f4ecdd!important;border-color:#b07b36!important}.event-navy{background:#e7edef!important;border-color:#375663!important}.event-slate{background:#eef0ef!important;border-color:#8b989d!important}.agenda-list{padding:0 20px 18px}.agenda-date{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:20px 0 12px;display:flex}.agenda-date strong{font-size:13px}.agenda-date span{color:#859297;font-size:9px}.agenda-row{border-bottom:1px solid #edf0ef;grid-template-columns:55px 5px 1fr 25px;align-items:center;gap:12px;min-height:69px;display:grid}.agenda-row time{font-size:11px;font-weight:680}.event-dot{border-radius:4px;width:5px;height:36px}.agenda-row strong,.agenda-row small{display:block}.agenda-row strong{font-size:10px}.agenda-row small{color:#849196;margin-top:5px;font-size:9px}.agenda-row button{background:0 0;border:0}.measurement-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.measurement-summary article{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;padding:16px 18px;display:flex}.measurement-summary article>span{width:36px;height:36px;color:var(--teal-dark);background:var(--teal-pale);border-radius:8px;place-items:center;display:grid}.measurement-summary strong,.measurement-summary small{display:block}.measurement-summary strong{font-size:20px}.measurement-summary small{color:#819096;margin-top:4px;font-size:9px}.measurement-list{flex-direction:column;gap:10px;display:flex}.measurement-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:60px 1fr 1.5fr 22px;align-items:center;gap:18px;width:100%;min-height:128px;padding:18px;display:grid;box-shadow:0 4px 15px #172d3806}.measurement-card:hover{border-color:#a8b7b4;transform:translateY(-1px)}.measurement-icon{color:#3e6170;background:#e4ecef;border-radius:12px;place-items:center;width:60px;height:60px;display:grid}.measurement-icon.tone-1{color:#6f5832;background:#efe8da}.measurement-icon.tone-2{color:#316357;background:#e1eee9}.measurement-title .status{margin-bottom:8px}.measurement-title h2{margin:0;font-size:15px}.measurement-title p{color:#78888e;margin:5px 0 0;font-size:9px}.measurement-card dl{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;display:grid}.measurement-card dl div{min-width:0}.measurement-card dt{color:#8a979c;align-items:center;gap:6px;font-size:8px;display:flex}.measurement-card dd{color:#42565f;white-space:nowrap;text-overflow:ellipsis;margin:7px 0 0;font-size:9px;font-weight:620;overflow:hidden}.pin-icon{color:var(--teal);font-size:8px}.measurement-form{overflow:hidden}.form-section{border-bottom:1px solid var(--line);padding:25px}.form-section-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.form-section-heading>span{width:30px;height:30px;color:var(--teal-dark);background:var(--teal-pale);border-radius:8px;place-items:center;font-size:9px;font-weight:750;display:grid}.form-section-heading h2{margin:0;font-size:16px}.form-section-heading p{color:#839096;margin:4px 0 0;font-size:9px}.form-grid.wide{grid-template-columns:1fr 1fr;max-width:850px}.measure-table{overflow-x:auto}.measure-head,.measure-row{grid-template-columns:1.6fr repeat(4,.72fr) 1.2fr 28px;align-items:center;gap:8px;min-width:850px;display:grid}.measure-head{color:#839096;text-transform:uppercase;height:31px;font-size:8px;font-weight:700}.measure-row{margin-bottom:8px}.measure-row input{border:1px solid var(--line);background:#fafbf9;border-radius:6px;width:100%;height:39px;padding:0 9px;font-size:9px}.measure-row button{color:#9b6660;background:0 0;border:0;place-items:center;width:28px;height:32px;display:grid}.add-position{color:var(--teal);cursor:pointer;background:#f4faf8;border:1px dashed #9fc2bb;border-radius:7px;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.attachment-drop{grid-template-columns:1fr 1fr;gap:12px;max-width:680px;display:grid}.attachment-drop button{text-align:left;min-height:82px;color:var(--teal-dark);cursor:pointer;background:#f7faf8;border:1px dashed #b5c8c4;border-radius:9px;align-items:center;gap:13px;padding:15px;display:flex}.attachment-drop strong,.attachment-drop small{display:block}.attachment-drop strong{font-size:10px}.attachment-drop small{color:#819096;margin-top:5px;font-size:8px}.form-footer{background:#f8f9f7;justify-content:flex-end;gap:9px;padding:18px 25px;display:flex}.photo-toolbar{grid-template-columns:1.35fr 1fr 1fr 150px auto;align-items:center;gap:9px;padding:13px;display:grid}.photo-toolbar label{border:1px solid var(--line);background:#fafbf9;border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.photo-toolbar label input{background:0 0;border:0;outline:0;height:auto;padding:0}.photo-toolbar>span{color:#829096;text-align:right;font-size:9px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.photo-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 16px #172d380a}.photo-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.photo-image{aspect-ratio:4/3;background-position:50%;background-size:cover;position:relative}.photo-image:after{content:"";background:linear-gradient(#0c181d14,#0000 55%,#0c181d4d);position:absolute;inset:0}.photo-image>span{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e232bc7;border-radius:5px;padding:5px 7px;font-size:8px;position:absolute;top:11px;left:11px}.photo-image .photo-count{align-items:center;gap:4px;display:flex;left:auto;right:11px}.photo-meta{padding:14px}.photo-meta small,.photo-meta strong,.photo-meta span{display:block}.photo-meta small{color:var(--teal);text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:700}.photo-meta strong{margin-top:7px;font-size:11px}.photo-meta span{color:#839096;margin-top:6px;font-size:8px}.photo-modal{grid-template-columns:1.45fr .75fr;width:min(100%,900px);padding:0;display:grid;overflow:hidden}.modal-photo{background-position:50%;background-size:cover;min-height:540px}.modal-photo-info{padding:30px 26px;position:relative}.photo-close{position:absolute;top:16px;right:16px}.modal-photo-info h2{letter-spacing:-.035em;margin:0;font-size:23px;line-height:1.15}.modal-photo-info dl{margin:24px 0}.modal-photo-info dl div{border-bottom:1px solid var(--line);padding:13px 0}.modal-photo-info dt{color:#879399;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.modal-photo-info dd{color:#40545d;margin:6px 0 0;font-size:10px;line-height:1.5}.upload-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload-options button{min-height:145px;color:var(--teal-dark);cursor:pointer;background:#f5faf8;border:1px dashed #9ebeb8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-options strong{margin-top:13px;font-size:11px}.upload-options small{color:#829096;margin-top:5px;font-size:8px}.upload-modal>p{color:#7c8a90;align-items:center;gap:7px;margin:16px 0 0;font-size:8px;display:flex}.my-time-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.my-time-metrics article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px}.my-time-metrics span,.my-time-metrics strong,.my-time-metrics small{display:block}.my-time-metrics span{color:#76868c;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.my-time-metrics strong{letter-spacing:-.035em;margin-top:11px;font-size:23px}.my-time-metrics small{color:#8b979c;margin-top:6px;font-size:8px}.my-time-metrics .highlight{color:#fff;border-color:var(--teal-dark);background:var(--teal-dark)}.my-time-metrics .highlight span,.my-time-metrics .highlight small{color:#ffffffa3}.my-times-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.week-total{color:var(--teal-dark);font-size:12px;font-weight:700}.personal-week{padding:5px 19px 15px}.personal-week>div{border-bottom:1px solid #edf0ef;grid-template-columns:36px 1fr auto 94px 18px;align-items:center;gap:10px;min-height:67px;display:grid}.day-square{color:#526870;background:#e9eef0;border-radius:7px;place-items:center;width:32px;height:32px;font-size:8px;font-weight:750;display:grid}.personal-week strong,.personal-week small{display:block}.personal-week strong{font-size:10px}.personal-week small{color:#8b979c;margin-top:4px;font-size:8px}.personal-week b{font-size:10px}.personal-week>div>svg{color:#97a2a6}.month-chart .card-heading select{width:86px;height:32px}.chart-area{grid-template-columns:30px 1fr;gap:8px;height:280px;padding:22px 21px 8px;display:grid}.chart-labels{color:#909ca0;text-align:right;flex-direction:column;justify-content:space-between;font-size:7px;display:flex}.bar-chart{background:repeating-linear-gradient(#edf0ef 0 1px,#0000 1px 20%);align-items:flex-end;gap:4px;padding-top:4px;display:flex}.bar-chart>span{opacity:.85;background:#6e8b91;border-radius:3px 3px 0 0;flex:1;min-width:3px}.bar-chart>span.today{background:var(--teal);box-shadow:0 0 0 2px #0b786c1f}.chart-legend{color:#7f8d92;justify-content:flex-end;gap:16px;padding:2px 20px 18px;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:#6e8b91;border-radius:2px;width:7px;height:7px}.chart-legend i.today{background:var(--teal)}.profile-self-header{color:#fff;background:var(--navy);border-radius:14px;align-items:center;gap:17px;padding:22px;display:flex}.profile-self-header>div{flex:1}.profile-self-header .eyebrow{color:#84c8bc}.profile-self-header h1{letter-spacing:-.04em;margin:0;font-size:29px}.profile-self-header p{color:#ffffff94;margin:6px 0 0;font-size:10px}.profile-self-header .secondary-button{color:#fff;background:#ffffff14;border-color:#ffffff38}.self-profile-grid{grid-template-columns:.72fr 1.28fr;gap:14px;display:grid}.self-data .card-heading>svg{color:var(--teal)}.self-data dl{margin:0;padding:4px 20px 16px}.self-data dl div{border-bottom:1px solid #edf0ef;padding:13px 0}.self-data dt{color:#849196;align-items:center;gap:7px;font-size:8px;display:flex}.self-data dd{margin:6px 0 0 23px;font-size:10px;font-weight:620}.self-tabs{overflow:hidden}.profile-project-cards{grid-template-columns:1fr 1fr;gap:11px;padding:19px;display:grid}.profile-project-cards article{border:1px solid var(--line);border-radius:9px;grid-template-columns:38px 1fr;gap:10px;padding:15px;display:grid}.profile-project-cards article>span{width:38px;height:38px;color:var(--teal-dark);background:var(--teal-pale);border-radius:8px;place-items:center;display:grid}.profile-project-cards h3{margin:8px 0 0;font-size:11px}.profile-project-cards p{color:#78888e;margin:5px 0 0;font-size:8px}.profile-project-cards small{color:#8b979c;margin-top:9px;font-size:8px;display:block}.logout-card{text-align:left;color:#7c453f;cursor:pointer;background:#fbf7f6;border:1px solid #e4d3d0;border-radius:11px;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;width:100%;padding:16px;display:grid}.logout-card>span{background:#f1e4e2;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.logout-card strong,.logout-card small{display:block}.logout-card strong{font-size:10px}.logout-card small{color:#9a7773;margin-top:4px;font-size:8px}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-grid article{grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;padding:18px;display:grid}.settings-icon{width:40px;height:40px;color:var(--teal-dark);background:var(--teal-pale);border-radius:9px;place-items:center;display:grid}.settings-grid h2{margin:0;font-size:12px}.settings-grid p{color:#7f8d92;margin:5px 0 0;font-size:9px}.settings-grid>article>svg{color:#98a3a7}.company-form{overflow:hidden}.company-form .form-grid{max-width:800px;padding:22px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a192085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 30px 90px #00000040}.modal-wide{width:min(100%,680px)}.modal-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:23px;display:flex}.modal-heading h2{letter-spacing:-.035em;margin:0;font-size:24px}.modal-heading p{color:#718188;margin:7px 0 0;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-grid .full{grid-column:1/-1}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:7px;padding-top:19px;display:flex}.employee-shell{background:#f2f4f1;min-height:100vh;padding-bottom:79px}.employee-topbar{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(18px,5vw,52px);display:flex;position:sticky;top:0}.employee-topbar>div{align-items:center;gap:12px;display:flex}.employee-avatar{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:11px;font-weight:650;display:flex}.employee-main{padding:34px clamp(16px,5vw,52px) 42px}.employee-main>.page-stack,.employee-page{width:min(100%,1080px);margin:0 auto}.employee-page{flex-direction:column;gap:17px;display:flex}.employee-welcome{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:5px;display:flex}.employee-welcome h1{letter-spacing:-.05em;margin:0;font-size:clamp(29px,4vw,42px);font-weight:640}.employee-welcome p{color:#687a82;margin:7px 0 0;font-size:12px}.weather{flex-direction:column;align-items:flex-end;display:flex}.weather>span{font-size:24px;font-weight:650}.weather small{color:#77868c;margin-top:3px;font-size:9px}.clock-card{color:#fff;background:var(--navy-2);border-radius:16px;flex-direction:column;align-items:center;min-height:360px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f222c2b}.clock-card:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:480px;height:480px;position:absolute;top:-350px;right:-160px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04}.clock-status{z-index:1;color:#ffffffa8;letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;border-radius:16px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:650;display:flex;position:relative}.pulse-dot{background:#9cabae;border-radius:50%;width:7px;height:7px}.is-running .pulse-dot{background:#63c7b5;box-shadow:0 0 0 5px #63c7b51a}.clock-display{z-index:1;grid-template-columns:auto auto;align-items:end;margin:28px 0 24px;display:grid;position:relative}.clock-display small{color:#ffffff80;text-align:center;grid-column:1/-1;margin-bottom:5px;font-size:10px}.clock-display strong{font-family:var(--font-geist-mono);letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(48px,8vw,72px);font-weight:560;line-height:1}.clock-display span{color:#ffffff7a;margin:0 0 8px 8px;font-size:10px}.punch-button{z-index:1;width:min(100%,390px);min-height:59px;color:var(--navy-2);letter-spacing:.035em;cursor:pointer;background:#f2f1ec;border:0;border-radius:10px;justify-content:center;align-items:center;gap:11px;font-size:12px;font-weight:780;display:flex;position:relative;box-shadow:0 10px 25px #0000002b}.punch-button:hover{background:#fff;transform:translateY(-1px)}.punch-button.stop{color:#fff;background:#b2433a}.pause-button{z-index:1;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:7px;align-items:center;gap:7px;min-height:34px;margin-top:12px;padding:0 13px;font-size:10px;display:flex;position:relative}.clock-helper{z-index:1;color:#ffffff57;margin:auto 0 0;font-size:9px;position:relative}.employee-stats{grid-template-columns:1.45fr .72fr .83fr;gap:13px;display:grid}.employee-stats>article{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-height:119px;padding:20px;display:flex}.employee-stats>article>small{color:#7b8a90;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.employee-stats>article>strong{letter-spacing:-.035em;margin-top:9px;font-size:22px}.employee-stats>article>span{color:#839096;margin-top:6px;font-size:9px}.project-today{grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;display:grid!important}.section-icon{width:42px;height:42px;color:var(--teal-dark);background:var(--teal-pale);border-radius:10px;place-items:center;display:grid}.project-today small,.project-today strong,.project-today span{display:block}.project-today small{color:#829096;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.project-today strong{margin-top:7px;font-size:12px}.project-today span{color:#7d8b90;margin-top:5px;font-size:9px}.project-today button{background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.progress{background:#e6eae8;border-radius:3px;width:100%;height:4px;margin-top:11px;overflow:hidden}.progress span{border-radius:inherit;background:var(--teal);height:100%;display:block}.next-appointment{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.appointment-row{grid-template-columns:70px 3px 1fr;align-items:center;gap:17px;min-height:93px;padding:0 22px;display:grid}.appointment-row time strong,.appointment-row time small,.appointment-row>div strong,.appointment-row>div span{display:block}.appointment-row time strong{font-size:17px}.appointment-row time small{color:#8a979c;margin-top:5px;font-size:9px}.appointment-line{background:var(--teal);border-radius:2px;width:3px;height:38px}.appointment-row>div strong{font-size:11px}.appointment-row>div span{color:#7f8d92;margin-top:5px;font-size:9px}.bottom-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;justify-content:center;height:72px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#7f8c91;cursor:pointer;background:0 0;border:0;border-top:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:90px;height:100%;padding:0 14px;font-size:8px;font-weight:600;display:flex}.bottom-nav button.active{color:var(--teal-dark);border-top-color:var(--teal);background:#f7faf8}.bottom-nav .employee-logout{color:var(--danger);display:none}.status-bereit-zur-freigabe,.status-verfugbar,.status-gepruft,.status-bereit-zur-ubergabe{color:#286554;background:#e5f2ec}.status-prufung-erforderlich,.status-freigabe-ausstehend,.status-offen{color:#986126;background:#f5ead9}.status-fehlende-buchung,.status-ausstehend{color:#9a443d;background:#f7e6e4}.status-freigegeben,.status-von-jackline-freigegeben{color:#315e77;background:#e4eef3}.status-exportiert{color:#4b4f75;background:#e9e9f4}.status-krankheit-erfasst{color:#67616f;background:#eeebf0}.primary-button:disabled,.secondary-button:disabled{opacity:.64;cursor:default}.full-button{width:100%}.payroll-header-actions{align-items:center;gap:9px;display:flex}.demo-lock{color:#4d656e;background:#ffffffb3;border:1px solid #d5dfdc;border-radius:8px;align-items:center;gap:7px;width:max-content;padding:8px 10px;font-size:9px;font-weight:660;display:inline-flex}.payroll-toolbar{justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:12px 15px 12px 20px;display:flex}.payroll-tabs{align-items:center;gap:5px;display:flex}.payroll-tabs button{color:#75858b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:39px;padding:0 13px;font-size:10px;font-weight:680;display:flex}.payroll-tabs button.active{color:var(--teal-dark);background:var(--teal-pale)}.month-selector{background:#eef1ef;border-radius:10px;gap:6px;padding:4px;display:flex}.month-selector button{color:#6b7b82;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:flex-start;gap:3px;min-width:144px;padding:8px 11px;display:flex}.month-selector button span{font-size:10px;font-weight:690}.month-selector button small{color:#8b989d;font-size:8px}.month-selector button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #172d3814}.month-selector button.active small{color:var(--teal)}.payroll-metrics{grid-template-columns:repeat(6,1fr);gap:11px;display:grid}.payroll-metrics article{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 5px 18px #172d3806}.payroll-metrics article>span{width:35px;height:35px;color:var(--teal-dark);background:var(--teal-pale);border-radius:8px;flex:none;place-items:center;display:grid}.payroll-metrics strong,.payroll-metrics small{display:block}.payroll-metrics strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.payroll-metrics small{color:#809096;margin-top:4px;font-size:8px;line-height:1.3}.closing-progress{overflow:hidden}.progress-steps{grid-template-columns:repeat(6,1fr);padding:24px 20px 20px;display:grid}.progress-step{align-items:flex-start;gap:9px;padding-right:12px;display:flex;position:relative}.progress-step:not(:last-child):after{content:"";z-index:0;background:#dfe5e3;height:2px;position:absolute;top:14px;left:30px;right:0}.progress-step.done:not(:last-child):after{background:#77afa5}.step-marker{z-index:1;color:#76868c;background:#fff;border:2px solid #d5ddda;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:9px;font-weight:750;display:grid;position:relative}.progress-step.done .step-marker{color:#fff;border-color:var(--teal);background:var(--teal)}.progress-step strong,.progress-step small{display:block}.progress-step strong{padding-right:5px;font-size:9px;line-height:1.35}.progress-step small{color:#8a979c;margin-top:5px;font-size:7px;line-height:1.35}.closing-action{border-top:1px solid var(--line);background:#f8f9f7;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 20px;display:flex}.closing-action p{color:#728188;align-items:center;gap:7px;margin:0;font-size:9px;display:flex}.closing-action p svg{color:var(--teal)}.table-controls{align-items:center;gap:8px;display:flex}.table-controls .search-box{width:220px}.payroll-table{overflow-x:auto}.payroll-table-head,.payroll-table-row{grid-template-columns:1.25fr .8fr .65fr .65fr .62fr .62fr 1.15fr .55fr;align-items:center;gap:12px;min-width:1120px;padding:0 18px;display:grid}.payroll-table-head{color:#829096;letter-spacing:.04em;text-transform:uppercase;background:#f8f9f7;height:41px;font-size:8px;font-weight:700}.payroll-table-row{color:#52656d;cursor:pointer;background:#fff;border-top:1px solid #edf0ef;min-height:70px;font-size:10px}.payroll-table-row:hover{background:#f7faf8}.payroll-table-row>strong{color:var(--ink)}.positive-value{color:#26705c;font-weight:700}.negative-value{color:#a4573f;font-weight:700}.row-action{color:var(--teal);cursor:pointer;background:#f6faf8;border:1px solid #c5d9d4;border-radius:7px;justify-content:center;align-items:center;gap:3px;padding:7px 8px;font-size:9px;font-weight:700;display:flex}.payroll-lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:15px;display:grid}.warnings-card,.handoff-card{overflow:hidden}.warning-count{color:#9a5b1b;background:#f6ebdc;border-radius:10px;padding:5px 8px;font-size:9px;font-weight:700}.warning-list{padding:3px 18px 12px}.warning-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0ef;grid-template-columns:32px 1fr auto 18px;align-items:center;gap:10px;width:100%;min-height:65px;padding:8px 0;display:grid}.warning-list button:last-child{border-bottom:0}.warning-list button:hover{background:#fafbf9}.warning-list button.reviewed{opacity:.58}.warning-icon{color:#a96118;background:#f5ead9;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.reviewed .warning-icon{color:#286554;background:#e5f2ec}.warning-list strong{font-size:10px}.warning-list p{color:#7f8d92;margin:4px 0 0;font-size:9px}.warning-list button>svg{color:#99a4a8}.handoff-card>p{color:#6f7f86;margin:17px 20px 5px;font-size:9px;line-height:1.5}.handoff-card .card-heading>svg{color:var(--teal)}.export-options{padding:4px 20px 14px}.export-options label{cursor:pointer;border-bottom:1px solid #edf0ef;align-items:center;gap:10px;min-height:48px;display:flex}.export-options input{accent-color:var(--teal)}.export-options strong,.export-options small{display:block}.export-options strong{font-size:9px}.export-options small{color:#8b979c;margin-top:3px;font-size:8px}.handoff-card>.primary-button{width:calc(100% - 40px);margin:2px 20px 6px}.privacy-hint{align-items:center;gap:7px;display:flex;color:#819096!important;margin:8px 20px 18px!important;font-size:8px!important}.payroll-parameter-panel{padding:20px}.parameter-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.parameter-heading h2{margin:0;font-size:19px}.parameter-heading p{color:#7d8c92;margin:7px 0 0;font-size:10px}.parameter-grid{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 0;display:grid;overflow:hidden}.parameter-grid div{background:#fff;padding:13px 14px}.parameter-grid dt{color:#849196;font-size:8px}.parameter-grid dd{margin:6px 0 0;font-size:10px;font-weight:680}.warning-detail{grid-template-columns:1fr 1fr;gap:12px;display:grid}.warning-detail>div{border:1px solid var(--line);background:#fafbf9;border-radius:9px;padding:13px}.warning-detail .full{grid-column:1/-1}.warning-detail span{color:#869399;text-transform:uppercase;letter-spacing:.05em;font-size:8px;display:block}.warning-detail strong{margin-top:7px;font-size:10px;display:block}.warning-detail p{color:#52656d;margin:7px 0 0;font-size:10px;line-height:1.5}.warning-detail .field-label{background:0 0;border:0;padding:0}.modal-actions.split>div{gap:8px;display:flex}.payroll-preview-modal{width:min(100%,910px)}.payroll-preview-modal .modal-heading p{align-items:center;gap:8px;display:flex}.preview-columns{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.preview-columns>section{border:1px solid var(--line);border-radius:11px;padding:17px}.preview-columns h3{margin:0 0 12px;font-size:12px}.preview-list,.calculation-list{margin:0}.preview-list div,.calculation-list div{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;gap:18px;min-height:38px;display:flex}.preview-list dt,.calculation-list dt{color:#667880;font-size:9px}.preview-list dd,.calculation-list dd{margin:0;font-size:9px;font-weight:700}.calculation-list .gross-total{color:#fff;background:var(--navy);border:0;border-radius:7px;margin:5px -8px 0;padding:0 8px}.calculation-list .gross-total dt{color:#ffffffb3}.calculation-list .gross-total dd{font-size:13px}.unbinding-label{color:var(--teal-dark);text-align:right;text-transform:uppercase;letter-spacing:.05em;margin-top:10px;font-size:8px;font-weight:760;display:block}.payroll-disclaimer{color:#52666e;background:#f3f8f6;border:1px solid #cfe1dc;border-radius:9px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px 15px;display:flex}.payroll-disclaimer svg{color:var(--teal);flex:none}.payroll-disclaimer p{margin:0;font-size:9px;line-height:1.5}.payroll-disclaimer strong{color:var(--ink);margin-bottom:3px;display:block}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.nested-modal{z-index:115}.confirmation-modal{text-align:center}.confirmation-icon,.success-mark{width:58px;height:58px;color:var(--teal-dark);background:var(--teal-pale);border-radius:15px;place-items:center;margin:0 auto 18px;display:grid}.confirmation-modal h2,.export-success h2{letter-spacing:-.035em;margin:0;font-size:24px}.confirmation-modal>p{color:#6e7f86;margin:10px 0 0;font-size:10px;line-height:1.55}.confirmation-facts{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.confirmation-facts span{color:#63747c;background:#f0f2f0;border-radius:10px;padding:6px 8px;font-size:8px}.export-success{text-align:center}.export-success .eyebrow{margin-bottom:7px}.export-success dl{border:1px solid var(--line);border-radius:10px;margin:20px 0;overflow:hidden}.export-success dl div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:43px;padding:0 13px;display:flex}.export-success dl div:last-child{border-bottom:0}.export-success dt{color:#77878d;font-size:9px}.export-success dd{margin:0;font-size:10px;font-weight:700}.export-success>p{color:#829096;justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.document-drop{width:100%;min-height:125px;color:var(--teal-dark);cursor:pointer;background:#f5faf8;border:1px dashed #9bbdb6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-bottom:16px;display:flex}.document-drop strong{font-size:11px}.document-drop small{color:#819096;font-size:8px}.privacy-banner{color:#455e67;background:#f4f8f6;border:1px solid #d6e2df;border-radius:9px;align-items:center;gap:11px;margin:0 20px 16px;padding:12px 13px;display:flex}.privacy-banner>svg{color:var(--teal);flex:none}.privacy-banner strong,.privacy-banner span{display:block}.privacy-banner strong{font-size:9px}.privacy-banner span{color:#76878d;margin-top:3px;font-size:8px}.statements-admin{overflow:hidden}.statements-heading{justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:17px 20px;display:flex}.statements-heading .eyebrow{margin-bottom:5px}.statements-heading h2{margin:0;font-size:19px}.statements-heading p{color:#76868d;margin:6px 0 0;font-size:9px}.statement-table{overflow-x:auto}.statement-table-head,.statement-table-row{grid-template-columns:.9fr .7fr 1.3fr .72fr .45fr .55fr 1.35fr;align-items:center;gap:12px;min-width:1160px;padding:0 18px;display:grid}.statement-table-head{color:#829096;text-transform:uppercase;background:#f8f9f7;height:40px;font-size:8px;font-weight:700}.statement-table-row{color:#52656d;border-top:1px solid #edf0ef;min-height:69px;font-size:9px}.statement-table-row>strong{color:var(--ink);font-size:10px}.document-cell{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.document-cell svg{color:var(--teal);flex:none}.statement-actions{gap:6px;display:flex}.statement-actions button{min-height:30px;color:var(--teal-dark);cursor:pointer;background:#f6faf8;border:1px solid #cbdcd8;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.statement-preview-modal{width:min(100%,820px)}.confidential-line{align-items:center;gap:6px;display:flex}.document-paper{color:#25383f;background:#fff;border:1px solid #d5dbd9;width:min(100%,690px);margin:0 auto;padding:28px 32px 24px;position:relative;overflow:hidden;box-shadow:0 10px 35px #172d3814}.demo-watermark{color:#0b786c0e;letter-spacing:.12em;font-size:96px;font-weight:800;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.document-paper>header{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:19px;display:flex;position:relative}.document-paper>header>div:last-child{text-align:right;max-width:280px}.document-paper header strong,.document-paper header small{display:block}.document-paper header strong{font-size:11px}.document-paper header small{color:#a24a43;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:720}.document-address{grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 0;display:grid;position:relative}.document-address small,.document-address strong,.document-address span{display:block}.document-address small{color:#839096;text-transform:uppercase;font-size:7px}.document-address strong{margin-top:6px;font-size:9px}.document-address span{color:#728188;margin-top:4px;font-size:7px}.document-lines{border:1px solid var(--line);position:relative}.document-lines h3{color:#fff;background:var(--navy);text-transform:uppercase;letter-spacing:.07em;margin:0;padding:8px 10px;font-size:8px}.document-lines>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:34px;padding:0 10px;font-size:8px;display:flex}.document-lines .document-total{background:#f0f5f3;font-weight:700}.document-lines .document-payout{color:#fff;background:var(--teal-dark);border:0;min-height:46px;font-size:10px;font-weight:750}.document-paper>footer{color:#76878d;align-items:center;gap:7px;margin-top:18px;font-size:7px;display:flex;position:relative}.document-paper>footer svg{color:var(--teal)}.toast{z-index:180;color:#fff;background:var(--navy-2);border-radius:10px;align-items:center;gap:9px;max-width:390px;padding:13px 16px;font-size:10px;font-weight:650;animation:.22s both toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #0f222c40}.toast svg{color:#67bdaa;flex:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.my-statements-page{width:min(100%,1080px)!important}.employee-privacy{margin:0}.statement-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.statement-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;box-shadow:0 5px 22px #172d3809}.statement-card.featured{border-color:#a9cbc4;box-shadow:0 10px 30px #0b786c14}.statement-card-top{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding-bottom:15px;display:grid}.statement-file-icon{width:42px;height:42px;color:var(--teal-dark);background:var(--teal-pale);border-radius:9px;place-items:center;display:grid}.statement-card-top .eyebrow{margin-bottom:4px;font-size:8px}.statement-card h2{margin:0;font-size:16px}.statement-card dl{margin:11px 0}.statement-card dl div{justify-content:space-between;gap:15px;padding:7px 0;display:flex}.statement-card dt{color:#849196;font-size:8px}.statement-card dd{text-align:right;margin:0;font-size:8px;font-weight:670}.statement-card>p{color:#718188;align-items:center;gap:6px;margin:10px 0 15px;font-size:8px;display:flex}.statement-card>p svg{color:var(--teal)}.statement-card-actions{grid-template-columns:1fr 1.2fr;gap:7px;display:grid}.statement-card-actions button{min-height:40px;padding:0 9px}.payroll-explainer{color:#566a72;background:#f5f8f6;border:1px solid #d6e2df;border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.payroll-explainer svg{color:var(--teal);flex:none}.payroll-explainer strong{font-size:9px;display:block}.payroll-explainer p{margin:4px 0 0;font-size:8px;line-height:1.5}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.activity-list{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.activity-list>div:not(:last-child):after{display:none}.login-page{grid-template-columns:.82fr 1.18fr}.employee-stats{grid-template-columns:1.4fr 1fr}.employee-stats article:last-child{grid-column:1/-1}.filter-bar{grid-template-columns:repeat(2,1fr)}.filter-button{align-self:end}.photo-toolbar{grid-template-columns:1.2fr 1fr 1fr}.photo-toolbar>input,.photo-toolbar>span{display:none}.photo-grid{grid-template-columns:repeat(2,1fr)}.measurement-card{grid-template-columns:54px 1fr 1fr 18px}.measurement-card dl{grid-template-columns:1fr;gap:7px}.measurement-card dl div:nth-child(n+2){display:none}.my-times-grid{grid-template-columns:1fr}.payroll-metrics{grid-template-columns:repeat(3,1fr)}.progress-steps{grid-template-columns:repeat(3,1fr);row-gap:22px}.progress-step:nth-child(3):after{display:none}.statement-cards{grid-template-columns:1fr 1fr}}@media (max-width:900px){.sidebar{transition:transform .24s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 60px #00000040}.sidebar-close{display:grid}.sidebar-scrim{z-index:35;background:#0c1c2370;border:0;position:fixed;inset:0}.admin-main{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 20px}.login-page{background:#f8f8f5;display:block}.login-story{min-height:auto;padding:30px 32px}.story-copy{margin:70px 0 40px}.story-copy h1{font-size:52px}.demo-note{display:none}.login-panel{padding:45px 24px 60px}.profile-grid{grid-template-columns:1fr}.calendar-toolbar{grid-template-columns:1fr auto;padding:10px 14px}.calendar-person{display:none}.week-board{min-width:760px}.week-view{overflow-x:auto}.week-head{min-width:760px}.month-grid>div{min-height:85px}.self-profile-grid{grid-template-columns:1fr}.photo-modal{grid-template-columns:1fr;overflow-y:auto}.modal-photo{min-height:360px}.payroll-toolbar{flex-direction:column;align-items:stretch}.payroll-tabs{justify-content:center}.month-selector{overflow-x:auto}.month-selector button{flex:1 0 140px}.payroll-lower-grid{grid-template-columns:1fr}.parameter-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.login-story{padding:24px 20px}.story-copy{margin:56px 0 34px}.story-copy h1{font-size:42px}.story-copy p{font-size:14px}.story-proof{gap:10px}.story-proof strong{font-size:21px}.story-proof span{font-size:8px}.login-heading h2{font-size:30px}.demo-roles{grid-template-columns:1fr}.topbar{height:62px;padding:0 13px}.global-search,.crumb span,.crumb svg{display:none}.admin-content{padding:24px 13px 42px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading>button{align-self:stretch}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.metric-card>strong{font-size:23px}.deployment-row{grid-template-columns:34px 1fr auto;padding:0 12px}.deployment-row .time-cell,.deployment-row .project-cell,.deployment-row .row-arrow{display:none}.activity-list{grid-template-columns:1fr}.table-tools{flex-wrap:wrap;padding:12px}.search-box{width:100%}.result-count{display:none}.profile-hero{flex-wrap:wrap;align-items:flex-start}.profile-title{min-width:calc(100% - 100px)}.profile-hero>.secondary-button{width:100%}.tabs{overflow-x:auto}.week-row{grid-template-columns:1fr 1fr 1fr;padding:10px 0}.week-row>span:nth-of-type(3),.week-row>span:nth-of-type(4){display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.filter-bar{grid-template-columns:1fr 1fr;gap:9px}.filter-bar label:nth-of-type(3){grid-column:1/-1}.filter-button{justify-content:center;width:100%}.calendar-toolbar{grid-template-columns:1fr;gap:10px}.month-switch{justify-content:space-between}.view-tabs{width:100%}.view-tabs button{flex:1;justify-content:center}.month-grid>div{min-height:61px;padding:5px}.month-grid span{padding:4px;font-size:6px}.measurement-summary{grid-template-columns:1fr 1fr 1fr;gap:7px}.measurement-summary article{flex-direction:column;align-items:flex-start;gap:7px;padding:12px}.measurement-summary article>span{width:30px;height:30px}.measurement-summary strong{font-size:17px}.measurement-card{grid-template-columns:46px 1fr 18px;gap:11px;min-height:105px;padding:13px}.measurement-icon{width:46px;height:46px}.measurement-card dl{display:none}.measurement-title h2{font-size:12px}.form-section{padding:20px 15px}.form-grid.wide,.attachment-drop{grid-template-columns:1fr}.form-footer{flex-direction:column-reverse;padding:13px 15px;position:sticky;bottom:0}.photo-toolbar{grid-template-columns:1fr}.photo-toolbar select:nth-of-type(2){display:none}.photo-grid{grid-template-columns:1fr;gap:11px}.photo-card{grid-template-columns:120px 1fr;min-height:110px;display:grid}.photo-image{aspect-ratio:auto;height:100%}.photo-meta{flex-direction:column;justify-content:center;display:flex}.modal-photo{min-height:270px}.upload-options{grid-template-columns:1fr}.upload-options button{min-height:105px}.my-time-metrics{grid-template-columns:1fr 1fr}.my-time-metrics article:last-child{grid-column:1/-1}.my-time-metrics strong{font-size:18px}.personal-week>div{grid-template-columns:34px 1fr auto 18px}.personal-week .status{display:none}.profile-self-header{flex-wrap:wrap}.profile-self-header>div{min-width:calc(100% - 100px)}.profile-self-header>button{width:100%}.profile-project-cards,.settings-grid{grid-template-columns:1fr}.employee-topbar{height:62px;padding:0 14px}.employee-avatar span{display:none}.employee-main{padding:23px 13px 30px}.employee-welcome{align-items:flex-start}.employee-welcome h1{font-size:30px}.weather{display:none}.clock-card{border-radius:13px;justify-content:center;min-height:410px;padding:22px 18px}.clock-status{margin-top:auto}.clock-helper{text-align:center;margin-top:auto}.clock-display strong{font-size:56px}.punch-button{min-height:64px}.employee-stats{grid-template-columns:1fr 1fr}.project-today{grid-column:1/-1}.employee-stats article:last-child{grid-column:auto}.employee-stats>article{min-height:105px;padding:15px}.employee-stats>article>strong{font-size:18px}.next-appointment .card-heading{min-height:64px}.appointment-row{grid-template-columns:58px 3px 1fr;gap:11px;padding:0 15px}.bottom-nav{justify-content:flex-start;height:68px;overflow-x:auto}.bottom-nav button{min-width:72px;padding:0 7px}.bottom-nav button span{white-space:nowrap;text-overflow:ellipsis;max-width:65px;overflow:hidden}.payroll-header-actions{flex-direction:column;align-items:stretch;width:100%}.payroll-header-actions .demo-lock{justify-content:center;width:100%}.payroll-toolbar{padding:10px}.payroll-tabs button{flex:1;justify-content:center}.payroll-metrics{grid-template-columns:1fr 1fr;gap:8px}.payroll-metrics article{padding:12px}.payroll-metrics strong{font-size:16px}.progress-steps{grid-template-columns:1fr;gap:0;padding:16px}.progress-step{min-height:56px;padding:0 0 10px}.progress-step:not(:last-child):after{width:2px;height:auto;display:block;inset:28px auto 0 14px}.closing-action{flex-direction:column;align-items:stretch}.closing-action p{line-height:1.45}.closing-action button{width:100%}.table-intro{flex-direction:column;align-items:flex-start;gap:10px;padding:13px}.table-controls{width:100%}.table-controls .search-box{flex:1;width:auto}.payroll-lower-grid{gap:12px}.warning-list{padding:3px 12px 10px}.warning-list button{grid-template-columns:32px 1fr 17px}.warning-list button .status{display:none}.warning-detail{grid-template-columns:1fr}.warning-detail .full{grid-column:auto}.modal-actions.split{flex-direction:column-reverse;align-items:stretch}.modal-actions.split>div{flex-direction:column}.modal-actions.split button{width:100%}.preview-columns{grid-template-columns:1fr}.preview-actions{grid-template-columns:1fr;display:grid}.preview-actions button{width:100%}.parameter-grid{grid-template-columns:1fr}.parameter-heading{flex-direction:column}.parameter-heading button{width:100%}.statements-heading{flex-direction:column;align-items:stretch}.statements-heading button{width:100%}.statement-cards{grid-template-columns:1fr}.statement-card{padding:15px}.statement-card-actions{grid-template-columns:1fr}.statement-card-actions button{width:100%;min-height:46px}.document-paper{padding:20px 16px}.document-paper>header{flex-direction:column;align-items:flex-start}.document-paper>header>div:last-child{text-align:left}.document-address{grid-template-columns:1fr;gap:10px}.demo-watermark{font-size:54px}.toast{max-width:none;bottom:82px;left:13px;right:13px}.my-statements-page .page-heading .demo-lock{justify-content:center;width:100%}}@media (max-width:420px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-card:nth-child(5){grid-column:1/-1}.clock-display strong{font-size:49px}.employee-stats{grid-template-columns:1fr}.employee-stats article:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}