.dash-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.dash-heading h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.2px;margin:8px 0 12px}.dash-heading p{color:#637887}.dash-heading label{min-width:180px}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0 26px}.dash-metric{background:#fff;border:1px solid #e3e9ed;border-radius:16px;padding:23px;box-shadow:0 5px 18px #183a4d05;display:flex;flex-direction:column;gap:10px}.dash-metric>span{font-size:13px;font-weight:600;color:#60717e}.dash-metric strong{font-size:34px;letter-spacing:-1px;font-weight:650;color:#183e4d}.dash-metric small{font-size:12px;color:#73838e}.dash-metric.accent{background:#123f44;border-color:#123f44}.dash-metric.accent span,.dash-metric.accent small{color:#c6dfdc}.dash-metric.accent strong{color:#fff}.dash-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.dash-panel{padding:28px;background:white;border:1px solid #e1e9ed;border-radius:18px;margin-bottom:24px;box-shadow:0 6px 24px #1c485008}.dash-panel h2{font-size:20px;margin:9px 0 18px;letter-spacing:-.4px}.dash-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dash-chart{width:100%;height:auto;min-height:160px;margin:18px 0}.dash-chart text{font:11px system-ui;fill:#788b98}.dash-note{font-size:12px;line-height:1.7;color:#71828d}.dash-pipeline>div{display:grid;grid-template-columns:1fr auto;gap:9px;margin:17px 0;font-size:13px}.dash-pipeline svg{grid-column:1/-1;width:100%;height:5px}.dash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.dash-actions button{display:grid;grid-template-columns:36px 1fr;text-align:left;gap:6px 12px;padding:22px;border:1px solid #e0e8eb;border-radius:14px;background:#fff}.dash-actions button>span{grid-row:span 2;color:#198878;font-size:26px}.dash-actions small{color:#6b7f8c;font-weight:400}.guide-progress{background:#e8f6f0;color:#216c5d;font-weight:700;padding:12px;border-radius:12px}.dash-guide progress{width:100%;height:7px;accent-color:#248b78;margin:8px 0 24px}.guide-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:30px}.guide-layout nav{display:flex;flex-direction:column;gap:8px}.guide-layout nav button{text-align:left;border:0;background:transparent;padding:12px;font-size:13px}.guide-layout nav button[aria-current]{background:#edf6f3;color:#126956}.guide-layout nav span{display:inline-block;width:26px;margin-right:9px}.guide-detail{padding:22px;background:#f7fafb;border-radius:14px}.guide-detail h3{margin:9px 0 16px}.staff-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}.staff-request{border-top:1px solid #e4ebef;padding:20px 0}.staff-request h3{margin:0 0 10px}.staff-request p{color:#607686}.staff-request select{max-width:240px}.staff-partner{padding:14px 0;border-bottom:1px solid #edf1f3}.staff-partner small{display:block;color:#607686;margin-top:7px}.staff-dialog{width:min(700px,92vw);max-height:85vh;overflow:auto;border:1px solid #dbe6eb;border-radius:20px;padding:30px;box-shadow:0 24px 80px #16374340}dialog::backdrop{background:#0b263a66}.staff-dialog textarea{min-height:100px}.workspace{background:#f6f8fb}.sidebar{background:#fff!important;border-right:1px solid #e2e9ed}.sidebar nav button[aria-current=page]{background:#eaf3f1!important;color:#14655b!important}.topbar{background:#ffffffed!important}.dashboard-preview{max-width:1180px;margin:60px auto;padding:32px;background:linear-gradient(135deg,#e4f2ee,#e7eef9);border:1px solid #dce7e9;border-radius:28px}.dashboard-preview h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.dashboard-preview img{width:100%;height:auto;border-radius:14px;box-shadow:0 20px 60px #1b45532b}.dashboard-preview figcaption{font-size:12px;color:#566e7d;margin:20px 0}.provider-stats{gap:18px}.provider-stat{border-radius:16px!important;box-shadow:0 5px 18px #183a4d05!important}.provider-tabs{margin:24px 0}.provider-tabs button{border-radius:9px}.provider-panel{border-radius:18px!important}@media(max-width:1000px){.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-columns,.staff-grid{grid-template-columns:1fr}.dash-actions{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}}@media(max-width:600px){.dash-heading{display:block}.dash-heading label{display:block;margin-top:20px}.dash-panel{padding:20px}.dash-metric{padding:18px}.dashboard-preview{margin:32px 16px;padding:18px}}
/* Modern analytics: restrained depth, consistent typography and readable data. */
.dash-heading{padding:8px 0 12px}.dash-heading .eyebrow,.dash-panel .eyebrow{font-size:10px;letter-spacing:1.8px;color:#67808a}.dash-heading h1{font-weight:650;letter-spacing:-1.5px}.dash-heading select{border-radius:12px;background:#fff;box-shadow:0 3px 8px #183b4e05}.dash-metrics{gap:16px}.dash-metric{position:relative;padding:22px 24px 20px;border-radius:20px;gap:15px;border-color:#e7edef;box-shadow:0 2px 3px #153e4503,0 12px 32px #153e4504;transition:transform .18s,box-shadow .18s}.dash-metric:hover{transform:translateY(-3px);box-shadow:0 12px 32px #153e4510}.metric-label{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#526871;font-size:12px;font-weight:600}.metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf6f3;color:#338e7f}.metric-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dash-metric strong{font-size:42px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1.8px}.dash-metric small{padding-top:13px;border-top:1px solid #edf1f3;font-size:11px;color:#75878f}.dash-metric.accent{background:linear-gradient(125deg,#153c42,#1b605b);border-color:transparent;box-shadow:0 12px 28px #164e5320}.dash-metric.accent .metric-label{color:#dfefeb}.dash-metric.accent .metric-icon{background:#ffffff15;color:#a5e6d6}.dash-metric.accent small{color:#c2dcd6;border-color:#ffffff19}.dash-panel{border-radius:22px;padding:28px 30px;border-color:#e7edef;box-shadow:0 8px 30px #153e4504}.dash-panel h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.dash-panel .badge{font-size:11px;padding:7px 12px;border:1px solid #e4ecea;background:#f5f9f7;color:#5c756d}.chart-summary{display:flex;gap:12px;align-items:baseline;margin-top:6px}.chart-summary>strong{font-size:32px;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#193e45}.chart-summary>span{font-size:11px;color:#7d8d95}.chart-summary .chart-key{margin-left:auto;color:#467b74;display:flex;align-items:center;gap:6px}.chart-key:before{content:'';width:7px;height:7px;border-radius:50%;background:#2d9c8c}.dash-chart{margin:10px 0 4px;min-height:0;overflow:visible}.chart-grid{stroke:#eaf0f2;stroke-width:1;stroke-dasharray:3 5;fill:none}.chart-line{stroke:#229884;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.chart-point{fill:transparent;stroke:transparent;outline:none}.chart-point:hover,.chart-point:focus{fill:#fff;stroke:#229884;stroke-width:2.5}.dash-note{font-size:11px;color:#819097;margin-bottom:0}.pipeline-subtitle{font-size:12px;color:#7d8d95;margin:-7px 0 25px}.dash-pipeline>div{gap:12px;margin:23px 0;font-size:12px;color:#526871}.dash-pipeline strong{font-size:15px;font-variant-numeric:tabular-nums;color:#1f4149}.dash-pipeline strong small{display:inline-block;min-width:36px;text-align:right;font-size:10px;font-weight:400;color:#8a999e;margin-left:8px}.dash-pipeline svg{height:6px;border-radius:5px}.provider-stat{border:1px solid #e7edef!important;padding:24px!important;background:#fff!important;border-radius:20px!important}.provider-stat strong{font-size:32px!important;letter-spacing:-1px;font-weight:600!important}.provider-panel{border-color:#e7edef!important;box-shadow:0 8px 30px #153e4504!important}.dash-actions button{border-radius:16px;transition:background .18s,border-color .18s}.dash-actions button:hover{background:#f5faf8;border-color:#bbd9d0}.dash-guide{background:linear-gradient(130deg,#fff,#f9fcfb)}
@media(max-width:650px){.dash-panel{padding:22px 18px}.dash-metric{padding:18px 16px}.dash-metric strong{font-size:34px}.metric-icon{width:28px;height:28px}.metric-label{font-size:11px}.chart-summary{flex-wrap:wrap}.chart-summary .chart-key{display:none}.dash-metrics{gap:10px}.dash-heading h1{font-size:28px}.dash-metric small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dash-metric,.dash-actions button{transition:none}.dash-metric:hover{transform:none}}
.guide-availability{padding:14px 16px;border:1px solid #d5e5df;border-radius:12px;background:#eef6f2;color:#315d51;font-size:13px;line-height:1.65}.guide-detail button:disabled{cursor:not-allowed}
/* Workspace navigation inspired by clear, persistent product workspaces. */
.shell .sidebar{background:#102c31!important;color:#d6e5df;padding:24px 16px;border-right:1px solid #29474a;position:sticky;top:0;height:100vh;overflow-y:auto}.shell .sidebar .brand{background:#fff;padding:12px;border-radius:12px;margin-bottom:26px;display:block}.shell .sidebar label{color:#a3bbb3;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.shell .sidebar select{background:#19393d;color:#e8f1ed;border-color:#39585b;font-size:12px;border-radius:9px}.shell .sidebar .nav-search-label{margin:18px 0}.shell .sidebar #nav-search{background:#0d252a;border-color:#345157;color:#f0f8f5;padding:10px 12px;font-size:12px;text-transform:none;letter-spacing:0}.shell .sidebar #nav-search::placeholder{color:#a1b8b0}.shell .sidebar nav{display:block}.shell .nav-group{margin:20px 0}.shell .nav-group h2{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:#94aaa5;margin:0 10px 8px}.shell .sidebar nav button{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:9px;background:transparent!important;color:#c4d7d1!important;padding:10px 12px;margin:3px 0;font-size:12px;font-weight:500;text-align:left}.shell .sidebar nav button:hover{background:#204349!important;color:#fff!important}.shell .sidebar nav button[aria-current=page]{background:#244b47!important;border-color:#447469!important;color:#c1f1d8!important;box-shadow:inset 3px 0 #9ce3bf}.nav-icon{width:18px;font-size:16px;text-align:center;flex-shrink:0;color:#83b6a3}.shell .sidebar .sidebar-footer{color:#8daaa0;font-size:10px;border-top:1px solid #2e4b4e;padding-top:16px}.shell [hidden]{display:none!important}.shell .workspace{background:#f5f8f7;min-width:0}.shell .topbar{height:auto;min-height:72px;border-bottom:1px solid #e0e9e4;padding:16px 32px;background:#fff!important}.shell .topbar>span{font-size:13px;font-weight:600}.shell .identity{font-size:12px}.shell .identity .badge{font-size:10px;background:#edf4f0}.shell .content{max-width:1440px;margin:0 auto;padding:32px;width:100%}.shell .page-heading{margin-bottom:25px;align-items:center}.shell .page-heading h1{font-size:29px;letter-spacing:-1px;font-weight:650}.shell .page-heading p{font-size:13px;color:#71857c}.shell .card{border:1px solid #dfe9e3;border-radius:16px;box-shadow:0 4px 16px #183d3004;overflow:hidden}.shell .toolbar{background:#fbfdfc;padding:18px 22px;border-bottom:1px solid #e6eeea;gap:20px}.shell .toolbar input{max-width:360px;border-radius:9px;font-size:13px;background:#fff}.shell .count{font-size:12px;color:#647c6f;white-space:nowrap}.shell table th{background:#f4f8f5;color:#6c8176;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:600}.shell table td{font-size:13px;padding-top:18px;padding-bottom:18px;border-bottom-color:#edf2ef}.shell tbody tr:hover{background:#f5faf7}.shell .dash-heading h1{font-size:32px}.shell button.primary{border-radius:9px;box-shadow:0 3px 10px #214e3b10}.shell #nav-empty{font-size:12px;color:#c7dbd0;margin:12px}
@media(max-width:900px){.shell{grid-template-columns:210px minmax(0,1fr)}.shell .content{padding:22px}.shell .topbar{padding:16px 22px;flex-wrap:wrap;gap:12px}.shell .identity{flex-wrap:wrap}}@media(max-width:640px){.shell{display:block}.shell .sidebar{height:auto;position:relative;padding:18px}.shell .sidebar .brand{max-width:160px;margin-bottom:16px}.shell .sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.shell .nav-search-label{grid-column:1/-1}.shell .nav-group{margin:10px 0}.shell .content{padding:18px}.shell .topbar{padding:14px 18px}.shell .toolbar{flex-wrap:wrap}.shell .toolbar input{max-width:none}}
/* Compact statistics with a consistent, high-contrast data surface. */
.dash-metric,.dash-metric.accent{background:linear-gradient(130deg,#122e35,#193b3d);border:1px solid #335254;box-shadow:none;border-radius:14px;gap:10px;padding:20px}.dash-metric .metric-label,.dash-metric.accent .metric-label{color:#b4cac6;font-weight:500}.dash-metric .metric-icon{background:#ffffff08;color:#9ad3b5;width:28px;height:28px}.dash-metric strong,.dash-metric.accent strong{color:#c6edb0;font-size:34px;font-weight:650}.dash-metric small,.dash-metric.accent small{color:#adbfbc;border:0;padding:0;font-size:11px}.dash-metric:hover{transform:none;box-shadow:0 5px 20px #12332a14}.dash-columns{grid-template-columns:1.35fr 1fr;gap:18px}.dash-columns>.dash-panel{background:#132f35;color:#d6e5df;border-color:#335254;border-radius:16px;padding:24px}.dash-columns .dash-panel h2{color:#f1f7f3;font-size:18px;margin:8px 0 12px}.dash-columns .eyebrow{color:#93aea4;font-size:9px}.dash-columns .badge{background:#ffffff08;border-color:#3e5a5b;color:#bbd5c8}.dash-columns .dash-note{color:#9bb1a9;font-size:10px}.chart-summary{display:flex;gap:35px;align-items:center;margin:18px 0 8px}.chart-summary>div{display:flex;flex-direction:column;gap:3px}.chart-summary strong{font-size:30px;color:#237663;line-height:1.1;letter-spacing:-.8px}.chart-summary span{font-size:11px;color:#70857b}.dash-columns .chart-summary strong{color:#c6edb0}.dash-columns .chart-summary span{color:#b0c4ba}.stat-bar{fill:#49a990;outline:none}.stat-bar:hover,.stat-bar:focus{fill:#bedfaa;stroke:#fff;stroke-width:1}.dash-columns .chart-grid{stroke:#365155;stroke-dasharray:none}.dash-columns .dash-chart text{fill:#a0bab0}.dash-chart{margin:4px 0;max-height:220px}.stats-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:150px;padding:22px 0;gap:9px}.stats-empty>span{font-size:25px;color:#6d9f90}.stats-empty strong{font-size:14px;font-weight:500;line-height:1.5}.stats-empty p{font-size:12px;line-height:1.65;color:#718b7d;margin:0;max-width:340px}.dash-columns .stats-empty p{color:#a6c0b4}.pipeline-subtitle{font-size:11px;color:#a6c0b4;margin:0 0 20px}.dash-pipeline>.pipeline-total{display:flex;align-items:baseline;gap:12px;margin:10px 0 20px}.pipeline-total strong{font-size:30px;color:#c6edb0;font-weight:650}.pipeline-total span{font-size:11px;color:#a9c2b5}.dash-pipeline .pipeline-track{display:block;width:100%;height:12px;border-radius:4px;overflow:hidden;margin-bottom:22px}.dash-pipeline>.pipeline-legend{display:block;margin:0}.pipeline-legend>div{display:grid;grid-template-columns:12px 1fr auto 50px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #2a494b;font-size:12px}.dash-pipeline .pipeline-legend svg{width:10px;height:10px;grid-column:auto}.pipeline-legend span{color:#cee0d6}.pipeline-legend strong{font-size:14px;color:#f0f5f1}.pipeline-legend small{font-size:11px;color:#a6beb2;text-align:right}@media(max-width:1000px){.dash-columns{grid-template-columns:1fr}}@media(max-width:600px){.dash-metric strong{font-size:29px}.dash-metric{padding:16px}.dash-columns>.dash-panel{padding:20px}.chart-summary{gap:25px}}

/* Personaldienstleister: Rückmeldungen und Wiedervorlagen. */
.staff-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.staff-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.staff-filters label{flex:1;min-width:160px}.staff-filters p{width:100%;font-size:12px;margin:0;color:#60776e}.staff-response{background:#f1f7f4;border-radius:12px;padding:16px;margin:16px 0}.staff-response dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px}.staff-response dt{font-size:11px;color:#637e70}.staff-response dd{margin:5px 0 0;font-size:14px;font-weight:600}.staff-response details{margin-bottom:15px}.staff-comparison{margin-top:20px}.staff-table{overflow-x:auto}.staff-table table{width:100%;min-width:650px}.staff-request[hidden]{display:none!important}@media(max-width:640px){.staff-summary{grid-template-columns:1fr}.staff-response dl{grid-template-columns:1fr 1fr}}

.booking-page{max-width:780px;margin:40px auto;padding:20px}.booking-page>.dash-panel{margin-top:24px}.booking-slot{display:flex;gap:14px;align-items:center;border:1px solid #d4e4dc;padding:16px;border-radius:12px;margin:10px 0;background:#f4faf6}.booking-slot input{width:auto;flex:0 0 auto}.booking-slot small{font-weight:400}.booking-page button{margin:12px 12px 12px 0}.booking-page fieldset,.workflow-dialog fieldset{border:1px solid #d4e4dc;border-radius:12px;margin:18px 0;padding:16px}.booking-page .staff-response h2{margin-top:0}.booking-page details{margin:20px 0}.booking-page p{overflow-wrap:anywhere}

.video-options{padding:16px;background:#f0f7f4;border:1px solid #d4e5dc;border-radius:12px;margin-top:16px}.video-join{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.video-join small{color:#5e786c;font-size:12px;overflow-wrap:anywhere}.video-options p{line-height:1.6;margin-bottom:0}

.job-assistant{width:min(920px,96vw);max-width:96vw;padding:30px}.quick-steps{list-style:none;display:flex;gap:12px;padding:0;margin:24px 0}.quick-steps li{flex:1;padding:12px;background:#f0f4f2;border-radius:10px;font-size:13px}.quick-steps [aria-current]{background:#173d3c;color:#d3efbe}.quick-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.quick-templates button{padding:24px 12px;background:#f1f8f4;border:1px solid #c8ded1;border-radius:12px}.quick-preview{border:1px solid #d0e1d8;background:#f6faf7;border-radius:16px;padding:24px;margin:20px 0}.quick-share{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0}.job-assistant textarea{width:100%}.job-assistant .full{grid-column:1/-1}@media(max-width:600px){.job-assistant{padding:18px}.quick-templates{grid-template-columns:1fr 1fr}.quick-steps{gap:5px}.quick-steps li{font-size:11px;padding:8px}}