.design-menu-wrap{position:relative}.design-menu{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);padding:0 10px;min-height:40px}.design-menu select{max-width:120px;min-height:40px;background:transparent;color:inherit;font:inherit;font-size:.8125rem;cursor:pointer}.design-menu select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.design-menu-error{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:260px;padding:12px;background:#fff3f1;border:1px solid #b84438;border-radius:6px;color:#92362d;font-size:.8rem}.design-top-navigation,.design-wordmark{display:none}.auth-card .brand{color:var(--foreground);padding:0}.design-settings{margin-bottom:24px}.design-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.design-option{text-align:left;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card);color:var(--foreground)}.design-option.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.design-option:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.design-option-title{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:14px 16px 5px}.design-option-description{display:block;font-size:.8125rem;color:var(--muted-foreground);padding:0 16px 16px;line-height:1.5}.design-sample{display:block;height:128px;position:relative;background:#f3f6f7;border-bottom:1px solid #dfe6e9}.design-sample i{display:block;position:absolute}.sample-nav{inset:0 auto 0 0;width:21%;background:#112e3a}.sample-top{left:21%;right:0;top:0;height:20px;background:white}.sample-heading{left:27%;top:34px;width:38%;height:8px;background:#18333e}.sample-box{top:59px;bottom:18px;background:white;border:1px solid #dfe6e9;border-radius:5px;width:19%}.sample-box.one{left:27%;background:#173e40}.sample-box.two{left:50%}.sample-box.three{left:73%}.werkstatt.design-sample{background:#eeeae1;border-color:#cbc5b7}.werkstatt .sample-nav{background:#dfd9cb;border-right:1px solid #cbc5b7}.werkstatt .sample-top{background:#faf7ef}.werkstatt .sample-heading{background:#2b3934;width:49%;height:12px}.werkstatt .sample-box{background:#faf7ef;border-color:#cbc5b7;border-radius:0;width:23%}.werkstatt .sample-box.one{background:#c45429}.werkstatt .sample-box.two{left:50%}.werkstatt .sample-box.three{left:73%}.leitstand.design-sample{background:#edf1f7;border-color:#cad4e4}.leitstand .sample-nav{inset:18px 0 auto;width:100%;height:14px;background:#152d5c}.leitstand .sample-top{left:0;height:18px;background:#fff}.leitstand .sample-heading{left:7%;top:43px;background:#214bb3;width:53%}.leitstand .sample-box{top:66px;width:25%;border-radius:2px;border-color:#cad4e4}.leitstand .sample-box.one{left:7%;background:#214bb3}.leitstand .sample-box.two{left:37%}.leitstand .sample-box.three{left:67%}.design-examples{display:flex;flex-wrap:wrap;gap:12px;font-size:.8125rem;margin-top:18px;color:var(--muted-foreground)}.design-examples a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}@media screen{html[data-design=werkstatt]{--background:#eeebe3;--foreground:#2b3934;--card:#fffdf7;--card-foreground:#2b3934;--popover:#fffdf7;--popover-foreground:#2b3934;--primary:#a94321;--primary-foreground:#fff;--secondary:#e8e4d8;--secondary-foreground:#3e4940;--muted:#e8e4d8;--muted-foreground:#68675d;--accent:#f3e1d3;--accent-foreground:#803419;--border:#cec9bb;--input:#b9b2a1;--ring:#ad4827;--sidebar:#e2ddcf;--sidebar-foreground:#3e4940;--sidebar-primary:#2b3934;--sidebar-primary-foreground:#fffdf7;--sidebar-accent:#d4cfbf;--sidebar-accent-foreground:#2b3934;--sidebar-border:#c8c1b0;--sidebar-ring:#ad4827;--design-radius:2px;--design-strong:#2b3934;--design-soft:#f7f3e9;--design-chart:#8a9b7d;--design-on-strong:#f3ecdf}html[data-design=leitstand]{--background:#edf1f7;--foreground:#152747;--card:#fff;--card-foreground:#152747;--popover:#fff;--popover-foreground:#152747;--primary:#214bb3;--primary-foreground:#fff;--secondary:#e3ebfa;--secondary-foreground:#244885;--muted:#e6ecf5;--muted-foreground:#596b88;--accent:#e3ebfa;--accent-foreground:#244885;--border:#ccd6e5;--input:#aebdd4;--ring:#416ee0;--sidebar:#152d5c;--sidebar-foreground:#e0e8f8;--sidebar-primary:#fff;--sidebar-primary-foreground:#214bb3;--sidebar-accent:#244276;--sidebar-accent-foreground:#fff;--sidebar-border:#345080;--sidebar-ring:#a1bcff;--design-radius:4px;--design-strong:#214bb3;--design-soft:#f4f7fc;--design-chart:#5378c6;--design-on-strong:#e4ecff}html[data-design=werkstatt] body{font-family:Bahnschrift,Segoe UI,Arial,sans-serif}html[data-design=werkstatt] h1{font-family:Arial Narrow,Bahnschrift,Segoe UI,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:2.75rem}html[data-design=werkstatt] h2{letter-spacing:0}html[data-design=werkstatt] .brand{color:var(--foreground);font-size:1.45rem;gap:8px}html[data-design=werkstatt] .brand-mark{background:var(--primary);color:#fff;border-radius:1px}html[data-design=werkstatt] .page-heading{padding-bottom:25px;border-bottom:2px solid var(--foreground)}html[data-design=werkstatt] .metrics{gap:0;border:1px solid var(--border);background:var(--card)}html[data-design=werkstatt] .metric{border:0;border-right:1px solid var(--border);border-radius:0;background:transparent}html[data-design=werkstatt] .metric:last-child{border-right:0}html[data-design=werkstatt] .metric.featured{color:var(--foreground)}html[data-design=werkstatt] .metric-value{font-variant-numeric:tabular-nums;font-size:2.65rem}html[data-design=werkstatt] .panel-head{background:var(--design-soft)}html[data-design=werkstatt] .nav-caption{font-size:.6875rem;letter-spacing:.16em}html[data-design=werkstatt] .nav-item{font-size:.9rem}html[data-design=werkstatt] .job-table th{letter-spacing:.09em}html[data-design=leitstand] h1{font-weight:700;letter-spacing:-.025em}html[data-design=leitstand] .metric{border-top:3px solid var(--primary)}html[data-design=leitstand] .metric-value{font-variant-numeric:tabular-nums}html[data-design=leitstand] .metric.featured{color:#fff}html[data-design=leitstand] .page-heading{background:#152d5c;background-image:linear-gradient(#ffffff06 1px,transparent 0),linear-gradient(90deg,#ffffff06 1px,transparent 0);background-size:24px 24px;padding:27px 30px;color:#fff;border-left:5px solid #5783ea}html[data-design=leitstand] .page-heading p{color:#d1def7}html[data-design=leitstand] .page-heading>.toolbar{color:var(--foreground)}html[data-design=leitstand] .page-heading .btn.primary:hover{background:#e3ebfa}html[data-design=leitstand] .topbar{border-top:3px solid #214bb3}html[data-design=leitstand] .design-wordmark{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:1.15rem;font-weight:750;letter-spacing:-.04em;margin-right:15px}html[data-design=leitstand] .design-wordmark svg{width:21px;height:21px}html[data-design=leitstand] .panel-head{border-top:2px solid var(--border)}html[data-design]:not([data-design=classic]) :is(.panel,.metric,.tile,.report-card,.project-card,.auth-card){background:var(--card);border-color:var(--border);border-radius:var(--design-radius);box-shadow:none}html[data-design]:not([data-design=classic]) :is(.topbar,.editor-dialog,.detail-sheet,.field input,.field textarea,.date-input,.account-form input,.account-form select,.auth-card input,.account-row input,[data-slot=select-trigger]){background:var(--card);color:var(--foreground);border-color:var(--input)}html[data-design]:not([data-design=classic]) :is(.field input,.field textarea,.date-input,.account-form input,.account-form select,.auth-card input,.account-row input,[data-slot=select-trigger],.btn,.search-box,.file-chip,.pdf-file,.branding-preview,.review-summary,.nav-item,.pill,.count){border-radius:var(--design-radius)}html[data-design]:not([data-design=classic]) .btn{background:var(--card);border-color:var(--border);color:var(--foreground)}html[data-design]:not([data-design=classic]) .btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}html[data-design]:not([data-design=classic]) .btn.primary:hover{filter:brightness(.92)}html[data-design]:not([data-design=classic]) .btn.danger{color:#ad362b}html[data-design]:not([data-design=classic]) .btn.text{background:transparent;color:var(--primary);border:0}html[data-design]:not([data-design=classic]) :is(.btn.subtle,.avatar,.count,.review-summary,.planning-detail-note,.pdf-file,.project-metrics,.integration-step span:first-child){background:var(--secondary);color:var(--secondary-foreground)}html[data-design]:not([data-design=classic]) .topbar-left strong,html[data-design]:not([data-design=classic]) :is(.job-name,.planning-head strong){color:var(--foreground)}html[data-design]:not([data-design=classic]) :is(.meta,small,.panel-head p,.job-sub,.metric-label,.topbar-left,.legend,.chart-col,.empty,.project-card-head p,.project-job small,.notification-row small){color:var(--muted-foreground)}html[data-design]:not([data-design=classic]) :is(.panel-head,.job-table td,.leave-card,.time-row,.planning-person,.planning-cell,.planning-day-row,.planning-day-person,.planning-month-cell,.detail-block,.form-section,.review-item,.project-job,.project-assignment,.account-row,.notification-row){border-color:var(--border)}html[data-design]:not([data-design=classic]) :is(.job-table th,.time-row.head,.planning-head,.planning-month-weekdays span,.branding-settings .panel-head){background:var(--design-soft);color:var(--muted-foreground);border-color:var(--border)}html[data-design]:not([data-design=classic]) :is(.job-table tbody tr:hover,.planning-today,.planning-month-date:hover,.branding-preview){background:var(--design-soft)}html[data-design]:not([data-design=classic]) :is(.planning-entry,.planning-entry:hover){background:var(--secondary);border-left-color:var(--primary);border-radius:var(--design-radius);color:var(--secondary-foreground)}html[data-design]:not([data-design=classic]) :is(.planning-entry strong,.planning-add,.planning-more,.review-item button,.project-number,.project-job:hover){color:var(--primary)}html[data-design]:not([data-design=classic]) :is(.mini-bar span,.chart-bars i.actual,.legend i.actual){background:var(--design-chart)}html[data-design]:not([data-design=classic]) :is(.mini-bar,.chart-bars i,.legend i){background:var(--muted)}html[data-design]:not([data-design=classic]) .mini-bar.over span{background:#b98435}html[data-design]:not([data-design=classic]) .tile:first-child{background:var(--design-strong);color:#fff}html[data-design]:not([data-design=classic]) .tile:first-child p{color:var(--design-on-strong)}html[data-design]:not([data-design=classic]) .tile:not(:first-child) p{color:var(--muted-foreground)}html[data-design]:not([data-design=classic]) .nav-item{color:var(--sidebar-foreground)}html[data-design]:not([data-design=classic]) .nav-item.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground)}html[data-design]:not([data-design=classic]) .nav-item:not(.active):hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}html[data-design]:not([data-design=classic]) :is(.nav-caption,.sidebar-bottom){color:var(--sidebar-foreground)}html[data-design]:not([data-design=classic]) .sidebar-bottom strong{color:var(--sidebar-foreground)}html[data-design]:not([data-design=classic]) .auth-page{background:var(--background)}html[data-design]:not([data-design=classic]) :is(button,a,input,textarea):focus-visible{outline-color:var(--ring)}html[data-design=werkstatt] .metric.featured{background:#f3dfcf}html[data-design=werkstatt] .metric.featured :is(.metric-label,small,svg){color:#82452b}html[data-design=leitstand] .metric.featured{background:var(--design-strong)}html[data-design=leitstand] .metric.featured :is(.metric-label,small,svg){color:var(--design-on-strong)}html[data-design=leitstand] .page-heading .btn.primary{background:#fff;border-color:#fff;color:#214bb3}}@media screen and (min-width:768px){html[data-design=leitstand] .group.peer[data-slot=sidebar]{display:none}html[data-design=leitstand] .design-top-navigation{display:flex;gap:0;background:#152d5c;border-bottom:1px solid #345080;padding:0 28px;overflow-x:auto}html[data-design=leitstand] .design-top-navigation .nav-group{display:flex;flex-shrink:0;padding:0}html[data-design=leitstand] .design-top-navigation .nav-caption{display:none}html[data-design=leitstand] .design-top-navigation .nav-item{width:auto;white-space:nowrap;border-radius:0;margin:0;padding:16px 14px;font-size:.8125rem;gap:8px;border-bottom:3px solid transparent}html[data-design=leitstand] .design-top-navigation .nav-item.active{background:#244276;color:#fff;border-bottom-color:#a1bcff}html[data-design=leitstand] .design-top-navigation .nav-item svg{width:16px;height:16px}html[data-design=leitstand] .content{max-width:1780px}}@media(max-width:1050px){.design-options{gap:12px}.topbar-left{flex-wrap:wrap;gap:8px}.topbar>.toolbar{flex-shrink:0}.topbar-left>span:last-child{display:none}}@media(max-width:767px){.design-options{grid-template-columns:1fr}.design-option{display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto 1fr}.design-sample{height:100%;min-height:110px;grid-row:1/3;border-bottom:0;border-right:1px solid var(--border)}.design-option-title{padding:12px 14px 5px}.design-option-description{padding:0 14px 12px}.design-menu{padding:0 7px;gap:5px}.design-menu select{max-width:93px;font-size:.75rem}.topbar-logo{max-width:70px;max-height:32px}}@media screen and (max-width:767px){html[data-design=werkstatt] h1{font-size:2.2rem}html[data-design=werkstatt] .metric{border-bottom:1px solid var(--border);padding:17px}html[data-design=werkstatt] .metric:nth-child(2n){border-right:0}html[data-design=werkstatt] .metric:nth-last-child(-n+2){border-bottom:0}html[data-design=werkstatt] .metrics{gap:0}html[data-design=werkstatt] .metric-value{font-size:2rem}html[data-design=leitstand] .page-heading{padding:20px 18px;margin-left:-18px;margin-right:-18px}html[data-design=leitstand] .design-wordmark{display:none}}