:root{--color-primary:#da291c;--color-primary-hover:#b71f14;--color-primary-light:#f4c3bb;--color-primary-dark:#9d2235;--color-secondary:#4d4d4d;--color-secondary-hover:#333;--color-secondary-active:#5e5e5e;--color-secondary-light:#767676;--color-secondary-dark:#2b2b2b;--color-danger:#c62828;--color-danger-hover:#a01e1e;--color-danger-light:#ef5350;--color-danger-dark:#8e1515;--color-success-bg:#d4edda;--color-success-text:#155724;--color-success-border:#c3e6cb;--color-error-bg:#f8d7da;--color-error-text:#721c24;--color-error-border:#f5c6cb;--color-white:#fff;--color-gray-50:#f8f8f8;--color-gray-100:#f5f5f5;--color-gray-200:#f9f9f9;--color-gray-300:#e0e0e0;--color-gray-400:#ddd;--color-gray-500:#ccc;--color-gray-600:#666;--color-gray-700:#555;--color-gray-800:#333;--color-gray-900:#2c3e50;--spacing-xxxs:2px;--spacing-xxs:5px;--spacing-xs:8px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-xxl:40px;--spacing-12:12px;--spacing-16:16px;--spacing-18:18px;--radius-sm:2px;--radius-md:4px;--font-family-primary:"Frutiger","Helvetica Neue",Helvetica,"Segoe UI",system-ui,Arial,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:1.2em;--font-size-xl:24px;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--shadow-card:0 2px 4px rgba(0,0,0,.1);--transition-fast:.3s;--z-index-navbar:1000;--z-index-navbar-menu:999;--z-index-modal:1050;--layout-max-width:1600px;--form-max-width:600px;--calculation-max-width:800px;--chart-height:400px;--chart-min-height:200px;--chart-max-height:1000px;--table-row-height:1;--table-resize-handle-width:4px;--table-resize-handle-color:var(--color-gray-400);--table-resize-handle-hover-color:var(--color-primary);--table-column-min-width:50px}[data-theme=dark]{--color-white:#1e1e2e;--color-gray-50:#181825;--color-gray-100:#1e1e2e;--color-gray-200:#27273a;--color-gray-300:#313244;--color-gray-400:#45475a;--color-gray-500:#585b70;--color-gray-600:#a6adc8;--color-gray-700:#bac2de;--color-gray-800:#cdd6f4;--color-gray-900:#cdd6f4;--color-primary:#f26157;--color-primary-hover:#e8534a;--color-primary-light:#5a2420;--color-primary-dark:#ff8c82;--color-secondary:#b0b0b0;--color-secondary-hover:#c8c8c8;--color-secondary-active:#9a9a9a;--color-secondary-light:#d4d4d4;--color-secondary-dark:#8a8a8a;--color-danger:#ff6b6b;--color-danger-hover:#fa5252;--color-danger-light:#ffa8a8;--color-danger-dark:#e03131;--color-success-bg:#1c3829;--color-success-text:#69db7c;--color-success-border:#2f9e44;--color-error-bg:#3b1219;--color-error-text:#ff6b6b;--color-error-border:#c92a2a;--shadow-card:0 2px 4px rgba(0,0,0,.5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-white:#1e1e2e;--color-gray-50:#181825;--color-gray-100:#1e1e2e;--color-gray-200:#27273a;--color-gray-300:#313244;--color-gray-400:#45475a;--color-gray-500:#585b70;--color-gray-600:#a6adc8;--color-gray-700:#bac2de;--color-gray-800:#cdd6f4;--color-gray-900:#cdd6f4;--color-primary:#f26157;--color-primary-hover:#e8534a;--color-primary-light:#5a2420;--color-primary-dark:#ff8c82;--color-secondary:#b0b0b0;--color-secondary-hover:#c8c8c8;--color-secondary-active:#9a9a9a;--color-secondary-light:#d4d4d4;--color-secondary-dark:#8a8a8a;--color-danger:#ff6b6b;--color-danger-hover:#fa5252;--color-danger-light:#ffa8a8;--color-danger-dark:#e03131;--color-success-bg:#1c3829;--color-success-text:#69db7c;--color-success-border:#2f9e44;--color-error-bg:#3b1219;--color-error-text:#ff6b6b;--color-error-border:#c92a2a;--shadow-card:0 2px 4px rgba(0,0,0,.5)}}@media print{[data-theme=dark]{--color-white:#fff;--color-gray-50:#f8f8f8;--color-gray-100:#f5f5f5;--color-gray-200:#f9f9f9;--color-gray-300:#e0e0e0;--color-gray-400:#ddd;--color-gray-500:#ccc;--color-gray-600:#666;--color-gray-700:#555;--color-gray-800:#333;--color-gray-900:#2c3e50;--color-primary:#da291c;--color-primary-hover:#b71f14;--color-primary-light:#f4c3bb;--color-primary-dark:#9d2235;--color-secondary:#4d4d4d;--color-secondary-hover:#333;--color-secondary-active:#5e5e5e;--color-secondary-light:#767676;--color-secondary-dark:#2b2b2b;--color-danger:#c62828;--color-danger-hover:#a01e1e;--color-danger-light:#ef5350;--color-danger-dark:#8e1515;--color-success-bg:#d4edda;--color-success-text:#155724;--color-success-border:#c3e6cb;--color-error-bg:#f8d7da;--color-error-text:#721c24;--color-error-border:#f5c6cb;--shadow-card:0 2px 4px rgba(0,0,0,.1)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-gray-100);color:var(--color-gray-800);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}a{color:var(--color-secondary);text-decoration:none}a:hover{color:var(--color-secondary-hover)}h1,h2,h3,h4,h5,h6{color:var(--color-gray-800);font-weight:var(--font-weight-semibold);line-height:1.2}h1{font-size:var(--font-size-xxl)}h1,h2{margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-base)}h4,h5{margin-bottom:var(--spacing-sm)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}p{line-height:1.6;margin-bottom:var(--spacing-md)}.app-page-heading{color:var(--color-primary);gap:var(--spacing-sm)}.app-page-heading,.app-page__header{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.app-page__header{justify-content:space-between}.app-page__header .app-page-heading{margin-bottom:0}.app-text--primary{color:var(--color-primary)}.app-text--secondary{color:var(--color-secondary)}.app-text--danger{color:var(--color-danger)}.app-text--success{color:var(--color-success-text,#2e7d32)}.app-text--muted{color:var(--color-gray-600)}.app-text--bold{font-weight:var(--font-weight-bold)}.app-text--semibold{font-weight:var(--font-weight-semibold)}.app-text--normal{font-weight:var(--font-weight-normal)}.app-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:0 auto;max-width:var(--layout-max-width);padding:var(--spacing-lg)}.app-container--fluid{max-width:100%}.app-container--no-shadow{box-shadow:none}.app-container--no-background{background-color:transparent}.app-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.app-card__title{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);margin-top:0}.app-card__content{color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-lg)}.app-card--no-border{border:none}.app-card--no-shadow{box-shadow:none}.app-card--interactive{cursor:pointer;transition:box-shadow var(--transition-fast)}.app-card--interactive:hover{box-shadow:0 4px 12px #00000026}[data-theme=dark] .app-card--interactive:hover{box-shadow:0 4px 12px #00000080}.app-panel{margin-top:var(--spacing-xxl)}.app-panel__title{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.app-panel__content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.app-panel--chart .app-panel__content{height:400px;max-height:1000px;min-height:200px;overflow:auto;position:relative;resize:vertical}.app-panel--compact{margin-top:var(--spacing-lg)}.app-panel--no-border .app-panel__content{border:none}.app-panel--flush .app-panel__content{padding:0}.app-button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:background-color var(--transition-fast)}.app-button--primary{background-color:var(--color-primary);color:var(--color-white)}.app-button--primary:hover{background-color:var(--color-primary-hover)}.app-button--secondary{background-color:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);transition:background-color var(--transition-fast)}.app-button--secondary:hover{background-color:var(--color-secondary-hover)}.app-button--danger{background-color:var(--color-danger);color:var(--color-white)}.app-button--danger:hover{background-color:var(--color-danger-hover)}.app-button:disabled{background-color:var(--color-gray-300);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:not-allowed;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.app-button--compact{padding:var(--spacing-xs) var(--spacing-md)}.app-button--icon{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast);width:32px}.app-button--icon:hover{background-color:var(--color-gray-300);color:var(--color-gray-800)}.app-button--icon:focus{outline:2px solid var(--color-primary);outline-offset:2px}.app-button--icon-danger{color:var(--color-danger)}.app-button--icon-danger:hover{background-color:var(--color-danger);color:var(--color-white)}.app-navbar{background-color:var(--color-primary);box-shadow:var(--shadow-card);color:var(--color-white);padding:0;position:sticky;top:0;transition:all var(--transition-fast) ease-in-out;z-index:var(--z-index-navbar)}.app-navbar--compact{box-shadow:var(--shadow-lg)}.app-navbar--compact .app-navbar__container{padding:var(--spacing-xs) var(--spacing-lg)}.app-navbar--compact .app-navbar__title{font-size:var(--font-size-lg)}.app-navbar__container{align-items:center;background-color:inherit;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:calc(var(--z-index-navbar) + 2)}.app-navbar__title{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.app-hamburger{background:none;border:none;cursor:pointer;display:block;padding:.5rem}.app-hamburger .bar{background-color:var(--color-white);display:block;height:3px;margin:5px auto;transition:all var(--transition-fast) ease-in-out;width:25px}.app-hamburger.active .bar:nth-child(2){opacity:0}.app-hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.app-hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.app-navbar__menu{align-items:stretch;background-color:var(--color-primary-dark);border-bottom-left-radius:var(--radius-md);display:flex;flex-direction:column;left:auto;list-style:none;margin:0;max-width:230px;min-width:230px;opacity:0;padding:0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all var(--transition-fast) ease-in-out;width:20vw;z-index:var(--z-index-navbar-menu)}.app-navbar__menu--open{box-shadow:-4px 4px 6px #0000001a;opacity:1;padding:var(--spacing-md) 0;pointer-events:auto;transform:translateY(0)}.app-navbar__menu li{margin:var(--spacing-xxxs) 0;width:100%}.app-navbar__link{align-items:center;border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-white);cursor:pointer;display:flex;font-size:1.1rem;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);text-align:left;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);width:100%}.app-navbar__link--active,.app-navbar__link:hover,a.app-navbar__link:hover,button.app-navbar__link:hover{background-color:var(--color-primary-hover);color:var(--color-white);text-decoration:none}.app-navbar__user{align-items:center;display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:0 var(--spacing-md)}.app-navbar__right{align-items:center;display:flex;gap:var(--spacing-md)}.app-navbar__username{align-items:center;color:var(--color-white);display:flex;font-weight:var(--font-weight-bold);gap:var(--spacing-sm)}button.app-navbar__link{background-color:transparent!important;background:none!important;border:none;color:var(--color-white);cursor:pointer;font-family:inherit;font-size:inherit}button.app-navbar__link:hover{background-color:var(--color-primary-hover)!important;color:var(--color-white)!important}.app-navbar__link--static{cursor:default}.app-navbar__link--static:hover{background-color:transparent}[data-theme=dark] .app-navbar,[data-theme=dark] .app-navbar__container{background-color:var(--color-gray-300)}[data-theme=dark] .app-navbar__menu{background-color:var(--color-gray-200)}[data-theme=dark] .app-navbar__link,[data-theme=dark] .app-navbar__title,[data-theme=dark] .app-navbar__username,[data-theme=dark] button.app-navbar__link{color:#fff}[data-theme=dark] .app-navbar__link--active,[data-theme=dark] .app-navbar__link:hover,[data-theme=dark] button.app-navbar__link:hover{background-color:var(--color-gray-400);color:#fff}[data-theme=dark] button.app-navbar__link:hover{background-color:var(--color-gray-400)!important;color:#fff!important}[data-theme=dark] .app-navbar__menu--open{box-shadow:-4px 4px 6px #0006}[data-theme=dark] .app-hamburger .bar{background-color:#fff}[data-theme=dark] .app-hamburger .app-icon{color:#fff}.app-frame{display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.app-shell__main{display:flex;flex-direction:column;grid-column:2;grid-row:2;min-width:0}.app-topbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-300);gap:var(--spacing-md);grid-column:1/-1;grid-row:1;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);position:sticky;top:0;z-index:calc(var(--z-index-navbar) + 1)}.app-topbar,.app-topbar__left{align-items:center;display:flex}.app-topbar__left{gap:var(--spacing-sm)}.app-topbar__center{display:flex;flex:1;justify-content:center}.app-topbar__faq-link{border-radius:4px;color:var(--color-gray-700,#374151);font-size:.875rem;font-weight:500;padding:4px 10px;transition:color .15s,background .15s}.app-topbar__faq-link:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-primary,#c00)}.app-topbar__brand{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm)}.app-topbar__brand img{height:26px;width:auto}.app-topbar__hamburger{background:none;border:none;color:var(--color-gray-800);cursor:pointer;display:none;font-size:1.4rem}.app-topbar__faq-link{border-radius:var(--radius-sm);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:2px 8px;text-decoration:none;white-space:nowrap}.app-topbar__faq-link:hover{color:var(--color-primary)}.app-topbar__faq-link--active{color:var(--color-primary);text-decoration:underline}.app-topbar__right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-end}.app-langswitch{display:flex;gap:var(--spacing-xxs)}.app-langswitch__link{background:none;border:none;color:var(--color-gray-600);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);padding:2px 4px}.app-langswitch__link:hover{color:var(--color-primary)}.app-langswitch__link--active{color:var(--color-primary);text-decoration:underline}.app-topbar__icon-btn{background:none;border:none;cursor:pointer;display:inline-flex}.app-roleswitch,.app-topbar__icon-btn{align-items:center;color:var(--color-gray-700)}.app-roleswitch{display:flex;gap:var(--spacing-xxs)}.app-roleswitch__select{background-color:var(--color-white);border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);color:var(--color-gray-800);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:4px 6px}.app-topbar__user{align-items:center;color:var(--color-gray-800);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-xxs)}.app-topbar__user-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.app-topbar__user-name{font-weight:var(--font-weight-semibold)}.app-topbar__vertretung-micro{align-items:center;color:var(--color-warning-text,#856404);display:flex;font-size:.7rem;font-weight:var(--font-weight-normal);gap:3px;line-height:1;text-decoration:none;white-space:nowrap}.app-topbar__vertretung-micro:hover{text-decoration:underline}.app-topbar__vertretung-micro app-icon{font-size:.65rem}.app-topbar__avatar{border:2px solid var(--color-primary,#c00);border-radius:50%;cursor:pointer;flex-shrink:0;height:28px;object-fit:cover;position:relative;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:28px}.app-topbar__avatar--enlarged{box-shadow:0 4px 20px #00000059;transform:scale(5);z-index:200}.app-topbar__avatar-initials{align-items:center;background:var(--color-primary,#c00);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;justify-content:center;letter-spacing:.02em;position:relative;width:28px}.app-topbar__vertretung-badge{background:var(--color-warning-light,#fff3cd);border:1px solid var(--color-warning-border,#ffc107);border-radius:var(--radius-sm);color:var(--color-warning-text,#856404);font-size:.8rem;font-weight:var(--font-weight-semibold);padding:3px 8px;white-space:nowrap}.app-topbar__logout,.app-topbar__vertretung-badge{align-items:center;display:inline-flex;gap:var(--spacing-xxs)}.app-topbar__logout{background:none;border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);color:var(--color-gray-800);cursor:pointer;font-family:inherit;padding:4px 10px}.app-topbar__logout:hover{background-color:var(--color-gray-100)}.app-sidebar{align-self:start;background-color:var(--color-primary);box-shadow:var(--shadow-card);color:var(--color-white);display:flex;flex-direction:column;grid-column:1;grid-row:2;height:calc(100vh - 56px);overflow-y:auto;position:sticky;top:56px;z-index:var(--z-index-navbar)}.app-sidebar__nav{flex:1 1 auto;list-style:none;margin:0;padding:var(--spacing-sm) 0}.app-sidebar__nav li{width:100%}.app-sidebar__separator{background-color:#ffffff40;height:1px;margin:var(--spacing-xs) var(--spacing-md)}.app-sidebar__link{align-items:center;background:none;border:none;box-sizing:border-box;color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.app-sidebar__link--active,.app-sidebar__link:hover,button.app-sidebar__link:hover{background-color:var(--color-primary-hover);color:var(--color-white);text-decoration:none}.app-sidebar__group-toggle{justify-content:space-between}.app-sidebar__chevron{display:inline-block;font-size:.7rem;transition:transform var(--transition-fast)}.app-sidebar__chevron--open{transform:rotate(90deg)}.app-sidebar__subnav{background-color:var(--color-primary-dark);list-style:none;margin:0;padding:0}.app-sidebar__sublink{font-size:.95rem;padding-left:calc(var(--spacing-md) + var(--spacing-lg))}.app-tabs{background:#f8f9fa;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius,6px);margin-bottom:var(--spacing-md);padding:4px}.app-tabs__list{display:flex;gap:2px;list-style:none;margin:0;overflow-x:auto;padding:0;scrollbar-width:none}.app-tabs__list::-webkit-scrollbar{display:none}.app-tabs__tab{align-items:center;background:transparent;border:none;border-radius:calc(var(--radius, 6px) - 2px);color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.app-tabs__tab:hover{background:#0000000d;color:var(--color-gray-900,#111827)}.app-tabs__tab--active{box-shadow:0 1px 3px #0000001a,0 0 0 1px #0000000f;color:var(--color-primary);font-weight:600}.app-tabs__tab--active,.app-tabs__tab--active:hover{background:var(--color-white,#fff)}.app-tabs__tab--done{color:var(--color-success,#16a34a)}.app-tabs__tab--done.app-tabs__tab--active{color:var(--color-primary)}.app-tabs__tab--incomplete{color:var(--color-error,#dc2626)}.app-tabs__tab--incomplete.app-tabs__tab--active{color:var(--color-primary)}.app-tabs__tab--correction{color:var(--color-warning-text,#856404)}[data-theme=dark] .app-topbar{background-color:var(--color-gray-200);border-bottom-color:var(--color-gray-400)}[data-theme=dark] .app-roleswitch,[data-theme=dark] .app-topbar__brand,[data-theme=dark] .app-topbar__icon-btn,[data-theme=dark] .app-topbar__logout,[data-theme=dark] .app-topbar__user{color:#fff}[data-theme=dark] .app-sidebar{background-color:var(--color-gray-300)}[data-theme=dark] .app-sidebar__subnav{background-color:var(--color-gray-200)}[data-theme=dark] .app-sidebar__link{color:#fff}[data-theme=dark] .app-sidebar__link--active,[data-theme=dark] .app-sidebar__link:hover,[data-theme=dark] button.app-sidebar__link:hover{background-color:var(--color-gray-400);color:#fff}@media(max-width:767px){.app-frame{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.app-shell__main{grid-column:1;grid-row:3}.app-topbar__hamburger{display:inline-flex}.app-sidebar{display:none;grid-column:1;grid-row:2;height:auto;position:static;width:100%}.app-sidebar--open{display:flex}}.app-import-hint{align-items:center;background-color:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-gray-800);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.app-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}.app-modal{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-gray-800);max-width:var(--form-max-width);padding:var(--spacing-lg);width:90%}.app-input,.app-select{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm);transition:border-color var(--transition-fast);width:100%}input[type=date].app-input{width:auto}.app-input:focus,.app-select:focus{border-color:var(--color-primary);outline:none}.app-input:disabled,.app-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.app-form-container{background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-lg)}.app-form-container--narrow{max-width:600px}.app-form-group{margin-bottom:var(--spacing-md)}.app-form-group label{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xxs)}.app-form-hint{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-xxs)}.app-form-error{color:var(--color-danger);display:block;font-size:.6rem;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xxs)}.app-form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.app-form-actions--equal button{flex:1}.app-form-row{display:flex;gap:var(--spacing-md)}.app-form-row .app-form-group{flex:1}.app-form-section{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.app-form-section__title{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);margin-top:0}.app-date-range-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.app-date-range-row .app-form-group{flex:0 0 auto;margin-bottom:0}.app-date-range-row .app-input{box-sizing:border-box;height:38px}.app-date-range-row .app-button-group{display:flex;flex:0 0 auto;gap:var(--spacing-sm)}.app-date-range-row .app-button{box-sizing:border-box;height:38px}[data-theme=dark] .app-input,[data-theme=dark] .app-select{background-color:var(--color-gray-200);border-color:var(--color-gray-400);color:var(--color-gray-800)}[data-theme=dark] .app-input:disabled,[data-theme=dark] .app-select:disabled{background-color:var(--color-gray-300);color:var(--color-gray-500)}@media(max-width:600px){.app-date-range-row{align-items:stretch;flex-direction:column}.app-date-range-row .app-button-group,.app-date-range-row .app-form-group,.app-date-range-row .app-form-group .app-input{width:100%}.app-date-range-row .app-button-group .app-button{flex:1}}.app-checkbox-group{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.app-checkbox-group--scrollable{max-height:300px;overflow-y:auto}.app-checkbox-item{align-items:center;display:flex;gap:var(--spacing-xs)}.app-checkbox-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.app-checkbox-item label{color:var(--color-gray-800);cursor:pointer;font-size:var(--font-size-sm);margin:0;-webkit-user-select:none;user-select:none}.app-checkbox-item input[type=checkbox]:disabled+label{color:var(--color-gray-400);cursor:not-allowed}.app-table{border-collapse:collapse;margin-top:var(--spacing-lg);width:100%}.app-table tr{line-height:var(--table-row-height)}.app-table td,.app-table th{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-xxs);text-align:left}.app-table th{background-color:var(--color-gray-50);color:var(--color-gray-800);font-weight:var(--font-weight-semibold);position:relative}.app-table tr:hover{background-color:var(--color-gray-100)}.app-table--striped tbody tr:nth-child(odd){background-color:var(--color-gray-50)}.app-table-actions{display:flex;gap:var(--spacing-sm)}.app-table__header--sortable{cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.app-table__header--sortable:hover{background-color:var(--color-gray-100)}.app-table__sort-indicator{color:var(--color-primary);font-size:var(--font-size-xs);margin-left:var(--spacing-xxs)}.app-table__resize-handle{background-color:var(--table-resize-handle-color);bottom:0;cursor:col-resize;position:absolute;right:0;top:0;width:var(--table-resize-handle-width);z-index:1}.app-table__resize-handle--active,.app-table__resize-handle:hover{background-color:var(--table-resize-handle-hover-color)}.app-table--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.app-table--resizing *{cursor:col-resize}.app-message{border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;left:50%;max-width:80%;min-width:300px;padding:var(--spacing-md) var(--spacing-xl);position:fixed;text-align:center;top:12px;transform:translate(-50%);z-index:1100}.app-message--inline{box-shadow:none;max-width:100%;position:static;text-align:left;transform:none;z-index:auto}.app-message--success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.app-message--error{background-color:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.app-message--warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.app-message--info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}[data-theme=dark] .app-message--warning{background-color:#3d2c00;border-color:#e67700;color:#ffd43b}[data-theme=dark] .app-message--info{background-color:#0d2d3a;border-color:#1971c2;color:#74c0fc}.app-message--dismissible{cursor:pointer;padding-right:var(--spacing-xl)}.app-message__dismiss{font-size:1.5rem;font-weight:700;opacity:.7;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.app-message__dismiss:hover{opacity:1}.app-status-indicator{align-items:center;display:inline-flex;gap:8px}.app-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.app-status-dot--success{background-color:var(--color-success,#4caf50)}.app-status-dot--warning{background-color:var(--color-warning,#ff9800)}.app-status-dot--error{background-color:var(--color-error,#f44336)}.app-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.85em;gap:6px;padding:4px 10px}.app-status--success{background-color:#4caf5026;color:#2e7d32}.app-status--warning{background-color:#ff980026;color:#e65100}.app-status--error{background-color:#f4433626;color:#c62828}[data-theme=dark] .app-status--success{background-color:#69db7c33;color:#69db7c}[data-theme=dark] .app-status--warning{background-color:#ffd43b33;color:#ffd43b}[data-theme=dark] .app-status--error{background-color:#ff6b6b33;color:#ff6b6b}.app-collapsible{border:1px solid var(--color-gray-300,#e0e0e0);border-radius:4px;margin-top:15px;overflow:hidden}.app-collapsible__header{align-items:center;background:var(--color-gray-100,#f5f5f5);border:none;cursor:pointer;display:flex;font-size:.95em;font-weight:500;justify-content:space-between;padding:10px 15px;text-align:left;transition:background-color .2s ease;width:100%}.app-collapsible__header:hover{background:var(--color-gray-200,#eee)}.app-collapsible__icon{color:var(--color-gray-600,#666);font-size:.8em;transition:transform .2s ease}.app-collapsible--open .app-collapsible__icon{transform:rotate(90deg)}.app-collapsible__content{background:var(--color-white,#fff);border-top:1px solid var(--color-gray-300,#e0e0e0);padding:15px}.app-collapsible__content>:first-child{margin-top:0}.app-collapsible__content>:last-child{margin-bottom:0}.app-collapsible__content>div+div{margin-top:15px}.app-info-row{align-items:center;border-bottom:1px solid var(--color-gray-300);display:flex;padding:var(--spacing-xs) 0}.app-info-row:last-child{border-bottom:none}.app-info-label{font-weight:var(--font-weight-semibold);min-width:200px}.app-info-value{flex:1}.app-panel--month{margin-top:var(--spacing-lg)}.app-panel__subtitle{color:var(--color-gray-600);font-size:.85em;font-weight:var(--font-weight-normal);margin-left:var(--spacing-sm)}.app-comparison-section{border-top:1px solid var(--color-gray-300);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.app-comparison-section h4{font-size:1em;margin:0 0 var(--spacing-md) 0}.app-comparison-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.app-comparison-item{background:var(--color-gray-100);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xxs);padding:var(--spacing-sm)}.app-differenz{color:var(--color-danger);font-size:.9em}.app-toleranz-info{color:var(--color-gray-600);font-size:.85em;margin:0 0 var(--spacing-sm) 0}.app-list{margin:var(--spacing-xxs) 0;padding-left:var(--spacing-lg)}.app-tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs);margin-top:var(--spacing-xxs)}.app-tag{background:var(--color-gray-300);border-radius:3px;display:inline-block;font-size:.85em;padding:2px var(--spacing-xs)}.app-table--compact{font-size:.9em}.app-table--compact td,.app-table--compact th{padding:6px var(--spacing-sm)}.app-table--bars{table-layout:fixed}.app-table__label-col{width:220px}.app-table__bar-col{width:auto}.app-table__bar-cell{padding:var(--spacing-xs) var(--spacing-12)!important}.app-table__number{text-align:right}.app-table__row--producer{background-color:#4caf501a}.app-table__row--producer:hover{background-color:#4caf5026}.app-table__row--consumer{background-color:#2196f30d}.app-table__row--consumer:hover{background-color:#2196f31a}.app-bar-container{background-color:var(--color-gray-100);border-radius:3px;height:20px;overflow:hidden;width:100%}.app-bar{border-radius:3px;height:100%;min-width:2px;transition:width var(--transition-fast) ease-out}.app-einheit-summen-section{border-top:1px solid var(--color-gray-300);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.app-einheit-summen-section h4{font-size:1em;margin:0 0 var(--spacing-md) 0}.app-empty-state{color:var(--color-gray-600);padding:var(--spacing-xxl);text-align:center}.app-quarter-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.app-quarter-selector__label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xxs);width:100%}.app-quarter-button{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-800);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.app-quarter-button:hover{background-color:var(--color-gray-50);border-color:var(--color-primary)}.app-quarter-button--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.app-quarter-button--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media(max-width:600px){.app-quarter-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs)}}.app-drop-zone{align-items:center;background-color:var(--color-gray-50,#f8f9fa);border:2px dashed var(--color-gray-400,#ccc);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:2rem;text-align:center;transition:all .2s ease}.app-drop-zone--active,.app-drop-zone:hover{background-color:var(--color-primary-light,#e7f1ff);border-color:var(--color-primary,#007bff)}.app-drop-zone--active{border-style:solid}.app-drop-zone--has-file{background-color:var(--color-success-bg,#d4edda);border-color:var(--color-success-text,#28a745);border-style:solid}.app-drop-zone__input{display:none}.app-drop-zone__content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.app-drop-zone__icon{color:var(--color-gray-600,#6c757d);margin-bottom:.5rem}.app-drop-zone--active .app-drop-zone__icon,.app-drop-zone:hover .app-drop-zone__icon{color:var(--color-primary,#007bff)}.app-drop-zone__text{color:var(--color-gray-800,#333);font-size:1rem;font-weight:500;margin:0}.app-drop-zone__hint{color:var(--color-gray-600,#6c757d);font-size:.875rem;margin:0}.app-drop-zone__file{align-items:center;display:flex;gap:1rem;max-width:400px;width:100%}.app-drop-zone__file-icon{color:var(--color-success-text,#28a745);flex-shrink:0}.app-drop-zone__file-info{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;min-width:0}.app-drop-zone__file-name{color:var(--color-gray-800,#333);font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-drop-zone__file-size{color:var(--color-gray-600,#6c757d);font-size:.875rem}.app-drop-zone__remove{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-gray-600,#6c757d);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s ease}.app-drop-zone__remove:hover{background-color:var(--color-danger-light,#f8d7da);color:var(--color-danger,#dc3545)}.app-kebab-container{display:inline-block;position:relative}.app-kebab-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:3px;height:32px;justify-content:center;padding:0;transition:background-color var(--transition-fast);width:32px}.app-kebab-button:hover{background-color:var(--color-gray-300)}.app-kebab-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.app-kebab-button__dot{background-color:var(--color-gray-600);border-radius:50%;height:4px;width:4px}.app-kebab-button:hover .app-kebab-button__dot{background-color:var(--color-gray-800)}.app-kebab-menu{background-color:var(--color-primary-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-card),0 4px 12px #00000026;list-style:none;margin:0;min-width:140px;opacity:0;padding:var(--spacing-xs) 0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);visibility:hidden;z-index:var(--z-index-modal)}.app-kebab-menu--open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.app-kebab-menu__item{background:transparent;border:none;color:var(--color-white);cursor:pointer;display:block;font-family:var(--font-family-primary);font-size:var(--font-size-base);margin:0;padding:var(--spacing-xs) var(--spacing-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.app-kebab-menu__item:focus,.app-kebab-menu__item:hover{background-color:var(--color-primary-hover)}.app-kebab-menu__item:focus{outline:none}.app-kebab-menu__item--danger{color:var(--color-danger-light)}.app-kebab-menu__item--danger:hover{background-color:var(--color-danger);color:var(--color-white)}.app-spinner{animation:app-spin .8s linear infinite;border:2px solid var(--color-gray-200,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#3b82f6);display:inline-block;height:20px;width:20px}.app-spinner--small{border-width:2px;height:14px;width:14px}.app-spinner--large{border-width:3px;height:32px;width:32px}@keyframes app-spin{to{transform:rotate(1turn)}}.app-spinner-container{align-items:center;color:var(--color-gray-500,#6b7280);display:inline-flex;font-size:var(--font-size-sm,.875rem);gap:var(--spacing-sm,8px)}.app-icon,app-icon{align-items:center;display:inline-flex;vertical-align:middle}.app-icon{fill:none;flex-shrink:0;height:1em;justify-content:center;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1em}.app-icon--sm{height:.875em;width:.875em}.app-icon--md{height:1em;width:1em}.app-icon--lg{height:1.25em;width:1.25em}.app-button .app-icon,.app-navbar__link .app-icon{margin-right:var(--spacing-xs)}.app-navbar__title .app-icon{margin-right:var(--spacing-sm)}.app-kebab-menu__item .app-icon{margin-right:var(--spacing-xs)}body{padding:var(--spacing-lg)}ul,ol,.faq__answer ul,.faq__answer ol{padding-left:1.5rem}