:root{--color-brand-primary: #527FAA;--color-brand-primary-hover: #304B64;--color-brand-secondary: #EBF3FA;--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-focus: #527FAA;--color-text-primary: #373433;--color-text-secondary: #5E5A58;--color-text-dim: #9ca3af;--color-text-on-brand: #ffffff;--color-text-link: #527FAA;--color-status-grey-bg: #f3f4f6;--color-status-grey-text: #374151;--color-status-yellow-bg: #fef3c7;--color-status-yellow-text: #92400e;--color-status-green-bg: #d1fae5;--color-status-green-text: #065f46;--color-status-orange-bg: #ffedd5;--color-status-orange-text: #9a3412;--color-status-red-bg: #fee2e2;--color-status-red-text: #991b1b;--color-status-blue-bg: #dbeafe;--color-status-blue-text: #1e40af;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Menlo", "Monaco", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--sidebar-width: 240px;--sidebar-width-collapsed: 56px;--hamburger-size: 44px;--overlay-bg: rgba(0, 0, 0, .45);--z-sidebar: 200;--z-overlay: 199;--z-hamburger: 201;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg)}ul,ol{list-style:none}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}code{font-family:var(--font-family-mono);font-size:.9em;background:var(--color-status-grey-bg);padding:.1em .3em;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;padding:var(--spacing-8);overflow-y:auto}.sidebar{width:var(--sidebar-width);min-height:100vh;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar__logo{padding:var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-border)}.sidebar__logo-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);letter-spacing:-.01em}.sidebar__nav{padding:var(--spacing-4) var(--spacing-2);flex:1}.sidebar__nav-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar__nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar__nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);text-decoration:none}.sidebar__nav-link--active{background-color:var(--color-brand-secondary);color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.sidebar__nav-link--active:hover{background-color:var(--color-brand-secondary);color:var(--color-brand-primary)}.sidebar__nav-link--parent-open{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold);background-color:transparent}.sidebar__nav-link--parent-open:hover{background-color:var(--color-surface-hover);color:var(--color-brand-primary)}.sidebar__nav-icon{font-size:var(--font-size-base);flex-shrink:0}.sidebar__sub-nav{padding-left:20px;border-left:1.5px solid var(--color-neutral-200, var(--color-border));margin:2px 0 6px 20px}.sidebar__sub-nav-list{list-style:none;margin:0;padding:0}.sidebar__sub-nav-link{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:12.5px;border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);background-color:transparent;transition:background-color .12s,color .12s}.sidebar__sub-nav-link--active{font-weight:var(--font-weight-semibold);color:var(--color-brand-primary);background-color:var(--color-brand-secondary)}.sidebar__sub-nav-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;background-color:var(--color-border);transition:background-color .12s}.sidebar__sub-nav-dot--active{background-color:var(--color-brand-primary)}.sidebar__footer{margin-top:auto;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border)}.sidebar__footer-user{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__footer-logout{background:none;border:none;padding:0;font-size:var(--font-size-xs);color:var(--color-text-dim);cursor:pointer;text-decoration:underline}.page{max-width:1200px}.page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-brand-primary);color:var(--color-text-on-brand);border-color:var(--color-brand-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn--full-width{width:100%}.btn--danger{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn--danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn--danger-outline{background-color:transparent;color:#dc2626;border-color:#dc2626}.btn--danger-outline:hover:not(:disabled){background-color:#fef2f2}.btn--xs{padding:2px var(--spacing-2);font-size:var(--font-size-xs)}.badge{display:inline-flex;align-items:center;padding:.125rem var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}.badge--grey{background-color:var(--color-status-grey-bg);color:var(--color-status-grey-text)}.badge--yellow{background-color:var(--color-status-yellow-bg);color:var(--color-status-yellow-text)}.badge--green{background-color:var(--color-status-green-bg);color:var(--color-status-green-text)}.badge--orange{background-color:var(--color-status-orange-bg);color:var(--color-status-orange-text)}.badge--red{background-color:var(--color-status-red-bg);color:var(--color-status-red-text)}.badge--blue{background-color:var(--color-status-blue-bg);color:var(--color-status-blue-text)}.badge--interactive{cursor:pointer;border:none;font-family:inherit;transition:opacity var(--transition-fast)}.badge--interactive:hover:not(:disabled){opacity:.8}.status-dropdown{position:absolute;top:calc(100% + var(--spacing-1));left:0;z-index:10;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;padding:var(--spacing-1)}.status-dropdown__item{display:flex;align-items:center;width:100%;padding:var(--spacing-1) var(--spacing-2);background:none;border:none;border-radius:var(--radius-sm);text-align:left;transition:background-color var(--transition-fast)}.status-dropdown__item:hover,.status-dropdown__item--current{background-color:var(--color-surface-hover)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color var(--transition-fast);width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a56db1a}.form-input--error{border-color:var(--color-status-red-text)}.form-field-error{font-size:var(--font-size-xs);color:var(--color-status-red-text)}.form-hint{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-top:var(--space-1)}.form-field--checkbox{flex-direction:row;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap}.form-field--checkbox .form-hint{width:100%;margin-top:0}.form-label--checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:400}.form-error-banner{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-status-red-bg);color:var(--color-status-red-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-4)}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1;transition:background-color var(--transition-fast)}.modal__close:hover{background-color:var(--color-surface-hover)}.modal__body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.modal__footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table thead{background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.table th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table__row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table__row:last-child{border-bottom:none}.table__row--clickable{cursor:pointer}.table__row--clickable:hover{background-color:var(--color-surface-hover)}.table__row--overdue{background-color:#fff9f9}.table__cell{padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);vertical-align:middle}.table__cell--name{font-weight:var(--font-weight-medium)}.table__cell--dim{color:var(--color-text-dim);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.table__cell--overdue{color:var(--color-status-red-text);font-weight:var(--font-weight-medium)}.table__cell--actions{text-align:right;width:40px}.table__arrow{color:var(--color-text-dim)}.state-loading{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.state-loading__spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.state-error{padding:var(--spacing-4) var(--spacing-5);background-color:var(--color-status-red-bg);color:var(--color-status-red-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:var(--spacing-2)}.state-empty{padding:var(--spacing-12) var(--spacing-8);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.breadcrumb{margin-bottom:var(--spacing-4)}.breadcrumb ol{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb ol li:not(:last-child):after{content:"/";margin-left:var(--spacing-2);color:var(--color-text-dim)}.breadcrumb__link{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-text-link);padding:0;text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.detail-header__main{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.detail-header__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.detail-header__meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.tab-bar{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-6);gap:0}.tab-bar__tab{padding:var(--spacing-3) var(--spacing-4);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tab-bar__tab:hover{color:var(--color-text-primary)}.tab-bar__tab--active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.tab-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5) var(--spacing-6)}.card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.definition-list{display:grid;gap:var(--spacing-3)}.definition-list__item{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-2);font-size:var(--font-size-sm)}.definition-list__item dt{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.definition-list__item dd{color:var(--color-text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.kpi-tile{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-1)}.kpi-tile__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.kpi-tile__value--small{font-size:var(--font-size-base)}.kpi-tile__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.contact-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-5)}.contact-card--primary{border-color:var(--color-brand-primary);border-left-width:3px}.contact-card__header{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-2)}.contact-card__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.contact-card__details{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.contact-card__link{font-size:var(--font-size-sm);color:var(--color-text-link)}.activity-timeline{display:flex;flex-direction:column;gap:0;padding-left:var(--spacing-4);border-left:2px solid var(--color-border)}.activity-item{position:relative;padding-bottom:var(--spacing-5);padding-left:var(--spacing-5)}.activity-item:last-child{padding-bottom:0}.activity-item__indicator{position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background-color:var(--color-brand-primary);border:2px solid var(--color-surface)}.activity-item__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-1);flex-wrap:wrap}.activity-item__type{font-size:var(--font-size-xs)}.activity-item__time{font-size:var(--font-size-xs);color:var(--color-text-dim)}.activity-item__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--spacing-4)}.setup-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);width:100%;max-width:420px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-5)}.setup-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-brand-primary)}.setup-card__description{font-size:var(--font-size-sm);color:var(--color-text-primary)}.setup-card__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-3);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.hamburger-btn{display:none;position:fixed;top:var(--spacing-3);left:var(--spacing-3);z-index:var(--z-hamburger);width:var(--hamburger-size);height:var(--hamburger-size);align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;font-size:1.25rem;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.hamburger-btn:hover{background-color:var(--color-surface-hover)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg);z-index:var(--z-overlay)}.sidebar-overlay--visible{display:block}@media(min-width:1024px){.hamburger-btn,.sidebar-overlay{display:none!important}.sidebar{position:static;transform:none;width:var(--sidebar-width)}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:var(--sidebar-width-collapsed);flex-shrink:0;overflow:hidden}.sidebar--collapsed .sidebar__logo-text,.sidebar--collapsed .sidebar__nav-label{display:none}.sidebar--collapsed .sidebar__nav-link{justify-content:center;padding:var(--spacing-2)}.sidebar--collapsed .sidebar__nav-icon{font-size:var(--font-size-lg)}.sidebar--collapsed .sidebar__sub-nav{display:none}.sidebar__sub-nav{display:block}}@media(max-width:767px){.hamburger-btn{display:flex}.app-layout{display:flex;flex-direction:row}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:var(--z-sidebar);transform:translate(-100%);transition:transform .2s ease;border-right:1px solid var(--color-border)}.sidebar--open{transform:translate(0)}.app-main{padding:var(--spacing-4);padding-top:calc(var(--hamburger-size) + var(--spacing-3) * 2);width:100%}.detail-header{flex-direction:column}.form-row,.definition-list__item{grid-template-columns:1fr}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.page__header{flex-wrap:wrap}.tab-bar{overflow-x:auto;padding-bottom:2px}.tab-bar__tab{flex-shrink:0}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.wizard-steps{display:flex;gap:0;margin-bottom:var(--spacing-8);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.wizard-steps__step{flex:1;padding:.625rem var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg);text-align:center;border-right:1px solid var(--color-border)}.wizard-steps__step:last-child{border-right:none}.wizard-steps__step--active{background:var(--color-brand-primary);color:var(--color-text-on-brand)}.wizard-steps__step--done{background:var(--color-status-green-bg);color:var(--color-status-green-text)}.wizard-content{margin-bottom:var(--spacing-8)}.wizard-nav{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.wizard-nav--global{margin-top:var(--spacing-4);border-top:none;padding-top:0}.wizard-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.wizard-step__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.wizard-step__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.wizard-hint{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-brand-secondary);border:1px solid var(--color-border);margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary)}.wizard-hint p{flex:1;margin:0}.wizard-hint--warning{background:var(--color-status-yellow-bg);border-color:var(--color-status-yellow-text);color:var(--color-status-yellow-text)}.wizard-inline-form{margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.wizard-inline-form__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.wizard-inline-form__actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4)}.form-label--optional{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-dim);margin-left:var(--spacing-1)}.portal-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.portal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.portal-header__brand{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary)}.portal-header__actions{display:flex;align-items:center;gap:var(--spacing-4)}.portal-header__user{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portal-content{max-width:640px;margin:3rem auto;padding:0 var(--spacing-6);width:100%}.portal-login-wrapper{display:flex;flex-direction:column;align-items:stretch}.portal-login{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-5)}.portal-login__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.portal-login__contact-hint{font-size:var(--font-size-xs);color:var(--color-text-dim);text-align:center}.portal-login__field+.portal-login__field{margin-top:var(--spacing-4)}.portal-login__server-error{margin-top:var(--spacing-4)}.portal-login__submit{margin-top:var(--spacing-6)}.alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.alert--warning{background:#fff8e1;border:1px solid #f59e0b;color:#92400e}.alert--error{background:#fef2f2;border:1px solid var(--color-error);color:#991b1b}.alert--info{background:#eff6ff;border:1px solid #3b82f6;color:#1e40af}.upload-page{min-height:100vh;background:var(--color-bg);padding:var(--space-6) var(--space-4)}.upload-page--error{display:flex;align-items:center;justify-content:center}.upload-shell{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.upload-shell__header{display:flex;flex-direction:column;gap:var(--space-2)}.upload-shell__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.upload-shell__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.upload-progress{display:flex;flex-direction:column;gap:var(--space-2)}.upload-progress__bar{height:8px;background:var(--color-border);border-radius:999px;overflow:hidden}.upload-progress__fill{height:100%;background:var(--color-brand-primary);border-radius:999px;transition:width .4s ease}.upload-progress__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.upload-positionen{display:flex;flex-direction:column;gap:var(--space-4)}.upload-positionen__title,.upload-general__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.upload-position{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.upload-position--done{border-color:var(--color-status-green-bg);background:#f0fdf4}.upload-position__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.upload-position__info{flex:1}.upload-position__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.upload-position__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.upload-position__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.upload-position__count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.upload-dropzone:hover,.upload-dropzone:focus-visible{border-color:var(--color-brand-primary);background:var(--color-brand-secondary);outline:2px solid var(--color-border-focus);outline-offset:2px}.upload-dropzone--active{border-color:var(--color-brand-primary);background:var(--color-brand-secondary)}.upload-dropzone--disabled{opacity:.5;cursor:not-allowed}.upload-dropzone__icon{font-size:2rem;color:var(--color-text-dim)}.upload-dropzone__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.upload-dropzone__hint{font-size:var(--font-size-xs);color:var(--color-text-dim);margin:0}.upload-general{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.upload-general__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.upload-success{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.upload-success__icon{font-size:3rem;color:var(--color-status-green-text);background:var(--color-status-green-bg);width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-success__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.upload-success__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.upload-success-banner{background:var(--color-status-green-bg);color:var(--color-status-green-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.paket-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.paket-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.paket-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.paket-card__period{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.paket-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-wrap:wrap}.paket-card__positionen{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.paket-position-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.paket-position-status__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.paket-position-status__dot--offen{background:var(--color-text-dim)}.paket-position-status__dot--hochgeladen{background:var(--color-status-yellow-text)}.paket-position-status__dot--akzeptiert{background:var(--color-status-green-text)}.paket-position-status__title{color:var(--color-text-primary)}.paket-position-row{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.modal--wide{width:min(720px,95vw)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn--icon{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1}.btn--icon:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn--icon--danger{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-error, #dc2626);font-size:var(--font-size-base);line-height:1}.btn--icon--danger:hover{background:#fef2f2;border-color:var(--color-error, #dc2626);color:#b91c1c}.feedback-page{min-height:100vh;background:var(--color-bg);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-4)}.feedback-shell{width:100%;max-width:720px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-8)}.feedback-header{margin-bottom:var(--space-8)}.feedback-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.feedback-header__sub{color:var(--color-text-secondary);margin:0;line-height:1.6}.feedback-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.feedback-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.feedback-type-card:hover,.feedback-type-card--active{border-color:var(--color-brand-primary);background:var(--color-brand-secondary)}.feedback-type-card__icon{font-size:1.5rem;line-height:1}.feedback-type-card__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.feedback-severity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.feedback-severity-card{padding:var(--space-3) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.feedback-severity-card:hover,.feedback-severity-card--active{border-color:var(--color-brand-primary);background:var(--color-brand-secondary)}.feedback-severity-card--fatal.feedback-severity-card--active{border-color:var(--color-status-red-text);background:var(--color-status-red-bg)}.feedback-severity-card__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.feedback-severity-card__desc{font-size:.7rem;color:var(--color-text-secondary);line-height:1.2}.feedback-rating{display:flex;align-items:center;gap:var(--space-1)}.feedback-rating__star{font-size:2rem;background:none;border:none;cursor:pointer;color:var(--color-border);line-height:1;padding:0;font-family:inherit;transition:color .1s}.feedback-rating__star--active,.feedback-rating__star:hover{color:#f59e0b}.feedback-rating__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--space-2)}.feedback-form{display:flex;flex-direction:column;gap:var(--space-6)}.feedback-form__fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.feedback-form__legend{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:0 var(--space-2)}.feedback-form__fieldset--reporter{background:var(--color-bg)}.feedback-form__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.feedback-form__error{background:var(--color-status-red-bg);color:var(--color-status-red-text);border:1px solid var(--color-status-red-text);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.feedback-form__actions{display:flex;justify-content:flex-end}.feedback-success{text-align:center;padding:var(--space-8) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.feedback-success__icon{width:4rem;height:4rem;border-radius:50%;background:var(--color-status-green-bg);color:var(--color-status-green-text);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.feedback-success__title{font-size:var(--font-size-2xl);font-weight:700;margin:0}.feedback-success__sub{color:var(--color-text-secondary);margin:0}.feedback-success__id{font-size:var(--font-size-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);letter-spacing:.05em}.feedback-success__note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.feedback-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.feedback-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);min-width:100px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.feedback-stat--yellow{border-top:3px solid var(--color-status-yellow-text)}.feedback-stat--blue{border-top:3px solid var(--color-status-blue-text, #1d4ed8)}.feedback-stat--green{border-top:3px solid var(--color-status-green-text)}.feedback-stat--red{border-top:3px solid var(--color-status-red-text)}.feedback-stat__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);line-height:1}.feedback-stat__label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.feedback-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.feedback-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.feedback-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.feedback-table__head{background:var(--color-bg);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.feedback-table__head--title{width:40%}.feedback-table__row:hover{background:var(--color-brand-secondary)}.feedback-table__row:not(:last-child){border-bottom:1px solid var(--color-border)}.feedback-table__cell{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);vertical-align:middle}.feedback-table__cell--id{white-space:nowrap}.feedback-table__cell--date{white-space:nowrap;color:var(--color-text-secondary)}.feedback-table__cell--reporter{color:var(--color-text-secondary)}.feedback-table__title{display:block;font-weight:500;color:var(--color-text-primary)}.feedback-table__severity{display:block;font-size:.7rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.feedback-table__empty{color:var(--color-text-dim)}.feedback-id{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feedback-loading,.feedback-error,.feedback-empty{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.feedback-detail__id{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feedback-detail__title{font-size:var(--font-size-lg);font-weight:700;margin:var(--space-4) 0;color:var(--color-text-primary)}.feedback-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.feedback-detail__labels{display:flex;gap:var(--space-1);flex-wrap:wrap}.feedback-detail__section{margin-bottom:var(--space-5)}.feedback-detail__section--internal{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.feedback-detail__section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.03em}.feedback-detail__text{color:var(--color-text-primary);margin:0;line-height:1.6;white-space:pre-wrap}.feedback-detail__pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;margin:0}.feedback-detail__filepath{font-size:var(--font-size-xs);color:var(--color-text-dim);margin:var(--space-3) 0 0 0}.feedback-detail__filepath code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 4px;font-family:monospace}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-12) var(--spacing-8);text-align:center}.empty-state__icon{font-size:2rem;color:var(--color-text-dim);line-height:1}.empty-state__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:40ch}.empty-state__action{margin-top:var(--spacing-2)}.inline-error{display:block;font-size:var(--font-size-xs);color:var(--color-status-red-text);margin-top:var(--spacing-1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-skeleton{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4) 0}.page-skeleton__row{height:1.25rem;width:100%;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface-hover) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.page-skeleton__row--short{width:60%}.portal-nav{display:flex;align-items:center;gap:var(--spacing-1)}.portal-nav__link{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.portal-nav__link:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);text-decoration:none}.portal-nav__link--active{background-color:var(--color-brand-secondary);color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.portal-nav__link--active:hover{background-color:var(--color-brand-secondary);color:var(--color-brand-primary)}.dashboard__status-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard__status-tile-link{text-decoration:none}.dashboard__status-tile-card{cursor:pointer;transition:box-shadow var(--transition-fast)}.dashboard__status-tile-card:hover{box-shadow:var(--shadow-md)}.dashboard__status-tile-body{text-align:center;padding:var(--spacing-5) var(--spacing-4)}.dashboard__status-tile-count{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;margin-bottom:var(--spacing-2)}.dashboard__two-col{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-4);align-items:start}.dashboard__card-full{height:100%}.dashboard__card-header{display:flex;justify-content:space-between;align-items:center}.dashboard__card-link{font-size:var(--font-size-sm);color:var(--color-brand-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.dashboard__card-body--flush{padding:0}.dashboard__card-empty{padding:var(--spacing-6)}.dashboard__tasks-list{list-style:none;margin:0;padding:0}.dashboard__task-item{padding:var(--spacing-3) var(--spacing-4)}.dashboard__task-item:not(:last-child){border-bottom:1px solid var(--color-border)}.dashboard__task-row{display:flex;align-items:flex-start;gap:var(--spacing-2)}.dashboard__task-title{flex:1;font-size:.9375rem;color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:1.4}.dashboard__task-meta{margin-top:var(--spacing-1);font-size:.8125rem;display:flex;align-items:center;gap:var(--spacing-2)}.dashboard__task-due{color:var(--color-text-dim)}.dashboard__task-due--overdue{color:var(--color-status-red-text);font-weight:var(--font-weight-semibold)}.dashboard__task-no-due{color:var(--color-text-dim)}.dashboard__clients-list{list-style:none;margin:0;padding:0}.dashboard__client-link{text-decoration:none}.dashboard__client-row{padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);transition:background-color var(--transition-fast)}.dashboard__client-row:not(:last-child){border-bottom:1px solid var(--color-border)}.dashboard__client-link:hover .dashboard__client-row{background-color:var(--color-surface-hover)}.dashboard__client-name{font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.dashboard__client-badges{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.dashboard__client-arrow{color:var(--color-text-dim);flex-shrink:0}.dashboard__footer-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portal-dashboard__sections{display:flex;flex-direction:column;gap:var(--spacing-6)}.portal-dashboard__onboarding-hint{margin-top:var(--spacing-6)}.portal-dashboard__onboarding-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.portal-dashboard__task-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:.125rem}.portal-dashboard__dim{color:var(--color-text-dim)}.portal-dashboard__empty-hint{font-size:var(--font-size-xs)}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-2);max-width:360px;width:100%}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);animation:toast-in .2s ease}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast--success{background-color:var(--color-status-green-bg);color:var(--color-status-green-text);border:1px solid currentColor}.toast--error{background-color:var(--color-status-red-bg);color:var(--color-status-red-text);border:1px solid currentColor}.toast--info{background-color:var(--color-status-blue-bg);color:var(--color-status-blue-text);border:1px solid currentColor}.toast--warning{background-color:var(--color-status-yellow-bg);color:var(--color-status-yellow-text);border:1px solid currentColor}.toast__icon{font-size:var(--font-size-base);flex-shrink:0;font-style:normal}.toast__message{flex:1}.toast__dismiss{background:none;border:none;padding:0;font-size:var(--font-size-lg);line-height:1;color:currentColor;opacity:.6;cursor:pointer;flex-shrink:0;transition:opacity var(--transition-fast)}.toast__dismiss:hover{opacity:1}