.app_shell{min-width:0;max-width:100%;min-height:100vh;display:grid;grid-template-rows:68px 1fr;overflow-x:hidden}
.app_shell_header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:0 24px;background:#fff;border-bottom:1px solid var(--q-bright)}
.app_shell_brand_link{display:flex;align-items:center}.app_shell_brand{display:block;width:132px;height:auto}.app_shell_divider{width:1px;height:34px;background:var(--q-bright)}
.app_shell_heading{display:flex;flex-direction:column;line-height:1.2}.app_shell_heading_pretext{color:var(--q-navy);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.app_shell_heading_title{margin-top:3px;font:700 1rem var(--font-display)}
.app_shell_header_navigation{display:flex;align-self:stretch;align-items:center;gap:22px;margin-left:auto}.app_shell_header_navigation a{position:relative;display:flex;height:100%;align-items:center;color:var(--q-dark);font-size:.8rem;font-weight:500;white-space:nowrap}.app_shell_header_navigation a:hover{color:var(--q-teal)}.app_shell_header_navigation_active::after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--q-lime)}
.app_shell_header_controls{display:flex;align-items:center;gap:12px}.app_shell_environment{color:var(--q-medium);font:500 .68rem var(--font-mono);white-space:nowrap}.app_shell_menu_control{display:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--q-navy);color:#fff;font-size:1.05rem}
.app_shell_body{min-width:0;min-height:0}.app_shell_main{min-width:0;max-width:100%;padding:24px;overflow:auto}.dashboard{display:flex;min-width:0;width:100%;max-width:1500px;margin:0 auto;flex-direction:column;gap:16px}

.dashboard_header{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.dashboard_header .content_header_title{font-size:1.75rem}.dashboard_header_controls{display:flex;gap:9px;margin-left:auto}.dashboard_status{padding:9px 18px;border-radius:var(--radius-pill);background:var(--q-bright);font-size:.8rem;font-weight:700}.dashboard_save{min-height:40px;padding:9px 22px;border:0;border-radius:var(--radius-pill);background:var(--q-lime);color:var(--q-dark);font-size:.8rem;font-weight:700}.dashboard_save:hover{filter:brightness(.97)}

.dashboard_demo{border:1px solid var(--q-bright);border-radius:var(--radius-md);background:rgba(255,255,255,.72);box-shadow:none}.dashboard_demo .content_box_body{padding:9px 16px}.dashboard_demo_controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.dashboard_demo_label{align-self:center;color:var(--q-medium);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dashboard_demo_controls label{display:flex;align-items:center;gap:7px;color:#777;font-size:.68rem;font-weight:500}.dashboard_demo_controls .content_form_input{width:auto;min-width:170px;min-height:32px;padding:4px 30px 4px 8px;border:1px solid var(--q-bright);border-radius:var(--radius-sm);font-size:.72rem}.dashboard_demo_controls .window_control{min-height:34px;padding:6px 14px;font-size:.72rem}.dashboard_demo_controls .window_control:first-of-type{margin-left:auto}.dashboard_demo_controls .window_control:hover{transform:none}

.dashboard_stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard_stat{padding:19px 21px;border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.dashboard_stat_label{color:var(--q-navy);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard_stat_value{margin-top:7px;color:var(--q-teal);font:700 1.65rem var(--font-display)}.dashboard_stat_meta{margin-top:4px;color:var(--q-medium);font-size:.73rem}
.budget_table{overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.budget_table_row{display:grid;grid-template-columns:1.8fr repeat(3,.8fr);gap:12px;padding:13px 24px;border-bottom:1px solid var(--q-wash);font-size:.85rem}.budget_table_header{padding-top:15px;padding-bottom:15px;border-bottom-color:var(--q-bright);color:var(--q-medium);font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.budget_table_total{padding-top:15px;padding-bottom:15px;border-bottom:0;background:var(--q-wash);font-weight:700}.budget_table_value{text-align:right;font-variant-numeric:tabular-nums}
.dashboard_columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;align-items:start}.dashboard_columns>.content_box{border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.dashboard_columns .content_box_body{padding:22px 24px}.dashboard_private{position:relative}.dashboard_private[data-feedback-private]::after{content:"Privater Bereich";position:absolute;top:17px;right:20px;padding:4px 9px;border-radius:var(--radius-pill);background:#f4e7f8;color:var(--q-purple);font:700 .64rem var(--font-mono)}.dashboard_responsibility{display:grid;gap:10px;margin-top:14px}.dashboard_responsibility_value{padding:10px 12px;border:2px solid var(--q-medium);font-size:.82rem}.dashboard_activity{display:flex;margin-top:14px;flex-direction:column;gap:10px}.dashboard_activity_item{display:flex;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--q-wash);font-size:.78rem}.dashboard_activity_time{color:var(--q-medium);font-family:var(--font-mono)}
.dashboard>.notification{max-width:640px;margin-top:2px}

@media(max-width:1180px){.app_shell_header_navigation{gap:14px}.app_shell_header_navigation a:nth-child(1),.app_shell_header_navigation a:nth-child(2),.app_shell_header_navigation a:nth-child(4){display:none}.dashboard_demo_controls .window_control:first-of-type{margin-left:0}.dashboard_stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app_shell{grid-template-rows:auto 1fr}.app_shell_header{min-height:60px;padding:12px 16px;gap:12px;flex-wrap:wrap}.app_shell_brand{width:112px}.app_shell_heading,.app_shell_divider{display:none}.app_shell_header_navigation{width:100%;height:38px;margin-left:0;order:3;overflow-x:auto}.app_shell_header_navigation a{height:38px;flex:0 0 auto}.app_shell_header_navigation a:nth-child(1),.app_shell_header_navigation a:nth-child(2),.app_shell_header_navigation a:nth-child(4){display:flex}.app_shell_header_controls{margin-left:auto}.app_shell_environment{display:none}.app_shell_menu_control{display:grid;place-items:center}.app_shell_main{padding:18px 14px 100px}.dashboard_header{align-items:flex-start}.dashboard_header_controls{width:100%;margin-left:0}.dashboard_demo_controls{align-items:stretch;flex-direction:column}.dashboard_demo_label{align-self:flex-start}.dashboard_demo_controls label{align-items:flex-start;flex-direction:column}.dashboard_demo_controls .content_form_input{width:100%}.dashboard_demo_controls .window_control{width:100%}.dashboard_stats{gap:10px}.dashboard_columns{grid-template-columns:1fr}.dashboard_stat,.budget_table,.dashboard_columns>.content_box{border-radius:var(--radius-lg)}}
@media(max-width:520px){.dashboard_stats{grid-template-columns:1fr 1fr}.dashboard_stat{padding:16px}.dashboard_stat_value{font-size:1.25rem}.budget_table_row{grid-template-columns:1fr auto;padding:13px 18px}.budget_table_row>*:nth-child(2),.budget_table_row>*:nth-child(3){display:none}.dashboard_save{margin-left:auto}.dashboard_header .content_header_title{font-size:1.5rem}}
