@charset "UTF-8";:root{--color-primary: #2196f3;--color-primary-100: #bbdefb;--color-primary-200: #90caf9;--color-primary-300: #64b5f6;--color-primary-400: #42a5f5;--color-primary-500: #2196f3;--color-primary-600: #1e88e5;--color-primary-700: #1976d2;--color-primary-800: #1565c0;--color-primary-900: #0d47a1;--color-primary-light: #64b5f6;--color-primary-dark: #1976d2;--color-primary-rgb: 33, 150, 243;--color-primary-light-rgb: 100, 181, 246;--color-accent: #9c27b0;--color-accent-light: #ba68c8;--color-accent-dark: #7b1fa2;--color-success: #4caf50;--color-success-light: #d4edda;--color-success-dark: #2e7d32;--color-success-rgb: 76, 175, 80;--color-warning: #ff9800;--color-warning-light: #fff3cd;--color-warning-dark: #e0a800;--color-warning-rgb: 255, 152, 0;--color-error: #f44336;--color-error-light: #f8d7da;--color-error-dark: #c82333;--color-error-rgb: 244, 67, 54;--color-info: #2196f3;--color-info-light: #d1ecf1;--color-info-dark: #0c5460;--color-info-rgb: 12, 84, 96;--color-surface: #ffffff;--color-surface-muted: #f8f9fa;--color-surface-subtle: #f3f4f6;--color-surface-strong: #e5e7eb;--color-surface-dark: #1f2937;--color-surface-rgb: 255, 255, 255;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-150: #f3f4f6;--color-neutral-200: #eeeeee;--color-neutral-250: #e9ecef;--color-neutral-300: #e0e0e0;--color-neutral-400: #bdbdbd;--color-neutral-500: #9e9e9e;--color-neutral-550: #6b7280;--color-neutral-600: #757575;--color-neutral-650: #666666;--color-neutral-700: #616161;--color-neutral-750: #495057;--color-neutral-800: #424242;--color-neutral-800-rgb: 66, 66, 66;--color-neutral-850: #333333;--color-neutral-900: #212121;--color-neutral-rgb: 97, 97, 97;--color-on-primary: #ffffff;--color-on-surface: #212121;--border-color-default: #e0e0e0;--focus-ring-color: rgba(33, 150, 243, .35);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-5);--spacing-xl: var(--space-6);--spacing-xxl: var(--space-8);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 9999px;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-size-xxl: 2.25rem;--font-size-display-3xl: 3rem;--font-size-display-2xl: 2.5rem;--font-size-display-xl: 2rem;--font-size-display-stats: 1.5rem;--font-size-dialog-title: 1.25rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 1.75;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .1), 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .1), 0 4px 6px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px rgba(15, 23, 42, .15), 0 10px 10px rgba(15, 23, 42, .04);--shadow-xxl: 0 25px 50px rgba(15, 23, 42, .25);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-min-width: 7.5rem;--button-min-width-sm: 5rem;--button-min-width-lg: 8.75rem;--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--control-height-lg: 3.25rem;--sidebar-width: 18rem;--sidebar-collapsed-width: 5rem;--sidebar-bg: #212121;--topbar-height: 4rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .4s ease-in-out}[data-theme=dark]{--color-surface: #212121;--color-surface-muted: #111827;--color-surface-subtle: #1f2937;--color-surface-strong: #374151;--color-on-surface: #ffffff;--color-primary: #64b5f6;--color-primary-dark: #2196f3;--color-neutral-50: #111827;--color-neutral-100: #1f2937;--color-neutral-150: #222c3d;--color-neutral-200: #273244;--color-neutral-250: #303c52;--color-neutral-300: #3f4a5f;--color-neutral-400: #4b5563;--color-neutral-500: #6b7280;--color-neutral-550: #848b98;--color-neutral-600: #9ca3af;--color-neutral-650: #aeb4c0;--color-neutral-700: #cbd5f0;--color-neutral-750: #d1d5db;--color-neutral-800: #e5e7eb;--color-neutral-800-rgb: 229, 231, 235;--color-neutral-850: #f3f4f6;--color-neutral-900: #f9fafb;--color-neutral-rgb: 203, 213, 224;--color-surface-rgb: 17, 24, 39}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseDefault{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}}@keyframes pulseLarge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulseXLarge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Roboto,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-on-surface);background-color:var(--color-surface);text-rendering:optimizeLegibility}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover,a:focus{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit;background-color:transparent}:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}::selection{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-on-surface)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-on-surface)}h1{font-size:var(--font-size-display-3xl)}h2{font-size:var(--font-size-display-2xl)}h3{font-size:var(--font-size-display-xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-4);line-height:var(--line-height-base)}a{color:var(--color-primary);font-weight:var(--font-weight-medium)}a:hover,a:focus-visible{color:var(--color-primary-dark)}strong{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}blockquote{margin:0 0 var(--space-5);padding-left:var(--space-4);border-left:4px solid var(--color-primary);color:color-mix(in srgb,var(--color-on-surface) 80%,var(--color-neutral-600) 20%);font-style:italic}code,pre{font-family:Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:rgba(var(--color-neutral-rgb),.08);color:var(--color-neutral-850)}pre{padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto}.app-shell{min-height:100vh;background:var(--color-surface);color:var(--color-on-surface)}.app-background{background:var(--color-surface-muted)}.container{width:min(90%,1200px);margin-inline:auto}.main-content{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column;gap:var(--space-3)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shadow-card{box-shadow:var(--shadow-md)}.border-rounded{border-radius:var(--radius-md)}.padding-xs{padding:var(--space-1)}.padding-sm{padding:var(--space-2)}.padding-md{padding:var(--space-4)}.padding-lg{padding:var(--space-5)}.padding-xl{padding:var(--space-6)}.margin-0{margin:0}.margin-xs{margin:var(--space-1)}.margin-sm{margin:var(--space-2)}.margin-md{margin:var(--space-4)}.margin-lg{margin:var(--space-5)}.margin-xl{margin:var(--space-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.splitter-spacing-sm{margin-right:var(--space-3)}.splitter-spacing-md{margin-right:var(--space-5)}.splitter-spacing-lg{margin-right:var(--space-6)}.splitter-spacing-xl{margin-right:var(--space-8)}.before-splitter{padding-right:var(--space-5)}.after-splitter{padding-left:var(--space-5)}.container-tight{max-width:960px;margin-inline:auto;padding-inline:var(--space-4)}.container-wide{max-width:1400px;margin-inline:auto;padding-inline:var(--space-4)}.container-full{width:100%;padding-inline:var(--space-4)}@media (max-width: 768px){.splitter-spacing-sm,.splitter-spacing-md,.splitter-spacing-lg,.splitter-spacing-xl{margin-right:var(--space-2)}.before-splitter{padding-right:var(--space-2)}.after-splitter{padding-left:var(--space-2)}}@media (max-width: 640px){.padding-md{padding:var(--space-2)}.padding-lg{padding:var(--space-3)}.padding-xl{padding:var(--space-4)}}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-inline-flex{display:inline-flex}.w-auto{width:auto}.w-fit{width:fit-content}.w-max{width:max-content}.w-min{width:min-content}.h-auto{height:auto}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:calc(var(--space-2) + 2px) calc(var(--space-4) + 2px);min-height:var(--button-height-md);min-width:var(--button-min-width);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.1;letter-spacing:.01em;text-decoration:none;color:var(--color-on-surface);background-color:var(--color-surface-muted);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer;transition:all .15s ease-in-out}.btn:hover:not(:disabled),.button:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible,.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.button:disabled{cursor:not-allowed;opacity:.6}.btn:disabled:hover,.button:disabled:hover{transform:none}.btn:focus-visible,.button:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.btn:disabled,.button:disabled{opacity:.6;pointer-events:none}.btn+.btn,.button+.btn,.btn+.button,.button+.button{margin-left:var(--space-2)}.btn-primary,.button--primary,.btn-add-sm,.btn-add{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled),.button--primary:hover:not(:disabled),.btn-add-sm:hover:not(:disabled),.btn-add:hover:not(:disabled),.btn-primary:focus-visible,.button--primary:focus-visible,.btn-add-sm:focus-visible,.btn-add:focus-visible{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 6px 18px rgba(var(--color-primary-rgb),.25)}.btn-secondary,.button--secondary{background:var(--color-neutral-600);border-color:var(--color-neutral-600);color:var(--color-surface)}.btn-secondary:hover:not(:disabled),.button--secondary:hover:not(:disabled),.btn-secondary:focus-visible,.button--secondary:focus-visible{background:var(--color-neutral-700);border-color:var(--color-neutral-700);box-shadow:0 6px 18px rgba(var(--color-neutral-rgb),.25)}.btn-success,.button--success{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-primary)}.btn-success:hover:not(:disabled),.button--success:hover:not(:disabled),.btn-success:focus-visible,.button--success:focus-visible{background:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:color-mix(in srgb,var(--color-warning) 30%,black 70%)}.btn-warning:hover:not(:disabled),.btn-warning:focus-visible{background:color-mix(in srgb,var(--color-warning) 80%,black 20%);border-color:color-mix(in srgb,var(--color-warning) 80%,black 20%)}.btn-danger,.button--danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-primary)}.btn-danger:hover:not(:disabled),.button--danger:hover:not(:disabled),.btn-danger:focus-visible,.button--danger:focus-visible{background:var(--color-error-dark);border-color:var(--color-error-dark)}.btn-info{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn-info:hover:not(:disabled),.btn-info:focus-visible{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline,.button--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled),.button--outline:hover:not(:disabled),.btn-outline:focus-visible,.button--outline:focus-visible{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.btn-outline-secondary{background:transparent;border-color:var(--color-neutral-300);color:var(--color-neutral-600)}.btn-outline-secondary:hover:not(:disabled),.btn-outline-secondary:focus-visible{background:var(--color-neutral-50);border-color:var(--color-neutral-400);color:var(--color-neutral-700)}.btn-outline-warning{background:transparent;border-color:var(--color-warning);color:var(--color-warning-700)}.btn-outline-warning:hover:not(:disabled),.btn-outline-warning:focus-visible{background:rgba(var(--color-warning-rgb),.1);border-color:var(--color-warning-dark);color:var(--color-warning-800)}.btn-outline-danger{background:transparent;border-color:var(--color-error);color:var(--color-error)}.btn-outline-danger:hover:not(:disabled),.btn-outline-danger:focus-visible{background:rgba(var(--color-error-rgb),.1);border-color:var(--color-error-dark);color:var(--color-error-dark)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-on-surface)}.btn-ghost:hover:not(:disabled),.btn-ghost:focus-visible{background:rgba(var(--color-neutral-rgb),.08)}.btn-link{background:transparent;border-color:transparent;padding-inline:0;min-width:auto;color:var(--color-primary)}.btn-link:hover:not(:disabled),.btn-link:focus-visible{text-decoration:underline;background:transparent}.btn-sm,.btn-add-sm,.btn-small{padding:0 16px;min-height:32px;height:32px;min-width:var(--button-min-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1}.btn-lg,.button--large{padding:var(--space-3) var(--space-5);min-height:var(--button-height-lg);min-width:var(--button-min-width-lg);font-size:var(--font-size-lg)}.btn-block{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:unset;padding:0;border-radius:50%}.btn-round{display:inline-flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;padding:0 0 3px;margin:0;font-size:18px;font-weight:var(--font-weight-bold);line-height:1;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;overflow:visible}.btn-round:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}.btn-round:active{transform:scale(.95)}.btn-nav,.btn-action,.btn-print,.btn-pdf{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:0}.btn-nav{background:transparent;border-color:transparent;color:var(--color-neutral-600)}.btn-nav.is-active,.btn-nav:hover:not(:disabled){color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}.btn-action{background:var(--color-primary-light);border-color:transparent;color:var(--color-primary-900)}.btn-action:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}.btn-print{background:var(--color-neutral-150);border-color:transparent;color:var(--color-neutral-700)}.btn-print:hover:not(:disabled){background:var(--color-neutral-200)}.btn-pdf{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-primary)}.btn-pdf:hover:not(:disabled){background:var(--color-error-dark)}.btn-group{display:inline-flex;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn-group .btn,.btn-group .button{border-radius:0}.btn-group .btn:first-child,.btn-group .button:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child,.btn-group .button:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn:not(:first-child),.btn-group .button:not(:first-child){border-left:1px solid rgba(var(--color-neutral-rgb),.18)}.btn+.btn-link,.button+.btn-link,.btn-link+.btn,.btn-link+.button{margin-left:var(--space-3)}.btn-add:before{content:"+";font-size:1.2em;font-weight:var(--font-weight-bold);line-height:1;margin-right:var(--space-1)}.btn-add-sm:before{content:"+";font-size:1.2em;font-weight:var(--font-weight-bold);line-height:1;margin-right:var(--space-1)}.button--small{padding:0 16px;min-height:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1}.btn-action{transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-neutral-600);font-size:var(--font-size-lg);transition:all var(--transition-fast);cursor:pointer}.btn-action:hover:not(:disabled){transform:scale(1.1)}.btn-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-action:disabled{cursor:not-allowed;opacity:.6}.btn-action:disabled:hover{transform:none}.btn-action:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-neutral-300);color:var(--color-neutral-900)}.btn-action:active{transform:scale(.95)}.btn-action--delete:hover:not(:disabled){background:rgba(var(--color-error-rgb),.1);border-color:var(--color-error);color:var(--color-error)}.btn-action--archive:hover:not(:disabled){background:rgba(var(--color-warning-rgb),.1);border-color:var(--color-warning);color:var(--color-warning)}.btn-action--restore:hover:not(:disabled){background:rgba(var(--color-success-rgb),.1);border-color:var(--color-success);color:var(--color-success)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.action-buttons--centered{justify-content:center}.action-buttons--end{justify-content:flex-end}.card,.panel{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid rgba(var(--color-neutral-rgb),.12);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast);margin-bottom:var(--space-3)}.card--hoverable{transition:transform .2s ease-out,box-shadow .2s ease-out}.card--hoverable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card__header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);line-height:1.3;letter-spacing:-.01em}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-550);margin-top:var(--space-1)}.card__content,.panel-body{display:grid;gap:var(--space-2)}.card__footer,.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);margin-top:auto}.card--compact{padding:var(--space-2);gap:var(--space-1);margin-bottom:var(--space-2)}.card--compact .card__header,.card--compact .panel-header{gap:var(--space-1);padding-bottom:var(--space-1)}.card--compact .card__content,.card--compact .panel-body{gap:var(--space-1)}.card--compact .card__footer,.card--compact .panel-footer{padding-top:var(--space-1)}.card--flush{padding:var(--space-2);border-radius:var(--radius-md);box-shadow:none;margin-bottom:var(--space-2)}.card--bleed{margin-inline:calc(var(--space-3) * -1)}.card--splitter-spacing{margin-right:var(--space-5)}@media (max-width: 767px){.card--splitter-spacing{margin-right:var(--space-3)}}.card-list{display:flex;flex-direction:column;gap:var(--space-2)}.card-list--compact{gap:var(--space-1)}.card-list--comfortable{gap:var(--space-4)}@media (max-width: 639px){.card,.panel{padding:var(--space-2);gap:var(--space-1);margin-bottom:var(--space-2)}.card__header,.panel-header,.card__content,.panel-body{gap:var(--space-1)}.card--splitter-spacing{margin-right:var(--space-2)}}.card-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid--compact{gap:var(--space-2)}.card-grid--comfortable{gap:var(--space-5)}@media (max-width: 767px){.card-grid{grid-template-columns:1fr;gap:var(--space-2)}}.form{display:grid;gap:var(--space-4)}.form-field,.form-group{display:grid;gap:var(--space-2)}.form-field__label,.form-group label,.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.form-field__control{display:flex;align-items:center;gap:var(--space-2)}.form-field__hint{font-size:var(--font-size-xs);color:var(--color-neutral-550)}.form-field__error{font-size:var(--font-size-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.form-control,.form-group .form-input,.form-group .form-select,.form-group .form-textarea,.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color-default);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-family:inherit;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;background-color:var(--color-surface);color:var(--color-on-surface)}.form-control::placeholder,.form-group .form-input::placeholder,.form-group .form-select::placeholder,.form-group .form-textarea::placeholder,.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-neutral-500);opacity:1}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a}.form-control:disabled,.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-neutral-100);border-color:var(--color-neutral-200);color:var(--color-neutral-500);cursor:not-allowed}.form-control:read-only,.form-input:read-only,.form-select:read-only,.form-textarea:read-only{background-color:var(--color-neutral-50);border-color:var(--color-neutral-200);cursor:default}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-control:disabled,.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-neutral-150);color:var(--color-neutral-550)}.form-input[type=number]{appearance:textfield}.form-textarea{min-height:6rem;resize:vertical}.form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-neutral-550) 50%),linear-gradient(135deg,var(--color-neutral-550) 50%,transparent 50%);background-position:calc(100% - 1.2rem) 1.1rem,calc(100% - .8rem) 1.1rem;background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-3)}.form-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.form-control--invalid,.form-input.ng-invalid.ng-touched,.form-select.ng-invalid.ng-touched,.form-textarea.ng-invalid.ng-touched{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(var(--color-error-rgb),.2)}.form-control--success{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(var(--color-success-rgb),.2)}.form-control--warning{border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.2)}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.form-checkbox,.form-radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-700)}.form-checkbox input,.form-radio input{width:1rem;height:1rem}.form-hint,.form-group .form-hint,.form-group .hint,.hint-message{font-size:var(--font-size-xs);color:var(--color-neutral-550)}.form-error,.form-group .error-message{font-size:var(--font-size-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.form-field--inline{display:flex;align-items:center;gap:var(--space-3)}.form-field--inline .form-field__label,.form-field--inline .form-group label,.form-group .form-field--inline label,.form-field--inline .form-label{margin-bottom:0;min-width:10rem}.form-field--compact{gap:var(--space-1)}.form-field--compact .form-control,.form-field--compact .form-input,.form-field--compact .form-select,.form-field--compact .form-textarea{padding:var(--space-1) var(--space-2)}.form-field--required .form-field__label:after,.form-field--required .form-group label:after,.form-group .form-field--required label:after,.form-field--required .form-label:after{content:" *";color:var(--color-error)}.required{color:var(--color-error);font-weight:var(--font-weight-semibold)}.table{width:100%;border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm)}.table thead{background:var(--color-neutral-150);color:var(--color-neutral-750);text-transform:none;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:0}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid rgba(var(--color-neutral-rgb),.12)}.table th{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-transform:none;letter-spacing:0;color:var(--color-neutral-750)}.table td{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-neutral-900);line-height:1.5;vertical-align:middle}.table tbody tr:hover{background:rgba(var(--color-primary-rgb),.05)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.selected{background:rgba(var(--color-primary-rgb),.15)!important;border-left:4px solid var(--color-primary)}.table tbody tr.selected:hover{background:rgba(var(--color-primary-rgb),.2)!important}.table tbody tr.selected td{font-weight:var(--font-weight-regular)}.table tbody tr.selected td:first-child{color:var(--color-primary);font-weight:var(--font-weight-regular)}.table tbody tr.clickable{cursor:pointer;transition:all var(--transition-fast)}.table tbody tr.clickable:hover:not(.selected){background:rgba(var(--color-primary-rgb),.05)}.table tbody tr.archived,.table tbody tr.inactive{opacity:.65}.table tbody tr.archived td,.table tbody tr.inactive td{color:var(--color-neutral-500)}.table tbody tr.archived:hover,.table tbody tr.inactive:hover{opacity:.8}.table--dense th,.table--dense td{padding:var(--space-2) var(--space-3)}.table--striped tbody tr:nth-child(odd){background:rgba(var(--color-neutral-rgb),.04)}.table--bordered{border:1px solid rgba(var(--color-neutral-rgb),.18)}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-container{flex:1;min-height:0;overflow:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{opacity:.8}.table-container .table{overflow:visible;border-radius:0;box-shadow:none}.table-container .table thead{position:sticky;top:0;z-index:10}.table-container .table thead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-neutral-200);box-shadow:0 1px 3px #00000014}.table-container .table th{background:var(--color-neutral-150)}.table-container--card{background:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.table-container--padded{padding:0 var(--spacing-md) var(--spacing-md)}.table--sticky-header thead{position:sticky;top:0;z-index:10}.table--sticky-header thead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-neutral-200);box-shadow:0 1px 3px #00000014}.table--sticky-header th{background:var(--color-neutral-150)}.table--no-sticky-header thead{position:static}.table--no-sticky-header thead:after{display:none}.list-container{display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden}.list-container--padded{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);gap:calc(var(--spacing-lg) / 2)}.list-container--gap{gap:calc(var(--spacing-lg) / 2)}.list-container>*{width:100%}.list-container .filter-panel{margin-bottom:0;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 14px;min-height:32px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:0;line-height:1;white-space:nowrap;vertical-align:middle;border:1px solid transparent;transition:all var(--transition-fast)}.badge--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.badge--primary:hover{opacity:.9;transform:translateY(-1px)}.badge--secondary{background:var(--color-neutral-500);color:#fff;border-color:var(--color-neutral-500)}.badge--secondary:hover{opacity:.9;transform:translateY(-1px)}.badge--success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.badge--success:hover{opacity:.9;transform:translateY(-1px)}.badge--warning{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.badge--warning:hover{opacity:.9;transform:translateY(-1px)}.badge--error,.badge--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.badge--error:hover,.badge--danger:hover{opacity:.9;transform:translateY(-1px)}.badge--info{background:var(--color-info);color:#fff;border-color:var(--color-info)}.badge--info:hover{opacity:.9;transform:translateY(-1px)}.badge--teal{background:#17a2b8;color:#fff;border-color:#17a2b8}.badge--teal:hover{opacity:.9;transform:translateY(-1px)}.badge--neutral{background:var(--color-neutral-200);color:var(--color-neutral-600);border-color:var(--color-neutral-300)}.badge--light.badge--error,.badge--light.badge--danger{background:var(--color-error-100);color:var(--color-error-700);border-color:var(--color-error-200)}.badge--light.badge--warning{background:var(--color-warning-100);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge--light.badge--success{background:var(--color-success-100);color:var(--color-success-700);border-color:var(--color-success-200)}.badge--light.badge--info{background:var(--color-info-100);color:var(--color-info-700);border-color:var(--color-info-200)}.badge--light.badge--neutral{background:var(--color-neutral-100);color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge--outline{background:transparent;border-width:1px;border-style:solid}.badge--outline.badge--primary{color:var(--color-primary);border-color:var(--color-primary)}.badge--outline.badge--primary:hover{background:var(--color-primary);color:#fff}.badge--outline.badge--success{color:var(--color-success);border-color:var(--color-success)}.badge--outline.badge--success:hover{background:var(--color-success);color:#fff}.badge--outline.badge--warning{color:var(--color-warning);border-color:var(--color-warning)}.badge--outline.badge--warning:hover{background:var(--color-warning);color:#fff}.badge--outline.badge--error,.badge--outline.badge--danger{color:var(--color-error);border-color:var(--color-error)}.badge--outline.badge--error:hover,.badge--outline.badge--danger:hover{background:var(--color-error);color:#fff}.badge--small{font-size:.625rem;padding:2px var(--spacing-xs)}.badge--large{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.badge--extra-large{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.badge__icon{width:.875em;height:.875em;flex-shrink:0}.badge__icon--only{margin:0}.badge__close{cursor:pointer;transition:all .15s ease-in-out;background:none;border:none;color:currentColor;font-size:1em;line-height:1;padding:0;margin-left:var(--spacing-xs);opacity:.7;border-radius:2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.badge__close:hover:not(:disabled){transform:none}.badge__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge__close:disabled{cursor:not-allowed;opacity:.6}.badge__close:disabled:hover{transform:none}.badge__close:hover{opacity:1;background:#0000001a}.badge__close:before{content:"\d7";font-size:12px}.badge--icon-only{padding:var(--spacing-xs);border-radius:50%;aspect-ratio:1}.badge--clickable{cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.badge--clickable:hover:not(:disabled){transform:translateY(-1px)}.badge--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge--clickable:disabled{cursor:not-allowed;opacity:.6}.badge--clickable:disabled:hover{transform:none}.badge--clickable:hover{box-shadow:0 2px 4px #0000001a}.badge--notification{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-error);color:#fff;border-radius:8px;font-size:.625rem;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);z-index:1}.badge--notification--large{font-size:.75rem;min-width:20px;height:20px;border-radius:10px;top:-6px;right:-6px}.badge--dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid var(--color-surface);z-index:1}.badge-status{display:inline-flex;align-items:center;padding:8px 14px;min-height:32px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:0;line-height:1;white-space:nowrap;border:1px solid}.badge-status--active{background:var(--color-success-light);color:var(--color-success-dark);border-color:color-mix(in srgb,var(--color-success-light) 85%,var(--color-success) 15%)}.badge-status--active:hover{opacity:.9;transform:translateY(-1px)}.badge-status--inactive{background:var(--color-warning-light);color:color-mix(in srgb,var(--color-warning) 65%,black 35%);border-color:color-mix(in srgb,var(--color-warning-light) 80%,var(--color-warning) 20%)}.badge-status--inactive:hover{opacity:.9;transform:translateY(-1px)}.badge-status--terminated{background:var(--color-error-light);color:color-mix(in srgb,var(--color-error) 60%,black 40%);border-color:color-mix(in srgb,var(--color-error-light) 80%,var(--color-error) 20%)}.badge-status--terminated:hover{opacity:.9;transform:translateY(-1px)}.badge-status--pending{background:color-mix(in srgb,var(--color-info) 10%,var(--color-surface) 90%);color:color-mix(in srgb,var(--color-info) 70%,black 30%);border-color:color-mix(in srgb,var(--color-info) 20%,var(--color-surface) 80%)}.badge-status--pending:hover{opacity:.9;transform:translateY(-1px)}.badge-status--processing{background:color-mix(in srgb,var(--color-info) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-info) 75%,black 25%);border-color:color-mix(in srgb,var(--color-info) 25%,var(--color-surface) 75%)}.badge-status--processing:hover{opacity:.9;transform:translateY(-1px)}.badge-status--processing{animation:pulseDefault 2s ease-in-out infinite}.badge-status--watch{background:color-mix(in srgb,var(--color-warning) 20%,var(--color-surface) 80%);color:color-mix(in srgb,var(--color-warning) 70%,black 30%);border-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-surface) 60%)}.badge-status--repair{background:color-mix(in srgb,#8B4513 15%,var(--color-surface) 85%);color:color-mix(in srgb,#8B4513 85%,black 15%);border-color:color-mix(in srgb,#8B4513 30%,var(--color-surface) 70%)}.badge-status--decommissioned{background:var(--color-neutral-900);color:var(--color-surface);border-color:var(--color-neutral-800)}.badge-status--aktiv{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-success) 75%,black 25%);border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-surface) 70%)}.badge-status--gekuendigt{background:color-mix(in srgb,var(--color-error) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-error) 75%,black 25%);border-color:color-mix(in srgb,var(--color-error) 30%,var(--color-surface) 70%)}.badge-status--inaktiv{background:color-mix(in srgb,var(--color-neutral-600) 15%,var(--color-surface) 85%);color:var(--color-neutral-700);border-color:color-mix(in srgb,var(--color-neutral-600) 30%,var(--color-surface) 70%)}.badge-status--abwesend{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-warning) 75%,black 25%);border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-surface) 70%)}.badge-employment{display:inline-flex;align-items:center;padding:8px 14px;min-height:32px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:none;border:1px solid;white-space:nowrap}.badge-employment--vollzeit{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-primary) 75%,black 25%);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-surface) 70%)}.badge-employment--minijob{background:color-mix(in srgb,#E91E63 15%,var(--color-surface) 85%);color:color-mix(in srgb,#E91E63 75%,black 25%);border-color:color-mix(in srgb,#E91E63 30%,var(--color-surface) 70%)}.badge-employment--teilzeit{background:color-mix(in srgb,var(--color-neutral-600) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-neutral-600) 75%,black 25%);border-color:color-mix(in srgb,var(--color-neutral-600) 30%,var(--color-surface) 70%)}.badge-group{display:inline-flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap}.badge-group--stacked{gap:0}.badge-group--stacked .badge:not(:first-child){margin-left:-4px;border:2px solid var(--color-surface);z-index:0}.badge-group--stacked .badge:not(:first-child):hover{z-index:1}.badge-group--stacked .badge:first-child{z-index:1}.badge-group--vertical{flex-direction:column;align-items:flex-start}.badge-indicator--dirty{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-warning);font-size:var(--font-size-xs);animation:pulseDefault 2s ease-in-out infinite}.badge-indicator--dirty:before{content:"\25cf";animation:pulseDefault 2s ease-in-out infinite}.badge-indicator--new{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:color-mix(in srgb,var(--color-warning) 60%,var(--color-error) 40%);color:#fff;font-size:.625rem;padding:2px var(--spacing-xs);border-radius:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em;z-index:2;animation:fadeIn .3s ease-out 0s both}.badge-indicator--coming-soon{font-size:.625rem;color:var(--color-neutral-600);margin-left:var(--spacing-xs);vertical-align:middle}.badge-indicator--coming-soon:before{content:"(coming soon)"}.badge-warning-box{background:linear-gradient(135deg,var(--color-warning-light),color-mix(in srgb,var(--color-warning-light) 70%,var(--color-warning) 30%));border:1px solid var(--color-warning);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 4px rgba(var(--color-warning-rgb),.1);animation:slideInDown .3s ease-out both}.badge-warning-box__content{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-warning) 60%,black 40%)}.badge-warning-box__icon{font-size:var(--font-size-md);color:var(--color-warning);flex-shrink:0}.badge-warning-box__icon:before{content:"\26a0"}.badge-warning-box__text{flex:1;line-height:1.4}.badge-warning-box__close{cursor:pointer;transition:all .15s ease-in-out;background:none;border:none;color:currentColor;font-size:18px;line-height:1;padding:0;opacity:.7;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.badge-warning-box__close:hover:not(:disabled){transform:none}.badge-warning-box__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge-warning-box__close:disabled{cursor:not-allowed;opacity:.6}.badge-warning-box__close:disabled:hover{transform:none}.badge-warning-box__close:hover{opacity:1}.badge-warning-box__close:before{content:"\d7"}.badge--with-avatar{padding-left:4px;gap:var(--spacing-xs)}.badge--with-avatar__avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;background:var(--color-neutral-200);flex-shrink:0}@media (max-width: 639px){.badge-group{gap:4px}.badge-group .badge{font-size:.625rem;padding:2px var(--spacing-xs)}.badge--notification{font-size:.625rem;min-width:14px;height:14px}.badge--notification--large{min-width:16px;height:16px}.badge-warning-box__content{font-size:var(--font-size-xs)}.badge-warning-box__icon{font-size:var(--font-size-sm)}}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:fadeIn .2s ease-out 0s both}.modal__container{background:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xxl);max-width:var(--modal-max-width, 1000px);width:100%;max-height:95vh;display:flex;flex-direction:column;animation:slideInUp .3s ease-out both}@media (max-width: 639px){.modal__container{max-width:100%;max-height:100vh;border-radius:0;margin:0}}.modal--small .modal__container{--modal-max-width: 400px}.modal--medium .modal__container{--modal-max-width: 600px}.modal--large .modal__container{--modal-max-width: 800px}.modal--extra-large .modal__container{--modal-max-width: 1200px}.modal--full-screen .modal__container{max-width:100vw;max-height:100vh;border-radius:0}@media (min-width: 640px){.modal--full-screen .modal__container{max-width:calc(100vw - var(--spacing-lg) * 2);max-height:calc(100vh - var(--spacing-lg) * 2);border-radius:var(--border-radius-md)}}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}@media (max-width: 639px){.modal__header{padding:var(--spacing-md) var(--spacing-lg)}}.modal__title{margin:0;color:var(--color-neutral-900);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);line-height:1.2}@media (max-width: 639px){.modal__title{font-size:var(--font-size-lg)}}.modal__subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.modal__close{cursor:pointer;transition:all .15s ease-in-out;background:none;border:none;color:var(--color-neutral-600);padding:var(--spacing-xs);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal__close:hover:not(:disabled){transform:translateY(-1px)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__close:disabled{cursor:not-allowed;opacity:.6}.modal__close:disabled:hover{transform:none}.modal__close:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-900);transform:rotate(90deg)}.modal__close__icon{width:20px;height:20px}.modal__close__icon:before{content:"\2715";font-size:16px;line-height:1}.modal__content{flex:1;overflow-y:auto;padding:var(--spacing-xl);scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.modal__content::-webkit-scrollbar{width:8px;height:8px}.modal__content::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.modal__content::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:4px}.modal__content::-webkit-scrollbar-thumb:hover{opacity:.8}@media (max-width: 639px){.modal__content{padding:var(--spacing-lg)}}.modal__content--padded{padding:var(--spacing-xxl)}.modal__content--compact{padding:var(--spacing-md)}.modal__content--no-padding{padding:0}.modal__footer{border-top:1px solid var(--color-neutral-200);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-neutral-50);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);flex-shrink:0}@media (max-width: 639px){.modal__footer{padding:var(--spacing-md) var(--spacing-lg)}}.modal__footer--sticky{position:sticky;bottom:0;z-index:1;box-shadow:0 -2px 8px #0000001a}.modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;flex-wrap:wrap;align-items:center}@media (max-width: 639px){.modal__actions{flex-direction:column-reverse;gap:var(--spacing-xs)}.modal__actions .button{width:100%}}.modal__actions--start{justify-content:flex-start}.modal__actions--center{justify-content:center}.modal__actions--between{justify-content:space-between}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (max-width: 767px){.modal-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.modal-grid--three-columns{grid-template-columns:1fr 1fr 1fr}@media (max-width: 1023px){.modal-grid--three-columns{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.modal-grid--three-columns{grid-template-columns:1fr}}.modal-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-section{margin-bottom:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--color-neutral-200)}.modal-section:last-child{margin-bottom:0}.modal-section--full-width{grid-column:1/-1}.modal-section--highlighted{border-left:4px solid var(--color-primary)}.modal-section--warning{border-left:4px solid var(--color-warning);background:rgba(var(--color-warning-rgb),.05)}.modal-section--error{border-left:4px solid var(--color-error);background:rgba(var(--color-error-rgb),.05)}.modal-section__title{margin:0 0 var(--spacing-md) 0;color:var(--color-neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-neutral-300);padding-bottom:var(--spacing-sm)}@media (max-width: 639px){.modal-section__title{font-size:var(--font-size-md)}}.modal-section__content{line-height:1.6;color:var(--color-neutral-900)}.modal-row{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.modal-row:last-child{margin-bottom:0}.modal-row--align-center,.modal-row--checkbox{align-items:center}.modal-row--checkbox .modal-row__label{padding-top:0}@media (max-width: 639px){.modal-row{flex-direction:column;gap:var(--spacing-xs)}}.modal-row__label{font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);min-width:150px;flex-shrink:0;padding-top:6px}.modal-row__label--required:after{content:" *";color:var(--color-error);font-weight:var(--font-weight-bold)}@media (max-width: 639px){.modal-row__label{min-width:auto;padding-top:0;font-size:var(--font-size-sm)}}.modal-row__value{flex:1;color:var(--color-neutral-900);word-wrap:break-word;font-size:var(--font-size-sm);line-height:1.5}@media (max-width: 639px){.modal-row__value{font-size:var(--font-size-xs)}}.modal--loading .modal__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) * 2) var(--spacing-lg);text-align:center;min-height:300px}.modal__loading-spinner{width:40px;height:40px;border:3px solid var(--color-neutral-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.modal__loading-text{color:var(--color-neutral-600);font-size:var(--font-size-md);margin:0}.modal--error .modal__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) * 2) var(--spacing-lg);text-align:center;min-height:300px}.modal__error-icon{font-size:48px;color:var(--color-error);margin-bottom:var(--spacing-md)}.modal__error-icon:before{content:"\26a0"}.modal__error-title{color:var(--color-error);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal__error-message{color:var(--color-neutral-600);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);line-height:1.5;max-width:400px}.modal-message{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-info-rgb),.1);border-color:rgba(var(--color-info-rgb),.3);color:color-mix(in srgb,var(--color-info) 65%,black 35%);margin-bottom:var(--spacing-md)}.modal-message--success{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-success-rgb),.1);border-color:rgba(var(--color-success-rgb),.3);color:var(--color-success-dark)}.modal-message--warning{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-warning-rgb),.1);border-color:rgba(var(--color-warning-rgb),.3);color:color-mix(in srgb,var(--color-warning) 65%,black 35%)}.modal-message--error{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-error-rgb),.1);border-color:rgba(var(--color-error-rgb),.3);color:color-mix(in srgb,var(--color-error) 65%,black 35%)}.modal-message--info{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-info-rgb),.1);border-color:rgba(var(--color-info-rgb),.3);color:color-mix(in srgb,var(--color-info) 65%,black 35%)}.modal-message__icon{width:20px;height:20px;margin-right:var(--spacing-sm);flex-shrink:0}.modal-message__content{flex:1;line-height:1.4}.modal-message__close{cursor:pointer;transition:all .15s ease-in-out;background:none;border:none;color:currentColor;font-size:18px;line-height:1;padding:0;opacity:.7;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-sm)}.modal-message__close:hover:not(:disabled){transform:none}.modal-message__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-message__close:disabled{cursor:not-allowed;opacity:.6}.modal-message__close:disabled:hover{transform:none}.modal-message__close:hover{opacity:1}.modal-message__close:before{content:"\d7"}.modal--drawer{align-items:flex-end;justify-content:flex-end}.modal--drawer.modal--left{align-items:stretch;justify-content:flex-start}.modal--drawer.modal--left .modal__container{max-width:400px;height:100vh;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;animation:slideInUp .3s ease-out both}.modal--drawer.modal--right{align-items:stretch;justify-content:flex-end}.modal--drawer.modal--right .modal__container{max-width:400px;height:100vh;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);animation:slideInUp .3s ease-out both}.modal--drawer .modal__container{max-height:60vh;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;animation:slideInUp .3s ease-out both}.modal--confirmation .modal__container{max-width:500px}.modal--confirmation .modal__content{text-align:center;padding:calc(var(--spacing-xl) * 1.5)}.modal--confirmation .modal__actions{justify-content:center;gap:var(--spacing-md)}.modal--form .modal__container{max-width:600px}.modal--form .modal__content{padding:var(--spacing-lg) var(--spacing-xl)}.modal--blur-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d}.modal--dark-backdrop{background-color:#000000b3}.modal--light-backdrop{background-color:#0000004d}@media (max-width: 639px){.modal{padding:var(--spacing-sm)}.modal__container{margin:0;border-radius:var(--border-radius-md)}.modal--drawer.modal--left .modal__container,.modal--drawer.modal--right .modal__container{max-width:100vw;border-radius:0}.modal--full-screen .modal__container{border-radius:0;max-width:100vw;max-height:100vh}.modal-grid{gap:var(--spacing-sm)}.modal-section{padding:var(--spacing-md)}.modal-section__title{font-size:var(--font-size-md)}}.modal--slide-down .modal__container{animation:slideInUp .3s ease-out both}.modal--scale-up .modal__container{animation:modalScaleUp .3s ease-out}.modal--fade-in .modal__container{animation:fadeIn .3s ease-out 0s both}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dialog-inner{display:flex;flex-direction:column;background:var(--color-neutral-50);overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-md);flex-shrink:0}.dialog-header .dialog-title{margin:0;font-size:var(--font-size-dialog-title);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);line-height:1.3}@media (max-width: 767px){.dialog-header .dialog-title{font-size:var(--font-size-md);padding-right:var(--spacing-xl)}}@media (max-width: 639px){.dialog-header .dialog-title{font-size:var(--font-size-sm)}}.dialog-header .dialog-close-button{transition:all .15s ease-in-out;background:transparent;border:1px solid transparent;cursor:pointer;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--color-neutral-600);flex-shrink:0}.dialog-header .dialog-close-button:hover:not(:disabled){transform:scale(1.1)}.dialog-header .dialog-close-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog-header .dialog-close-button:disabled{cursor:not-allowed;opacity:.6}.dialog-header .dialog-close-button:disabled:hover{transform:none}.dialog-header .dialog-close-button:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-300);color:var(--color-neutral-900)}.dialog-header .dialog-close-button .close-icon{font-size:28px;line-height:1;font-weight:300}.dialog-actions{display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-neutral-100);border-top:1px solid var(--color-neutral-200);gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-shrink:0}.dialog-table{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:auto;flex:1;margin:0 var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.dialog-table::-webkit-scrollbar{width:8px;height:8px}.dialog-table::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.dialog-table::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:4px}.dialog-table::-webkit-scrollbar-thumb:hover{opacity:.8}.dialog-table--limited-height{max-height:400px}.dialog-table__header{display:grid;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-neutral-100);border-bottom:2px solid var(--color-neutral-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.5px;align-items:center;position:sticky;top:0;z-index:1}.dialog-table__body{display:flex;flex-direction:column}.dialog-table__row{display:grid;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200);transition:background-color var(--transition-fast);align-items:center}.dialog-table__row:hover{background:var(--color-neutral-50)}.dialog-table__row:last-child{border-bottom:none}.dialog-table__header-button{transition:all .15s ease-in-out;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.5px;padding:0;transition:color var(--transition-fast)}.dialog-table__header-button:hover:not(:disabled){transform:scale(1.02)}.dialog-table__header-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog-table__header-button:disabled{cursor:not-allowed;opacity:.6}.dialog-table__header-button:disabled:hover{transform:none}.dialog-table__header-button:hover{color:var(--color-primary)}.dialog-table__header-button .sort-icon{font-size:10px;transition:transform var(--transition-fast)}.dialog-table__header-button .sort-icon.asc{transform:rotate(180deg)}:host{display:block;height:100%;background:var(--sidebar-bg, var(--color-surface));border-right:1px solid var(--color-neutral-200);overflow-y:auto}@media (max-width: 767px){:host{position:fixed;top:0;left:0;width:var(--sidebar-width, 280px);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}:host.open{transform:translate(0)}}@media (min-width: 768px){:host{position:sticky;top:0;width:var(--sidebar-width, 280px);height:100vh}}.sidebar{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark));color:#fff}.sidebar--light{background:var(--color-surface);color:var(--color-on-surface);border-right:1px solid var(--color-neutral-200)}.sidebar--dark{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-bg) 90%,black 10%),color-mix(in srgb,var(--sidebar-bg) 98%,black 2%))}.sidebar--collapsed{width:var(--sidebar-collapsed-width, 80px)}.sidebar--collapsed .sidebar__logo-text,.sidebar--collapsed .sidebar__nav-text,.sidebar--collapsed .sidebar__nav-group-title,.sidebar--collapsed .sidebar__user-name,.sidebar--collapsed .sidebar__user-role{opacity:0;visibility:hidden}.sidebar--collapsed .sidebar__nav-icon{margin-right:0}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.sidebar--collapsed .sidebar__footer .sidebar__user-profile{justify-content:center}.sidebar__header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}@media (max-width: 639px){.sidebar__header{padding:var(--spacing-md)}}.sidebar__logo{width:40px;height:40px;background:#fff;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);flex-shrink:0;transition:all var(--transition-fast)}.sidebar__logo:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.sidebar__logo--image{background:none;overflow:hidden}.sidebar__logo--image img{width:100%;height:100%;object-fit:contain}.sidebar__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-normal),visibility var(--transition-normal);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.sidebar__nav::-webkit-scrollbar{width:6px;height:6px}.sidebar__nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar__nav::-webkit-scrollbar-thumb:hover{opacity:.8}.sidebar__nav-group{margin-bottom:var(--spacing-lg)}.sidebar__nav-group:last-child{margin-bottom:0}.sidebar__nav-group-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:var(--spacing-xs);transition:opacity var(--transition-normal),visibility var(--transition-normal)}.sidebar--light .sidebar__nav-group-title{color:var(--color-neutral-600)}.sidebar__nav-item{cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:#ffffffe6;text-decoration:none;position:relative;gap:var(--spacing-md);border:none;background:none;width:100%;text-align:left}.sidebar__nav-item:hover:not(:disabled){transform:translate(4px)}.sidebar__nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar__nav-item:disabled{cursor:not-allowed;opacity:.6}.sidebar__nav-item:disabled:hover{transform:none}.sidebar__nav-item:hover:not(:disabled){background:#ffffff1a;color:#fff}.sidebar--light .sidebar__nav-item:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-primary)}.sidebar__nav-item--active{background:#ffffff26;color:#fff}.sidebar__nav-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff}.sidebar--light .sidebar__nav-item--active:before{background:var(--color-primary)}.sidebar--light .sidebar__nav-item--active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.sidebar__nav-item--expandable .sidebar__nav-expand-icon{margin-left:auto;transition:transform var(--transition-fast);width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sidebar__nav-item--expandable .sidebar__nav-expand-icon:before{content:"\203a";font-size:16px;font-weight:700}.sidebar__nav-item--expandable.sidebar__nav-item--expanded .sidebar__nav-expand-icon{transform:rotate(90deg)}.sidebar__nav-item--disabled{opacity:.5;cursor:not-allowed}.sidebar__nav-item--disabled:hover{background:none;transform:none}.sidebar__nav-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:margin-right var(--transition-normal)}.sidebar__nav-icon svg,.sidebar__nav-icon i{width:20px;height:20px;fill:currentColor}.sidebar__nav-icon--placeholder:before{content:"\25ef";font-size:16px}.sidebar__nav-text{font-weight:var(--font-weight-medium);transition:opacity var(--transition-normal),visibility var(--transition-normal);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sidebar__nav-badge{margin-left:auto;background:var(--color-error);color:#fff;font-size:.75rem;padding:2px var(--spacing-xs);border-radius:10px;min-width:18px;text-align:center;font-weight:var(--font-weight-semibold);line-height:1.2}.sidebar__nav-badge--primary{background:#fff3;color:#fff}.sidebar__nav-badge--success{background:var(--color-success)}.sidebar__nav-badge--warning{background:var(--color-warning)}.sidebar__nav-submenu{background:#0000001a;max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.sidebar__nav-submenu--expanded{max-height:500px}.sidebar__nav-submenu .sidebar__nav-item{padding-left:calc(var(--spacing-lg) + 24px + var(--spacing-md));font-size:.9rem}.sidebar__nav-submenu .sidebar__nav-item:before{left:calc(var(--spacing-lg) + 12px);width:2px}.sidebar__nav-submenu .sidebar__nav-item:hover{background:#ffffff14}.sidebar--light .sidebar__nav-submenu{background:var(--color-neutral-50)}.sidebar--light .sidebar__nav-submenu .sidebar__nav-item:hover{background:var(--color-neutral-100)}.sidebar__footer{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar--light .sidebar__footer{border-top-color:var(--color-neutral-200)}.sidebar__user-profile{cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:#ffffff1a;text-decoration:none;color:inherit;border:none;width:100%;text-align:left}.sidebar__user-profile:hover:not(:disabled){transform:none}.sidebar__user-profile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar__user-profile:disabled{cursor:not-allowed;opacity:.6}.sidebar__user-profile:disabled:hover{transform:none}.sidebar__user-profile:hover:not(:disabled){background:#ffffff26}.sidebar--light .sidebar__user-profile:hover:not(:disabled){background:var(--color-neutral-100)}.sidebar--light .sidebar__user-profile{background:var(--color-neutral-50);color:var(--color-neutral-900)}.sidebar__user-avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);flex-shrink:0;overflow:hidden}.sidebar__user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar__user-avatar--placeholder:before{content:attr(data-initials);font-size:14px}.sidebar__user-info{flex:1;min-width:0;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.sidebar__user-name{font-weight:var(--font-weight-medium);font-size:.9rem;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.sidebar__user-role{font-size:.75rem;color:#ffffffb3;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar--light .sidebar__user-role{color:var(--color-neutral-600)}.sidebar__footer-actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.sidebar__footer-action{cursor:pointer;transition:all .15s ease-in-out;flex:1;padding:var(--spacing-sm);background:#ffffff1a;border:none;border-radius:var(--border-radius-sm);color:#fff;font-size:.875rem}.sidebar__footer-action:hover:not(:disabled){transform:none}.sidebar__footer-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar__footer-action:disabled{cursor:not-allowed;opacity:.6}.sidebar__footer-action:disabled:hover{transform:none}.sidebar__footer-action:hover:not(:disabled){background:#fff3}.sidebar--light .sidebar__footer-action{background:var(--color-neutral-100);color:var(--color-neutral-700)}.sidebar--light .sidebar__footer-action:hover:not(:disabled){background:var(--color-neutral-200)}.sidebar__footer-action__icon{width:16px;height:16px}.sidebar__toggle{cursor:pointer;transition:all .15s ease-in-out;position:absolute;top:var(--spacing-lg);right:calc(var(--spacing-sm) * -1);width:calc(var(--spacing-lg) + 4px);height:calc(var(--spacing-lg) + 4px);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);display:flex;align-items:center;justify-content:center;z-index:10}.sidebar__toggle:hover:not(:disabled){transform:translateY(-1px)}.sidebar__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar__toggle:disabled{cursor:not-allowed;opacity:.6}.sidebar__toggle:disabled:hover{transform:none}.sidebar__toggle:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:scale(1.1)}.sidebar__toggle__icon{width:16px;height:16px;transition:transform var(--transition-fast)}.sidebar__toggle__icon:before{content:"\2039";font-size:18px;font-weight:700}.sidebar--collapsed .sidebar__toggle__icon{transform:rotate(180deg)}@media (max-width: 767px){.sidebar__toggle{display:none}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.sidebar-overlay--active{opacity:1;visibility:visible}}@media (min-width: 768px){.sidebar-overlay{display:none}}@media (max-width: 639px){.sidebar{width:100%;max-width:280px}.sidebar__header .sidebar__logo-text{font-size:var(--font-size-lg)}.sidebar__nav-item{padding:var(--spacing-sm) var(--spacing-md)}.sidebar__footer{padding:var(--spacing-md)}}.topbar{height:var(--topbar-height, 64px);background:var(--color-surface);border-bottom:1px solid var(--color-neutral-200);display:flex;align-items:center;padding:0 var(--spacing-lg);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);position:relative}@media (max-width: 639px){.topbar{height:56px;padding:0 var(--spacing-md)}}.topbar--sticky{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--color-surface-rgb),.95)}.topbar--transparent{background:transparent;border-bottom:none;box-shadow:none}.topbar--elevated{box-shadow:var(--shadow-md)}.topbar__left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.topbar__center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}@media (max-width: 639px){.topbar__center{justify-content:flex-start;margin-left:var(--spacing-md)}}.topbar__right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.topbar__mobile-toggle{cursor:pointer;transition:all .15s ease-in-out;display:none;width:40px;height:40px;border:none;background:transparent;color:var(--color-neutral-700);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.topbar__mobile-toggle:hover:not(:disabled){transform:none}.topbar__mobile-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__mobile-toggle:disabled{cursor:not-allowed;opacity:.6}.topbar__mobile-toggle:disabled:hover{transform:none}.topbar__mobile-toggle:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-primary)}@media (max-width: 767px){.topbar__mobile-toggle{display:flex}}.topbar__mobile-toggle__icon{width:24px;height:24px;transition:transform var(--transition-fast)}.topbar__mobile-toggle__icon:before{content:"\2630";font-size:20px;line-height:1}.topbar__mobile-toggle__icon--active{transform:rotate(90deg)}.topbar__mobile-toggle__icon--active:before{content:"\2715"}.topbar__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-600);font-size:var(--font-size-sm)}@media (max-width: 639px){.topbar__breadcrumb{display:none}}.topbar__breadcrumb-item{display:flex;align-items:center}.topbar__breadcrumb-item:not(:last-child):after{content:"/";margin-left:var(--spacing-xs);color:var(--color-neutral-400)}.topbar__breadcrumb-item--active{color:var(--color-neutral-900);font-weight:var(--font-weight-medium)}.topbar__breadcrumb-item__link{color:var(--color-neutral-600);text-decoration:none;transition:color var(--transition-fast)}.topbar__breadcrumb-item__link:hover{color:var(--color-primary)}.topbar__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 639px){.topbar__title{font-size:var(--font-size-lg)}}.topbar__title--with-subtitle{line-height:1.2;margin-bottom:var(--spacing-xs)}.topbar__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-neutral-600);margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__search{position:relative;max-width:400px;width:100%}@media (max-width: 480px){.topbar__search{display:none}.topbar__search--expanded{display:block;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);padding:var(--spacing-md);border-bottom:1px solid var(--color-neutral-200);box-shadow:var(--shadow-md);z-index:10;animation:slideInUp .3s ease-out both}}.topbar__search__input{width:100%;height:40px;padding:0 var(--spacing-md) 0 40px;border:1px solid var(--color-neutral-300);border-radius:20px;background:var(--color-neutral-50);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.topbar__search__input:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.topbar__search__input::placeholder{color:var(--color-neutral-500)}@media (max-width: 639px){.topbar__search__input{font-size:16px;border-radius:var(--border-radius-md)}}.topbar__search__icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-neutral-500);width:16px;height:16px;pointer-events:none}.topbar__search__icon:before{content:"\1f50d";font-size:14px}.topbar__search__clear{cursor:pointer;transition:all .15s ease-in-out;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--color-neutral-500);border-radius:50%;opacity:0;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.topbar__search__clear:hover:not(:disabled){transform:none}.topbar__search__clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__search__clear:disabled{cursor:not-allowed;opacity:.6}.topbar__search__clear:disabled:hover{transform:none}.topbar__search__clear--visible{opacity:1}.topbar__search__clear:hover:not(:disabled){background:var(--color-neutral-200);color:var(--color-neutral-700)}.topbar__search__clear:before{content:"\2715";font-size:12px}.topbar__search__toggle{cursor:pointer;transition:all .15s ease-in-out;display:none;width:40px;height:40px;border:none;background:transparent;color:var(--color-neutral-600);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.topbar__search__toggle:hover:not(:disabled){transform:none}.topbar__search__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__search__toggle:disabled{cursor:not-allowed;opacity:.6}.topbar__search__toggle:disabled:hover{transform:none}.topbar__search__toggle:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-primary)}@media (max-width: 480px){.topbar__search__toggle{display:flex}}.topbar__search__toggle__icon:before{content:"\1f50d";font-size:16px}.topbar__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.topbar__action{cursor:pointer;transition:all .15s ease-in-out;position:relative;width:40px;height:40px;border:none;background:transparent;color:var(--color-neutral-600);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.topbar__action:hover:not(:disabled){transform:none}.topbar__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__action:disabled{cursor:not-allowed;opacity:.6}.topbar__action:disabled:hover{transform:none}.topbar__action:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-primary)}.topbar__action--loading--loading{pointer-events:none;position:relative}.topbar__action--loading--loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;z-index:1}.topbar__action--active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}@media (max-width: 639px){.topbar__action--hide-mobile{display:none}}.topbar__action__icon{width:20px;height:20px}.topbar__action__icon--notification:before{content:"\1f514"}.topbar__action__icon--messages:before{content:"\1f4ac"}.topbar__action__icon--settings:before{content:"\2699\fe0f"}.topbar__action__icon--help:before{content:"\2753"}.topbar__action__badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid var(--color-surface)}.topbar__action__badge--counter{min-width:18px;height:18px;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-surface);top:4px;right:4px}.topbar__action__badge--counter--large{font-size:.625rem;min-width:20px;height:20px;border-radius:10px}.topbar__user-profile{position:relative}.topbar__user-profile__trigger{cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;border-radius:var(--border-radius-md);text-align:left}.topbar__user-profile__trigger:hover:not(:disabled){transform:none}.topbar__user-profile__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__user-profile__trigger:disabled{cursor:not-allowed;opacity:.6}.topbar__user-profile__trigger:disabled:hover{transform:none}.topbar__user-profile__trigger:hover:not(:disabled){background:var(--color-neutral-100)}.topbar__user-profile__trigger--active{background:var(--color-neutral-100)}@media (max-width: 639px){.topbar__user-profile__trigger{padding:var(--spacing-xs);gap:0}}.topbar__user-profile__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);overflow:hidden;flex-shrink:0}.topbar__user-profile__avatar img{width:100%;height:100%;object-fit:cover}.topbar__user-profile__avatar--placeholder:before{content:attr(data-initials)}@media (max-width: 639px){.topbar__user-profile__info{display:none}}.topbar__user-profile__name{font-weight:var(--font-weight-medium);color:var(--color-neutral-900);font-size:var(--font-size-sm);line-height:1.2;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__user-profile__role{font-size:.75rem;color:var(--color-neutral-600);line-height:1.2;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__user-profile__dropdown-arrow{width:16px;height:16px;color:var(--color-neutral-500);transition:transform var(--transition-fast);margin-left:auto;flex-shrink:0}.topbar__user-profile__dropdown-arrow:before{content:"\25be";font-size:12px}.topbar__user-profile__dropdown-arrow--open{transform:rotate(180deg)}@media (max-width: 639px){.topbar__user-profile__dropdown-arrow{display:none}}.topbar__theme-toggle{cursor:pointer;transition:all .15s ease-in-out;width:40px;height:40px;border:none;background:transparent;color:var(--color-neutral-600);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.topbar__theme-toggle:hover:not(:disabled){transform:none}.topbar__theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__theme-toggle:disabled{cursor:not-allowed;opacity:.6}.topbar__theme-toggle:disabled:hover{transform:none}.topbar__theme-toggle:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-primary)}.topbar__theme-toggle__icon{width:20px;height:20px;transition:transform var(--transition-fast)}.topbar__theme-toggle__icon:hover{transform:rotate(20deg)}.topbar__theme-toggle__light-icon{display:block}.topbar__theme-toggle__light-icon:before{content:"\2600\fe0f";font-size:16px}.topbar__theme-toggle__dark-icon{display:none}.topbar__theme-toggle__dark-icon:before{content:"\1f319";font-size:16px}@media (max-width: 639px){.topbar__right{gap:4px}.topbar__action{width:36px;height:36px}.topbar__search{max-width:200px}}@media (max-width: 480px){.topbar{padding:0 var(--spacing-sm)}.topbar__left{gap:var(--spacing-sm)}.topbar__center{margin-left:var(--spacing-sm)}}:host{display:block;height:100vh;overflow:hidden;position:relative;background-color:var(--color-neutral-50)}.navigation-shell{display:block;height:100vh;overflow:hidden;position:relative;background-color:var(--color-neutral-50)}.navigation-shell--grid-layout{display:grid;grid-template-columns:var(--sidebar-width, 280px) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}@media (max-width: 767px){.navigation-shell--grid-layout{display:block}}.navigation-shell--flex-layout{display:flex}@media (max-width: 767px){.navigation-shell--flex-layout{flex-direction:column}}@media (min-width: 768px){.navigation-shell--sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width, 80px) 1fr}}.navigation-shell--topbar-hidden .navigation-shell__topbar{display:none}.navigation-shell--topbar-hidden.navigation-shell--grid-layout{grid-template-rows:1fr;grid-template-areas:"sidebar main"}@media (max-width: 767px){.navigation-shell--sidebar-overlay{overflow:hidden}.navigation-shell--sidebar-overlay.navigation-shell--sidebar-open .navigation-shell__sidebar-overlay{opacity:1;visibility:visible}.navigation-shell--sidebar-overlay.navigation-shell--sidebar-open .navigation-shell__sidebar{transform:translate(0)}}@media (min-width: 768px){.navigation-shell__sidebar{grid-area:sidebar;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:var(--z-sticky)}}@media (max-width: 767px){.navigation-shell__sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width, 280px);max-width:100vw;height:100vh;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-xl)}.navigation-shell__sidebar--open{transform:translate(0)}}.navigation-shell__sidebar--collapsed{width:var(--sidebar-collapsed-width, 80px)}@media (min-width: 768px){.navigation-shell__sidebar--floating{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);height:calc(100vh - var(--spacing-lg) * 2);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-fixed)}.navigation-shell__topbar{grid-area:topbar;position:sticky;top:0;z-index:var(--z-sticky)}}@media (max-width: 767px){.navigation-shell__topbar{order:-1;position:sticky;top:0;z-index:var(--z-sticky)}}@media (min-width: 768px){.navigation-shell__topbar--floating{position:fixed;top:var(--spacing-lg);left:calc(var(--sidebar-width, 280px) + var(--spacing-lg) * 2);right:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.navigation-shell--sidebar-collapsed .navigation-shell__topbar--floating{left:calc(var(--sidebar-collapsed-width, 80px) + var(--spacing-lg) * 2)}}.navigation-shell__topbar--transparent{background:transparent;border-bottom:none;box-shadow:none}.navigation-shell__main{transition:margin-left var(--transition-normal)}@media (min-width: 768px){.navigation-shell__main{grid-area:main;overflow-y:auto;height:100%;position:relative}}@media (max-width: 767px){.navigation-shell__main{flex:1;overflow-y:auto;min-height:0}}.navigation-shell__main--padded{padding:var(--spacing-lg)}@media (max-width: 639px){.navigation-shell__main--padded{padding:var(--spacing-md)}}.navigation-shell__main--centered{max-width:1200px;margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media (max-width: 639px){.navigation-shell__main--centered{padding-left:16px;padding-right:16px}}.navigation-shell__main--full-width{padding:0;max-width:none}@media (min-width: 768px){.navigation-shell--floating .navigation-shell__main{margin-top:calc(var(--topbar-height, 64px) + var(--spacing-lg) * 2);margin-left:calc(var(--sidebar-width, 280px) + var(--spacing-lg) * 2);margin-right:var(--spacing-lg);height:calc(100vh - var(--topbar-height, 64px) - var(--spacing-lg) * 3)}.navigation-shell--sidebar-collapsed .navigation-shell--floating .navigation-shell__main{margin-left:calc(var(--sidebar-collapsed-width, 80px) + var(--spacing-lg) * 2)}}@media (max-width: 767px){.navigation-shell__sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navigation-shell__sidebar-overlay--active{opacity:1;visibility:visible}}@media (min-width: 768px){.navigation-shell__sidebar-overlay{display:none}}.navigation-shell--loading .navigation-shell__main{position:relative}.navigation-shell--loading .navigation-shell__main:before{content:"";position:absolute;inset:0;background:rgba(var(--color-surface-rgb),.8);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navigation-shell--loading .navigation-shell__main:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--color-neutral-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;z-index:calc(var(--z-modal) + 1)}.navigation-shell--error .navigation-shell__main{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:var(--spacing-xxl)}.navigation-shell--error .navigation-shell__main:before{content:"\26a0";font-size:4rem;color:var(--color-error);margin-bottom:var(--spacing-lg)}.navigation-shell--error .navigation-shell__main:after{content:"Something went wrong. Please refresh the page.";color:var(--color-neutral-600);font-size:var(--font-size-lg)}.skip-link{position:absolute;top:-40px;left:var(--spacing-xs);background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:var(--border-radius-sm);z-index:9999;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-xs)}.skip-link:hover{background:var(--color-primary-dark)}.navigation-shell__breadcrumb-container{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}@media (max-width: 639px){.navigation-shell__breadcrumb-container{padding:var(--spacing-sm) var(--spacing-md)}}.navigation-shell__footer{margin-top:auto;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-neutral-100);border-top:1px solid var(--color-neutral-200);text-align:center;font-size:var(--font-size-sm);color:var(--color-neutral-600)}@media (max-width: 639px){.navigation-shell__footer{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 767px){.navigation-shell--mobile-nav-open{overflow:hidden}.navigation-shell--mobile-nav-open .navigation-shell__sidebar-overlay{opacity:1;visibility:visible}.navigation-shell--mobile-nav-open .navigation-shell__sidebar{transform:translate(0)}}@media (min-width: 640px) and (max-width: 767px){.navigation-shell__sidebar{width:240px}.navigation-shell__topbar{padding:0 var(--spacing-md)}.navigation-shell__main--padded{padding:var(--spacing-md)}}.navigation-shell__main{scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.navigation-shell__main::-webkit-scrollbar{width:8px;height:8px}.navigation-shell__main::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.navigation-shell__main::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:4px}.navigation-shell__main::-webkit-scrollbar-thumb:hover{opacity:.8}.navigation-shell__sidebar:focus-within,.navigation-shell__main:focus-within{outline:none}@media (max-width: 767px){.navigation-shell--mobile-nav-open .navigation-shell__main,.navigation-shell--mobile-nav-open .navigation-shell__main *{pointer-events:none}.navigation-shell--mobile-nav-open .navigation-shell__sidebar{outline:none}.navigation-shell--mobile-nav-open .navigation-shell__sidebar *{pointer-events:auto}}@media (prefers-reduced-motion: reduce){.navigation-shell__sidebar,.navigation-shell__main,.navigation-shell__sidebar-overlay,.skip-link{transition:none!important;animation:none!important}.navigation-shell--loading .navigation-shell__main:after{animation:none!important}}@container (max-width: 768px){.navigation-shell--responsive .navigation-shell__sidebar{position:fixed;transform:translate(-100%)}.navigation-shell--responsive .navigation-shell__topbar{order:-1}}.navigation-shell__sidebar,.navigation-shell__sidebar-overlay{will-change:transform,opacity}.navigation-shell__main{contain:layout style paint}.navigation-shell--lazy-load .navigation-shell__main{content-visibility:auto;contain-intrinsic-size:0 800px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--login-bg-primary) 0%,var(--login-bg-secondary) 100%);padding:var(--spacing-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login__container{width:100%;max-width:480px;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--login-card-bg);color:#fff;box-shadow:var(--shadow-xxl);animation:slideInUp .3s ease-out both}.login__header{padding:calc(var(--spacing-xl) * 1.25) var(--spacing-xl) var(--spacing-md);text-align:center;background:linear-gradient(135deg,var(--login-card-bg) 0%,var(--login-bg-primary) 100%)}.login__title{font-size:2rem;font-weight:var(--font-weight-bold);color:#fff;margin:0}@media (max-width: 639px){.login__title{font-size:1.75rem}}.login__subtitle{font-size:var(--font-size-md);color:#ffffffb3;margin:var(--spacing-sm) 0 0 0;font-weight:var(--font-weight-regular)}.login__content{padding:0 var(--spacing-xl) var(--spacing-xl)}@media (max-width: 639px){.login__content{padding:0 var(--spacing-lg) var(--spacing-lg)}}.login__mode-toggle{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.login__mode-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-md);color:var(--login-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login__mode-button svg{opacity:.7}.login__mode-button:hover{background:#ffffff1f;border-color:#ffffff40}.login__mode-button--active{background:#4285f426;border-color:#4285f466;color:var(--login-google-blue)}.login__mode-button--active svg{opacity:1}.login__mode-hint{font-size:.688rem;color:var(--login-text-muted);text-transform:uppercase;letter-spacing:.5px}.login__hint{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md);text-align:center}.login__hint-title{font-size:.75rem;color:var(--login-text-muted);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.login__hint-credentials{display:flex;flex-direction:column;gap:var(--spacing-xs)}.login__hint-credentials code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.813rem;color:var(--login-success-green);background:#4caf501a;padding:4px 8px;border-radius:4px}.login__social-section{margin-bottom:calc(var(--spacing-xl) * .8)}.login__social-button{cursor:pointer;transition:all .15s ease-in-out;width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);position:relative;text-decoration:none}.login__social-button:hover:not(:disabled){transform:translateY(-1px)}.login__social-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login__social-button:disabled{cursor:not-allowed;opacity:.6}.login__social-button:disabled:hover{transform:none}@media (max-width: 639px){.login__social-button{height:46px;font-size:.9375rem}}.login__social-button:disabled{cursor:not-allowed;transform:none;opacity:.6}.login__social-button--google{background:var(--login-google-blue);color:#fff}.login__social-button--google:hover:not(:disabled){background:var(--login-google-blue-hover);box-shadow:0 4px 12px #4285f44d}.login__social-button--github,.login__social-button--facebook{color:#fff;opacity:.6;cursor:not-allowed}.login__social-button--github{background:var(--login-github-dark)}.login__social-button--facebook{background:var(--login-facebook-blue)}.login__social-button__icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;margin-left:12px}.login__social-button__text{flex:1;text-align:center}.login__social-button__badge{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:var(--login-coming-soon-orange);color:#fff;font-size:.625rem;padding:2px var(--spacing-xs);border-radius:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.login__social-button__badge--small,.login__form-button__badge{position:static;transform:none;margin-left:var(--spacing-xs);background:transparent;color:var(--login-text-muted);padding:0}.login__demo-notice{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-warning-rgb),.1);border-color:rgba(var(--color-warning-rgb),.3);color:color-mix(in srgb,var(--color-warning) 65%,black 35%);margin-top:var(--spacing-md);background:#ffc1071a;border-color:#ffc1074d;color:var(--login-warning-yellow);font-size:.875rem}.login__demo-notice__icon{font-size:var(--font-size-md);margin-right:var(--spacing-xs);flex-shrink:0}.login__demo-notice__icon:before{content:"\2139"}.login__divider{display:flex;align-items:center;margin:calc(var(--spacing-xl) * .8) 0;gap:var(--spacing-md)}.login__divider__line{flex:1;height:1px;background:color-mix(in srgb,var(--login-card-bg) 80%,white 20%)}.login__divider__text{color:var(--login-text-muted);font-size:.875rem;font-weight:var(--font-weight-medium);padding:0 4px}.login__form-section{opacity:1;pointer-events:auto}.login__form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-left:var(--spacing-md);padding-right:48px;cursor:pointer}.login__form-select option{background:var(--login-card-bg);color:#fff;padding:8px 12px}.login__benutzer-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);border:1px solid rgba(255,255,255,.1)}.login__benutzer-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;text-transform:uppercase}.login__benutzer-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.login__benutzer-name{font-weight:600;color:#fff;font-size:1rem}.login__benutzer-rolle{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;color:#fff}.login__benutzer-email{color:var(--login-text-muted);font-size:.813rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login__device-info{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.login__device-info-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08);color:var(--login-text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.login__device-info-header svg{opacity:.7}.login__device-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff0d}.login__device-info-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:#2a2a2af2}.login__device-info-item--full{grid-column:1/-1}.login__device-info-label{font-size:.688rem;color:var(--login-text-muted);text-transform:uppercase;letter-spacing:.5px}.login__device-info-value{font-size:.813rem;color:var(--login-text-secondary);font-weight:500}.login__device-info-value--badge{display:inline-flex;align-items:center;gap:4px}.login__device-info-value--badge svg{opacity:.7}.login__device-info-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--login-google-blue);background:#4285f41a;padding:4px 8px;border-radius:4px;display:inline-block}.login__hardware-details{margin-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.08)}.login__hardware-summary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--login-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,background .2s ease}.login__hardware-summary:hover{color:var(--login-text-secondary);background:#ffffff08}.login__hardware-summary svg{opacity:.7;transition:transform .2s ease}details[open]>.login__hardware-summary svg{transform:rotate(90deg)}.login__hardware-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff08;padding-bottom:var(--spacing-xs)}.login__hardware-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-xs) var(--spacing-md);background:#2a2a2af2}.login__hardware-item--full{grid-column:1/-1}.login__quality-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.563rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:3px;vertical-align:middle}.login__quality-badge--high{background:#4caf5033;color:var(--login-success-green)}.login__quality-badge--medium{background:#ffc10733;color:var(--login-warning-yellow)}.login__quality-badge--low{background:#4285f433;color:var(--login-google-blue)}.login__hardware-label{font-size:.625rem;color:var(--login-text-muted);text-transform:uppercase;letter-spacing:.5px}.login__hardware-value{font-size:.75rem;color:var(--login-text-secondary);font-weight:500;word-break:break-word}.login__hardware-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.688rem;color:var(--login-success-green);background:#4caf501a;padding:2px 6px;border-radius:3px;display:inline-block}.login__email-input-wrapper{position:relative;display:flex;align-items:center}.login__email-edit-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--border-radius-sm);color:var(--login-text-muted);cursor:pointer;transition:all .2s ease}.login__email-edit-button:hover{background:#ffffff26;color:var(--login-text-secondary)}.login__form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.login__form-group--checkbox{flex-direction:row;align-items:center;margin-bottom:var(--spacing-lg)}.login__form-label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--login-text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.login__form-label svg{opacity:.7}.login__form-hint{margin:var(--spacing-xs) 0 0 0;font-size:.75rem;color:var(--login-text-muted)}.login__form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-sm);font-family:inherit;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;background-color:var(--color-surface);color:var(--color-on-surface);width:100%;height:48px;padding:0 var(--spacing-md);background:var(--login-input-bg);border:1px solid var(--login-input-border);border-radius:var(--border-radius-md);color:var(--login-text-secondary);font-size:var(--font-size-md)}.login__form-input::placeholder{color:var(--color-neutral-500);opacity:1}.login__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a}.login__form-input:disabled{background-color:var(--color-neutral-100);border-color:var(--color-neutral-200);color:var(--color-neutral-500);cursor:not-allowed}.login__form-input:read-only{background-color:var(--color-neutral-50);border-color:var(--color-neutral-200);cursor:default}@media (max-width: 639px){.login__form-input{height:44px;font-size:16px}}.login__form-input::placeholder{color:var(--login-text-muted)}.login__form-input:focus{border-color:var(--login-google-blue);box-shadow:0 0 0 3px #4285f41a}.login__form-input:disabled{background:var(--login-card-bg);border-color:color-mix(in srgb,var(--login-card-bg) 80%,white 20%);cursor:not-allowed}.login__form-input--checked{border-color:var(--login-success-green);background:#4caf500d;padding-right:48px}.login__form-input--checked:focus{border-color:var(--login-success-green);box-shadow:0 0 0 3px #4caf501a}.login__form-button{cursor:pointer;transition:all .15s ease-in-out;width:100%;height:48px;background:var(--login-success-green);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:not-allowed;opacity:.6;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.login__form-button:hover:not(:disabled){transform:none}.login__form-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login__form-button:disabled{cursor:not-allowed;opacity:.6}.login__form-button:disabled:hover{transform:none}@media (max-width: 639px){.login__form-button{height:44px}}.login__form-button--active{cursor:pointer;opacity:1;transition:all .2s ease}.login__form-button--active:not(:disabled):hover{background:color-mix(in srgb,var(--login-success-green) 85%,black 15%);box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.login__form-button--active:not(:disabled):active{transform:translateY(0)}.login__form-button--active:disabled{cursor:not-allowed;opacity:.5}.login__form-links{text-align:center}.login__form-link{color:var(--login-google-blue);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.login__form-link:hover:not(.login__form-link--disabled){text-decoration:underline;color:var(--login-google-blue-hover)}.login__form-link--disabled{color:var(--login-text-muted);cursor:not-allowed;pointer-events:none}.login__error{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid;gap:var(--spacing-sm);background:rgba(var(--color-error-rgb),.1);border-color:rgba(var(--color-error-rgb),.3);color:color-mix(in srgb,var(--color-error) 65%,black 35%);margin-top:var(--spacing-md);background:#f443361a;border-color:#f443364d;color:var(--login-error-red);animation:slideInDown .3s ease-out both}.login__error__icon{color:var(--login-error-red);font-size:var(--font-size-xl);margin-right:var(--spacing-sm);flex-shrink:0}.login__error__icon:before{content:"\26a0"}.login__error__text{flex:1;font-size:.875rem;line-height:1.4}.login__error__close{cursor:pointer;transition:all .15s ease-in-out;color:var(--login-error-red);width:32px;height:32px;border:none;background:none;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-sm);flex-shrink:0}.login__error__close:hover:not(:disabled){transform:none}.login__error__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login__error__close:disabled{cursor:not-allowed;opacity:.6}.login__error__close:disabled:hover{transform:none}.login__error__close:hover:not(:disabled){background:#f443361a}.login__error__close:before{content:"\2715";font-size:16px}.login__loading-overlay{position:absolute;inset:0;background:#2a2a2ae6;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .2s ease-out 0s both}.login__loading-overlay__spinner{width:40px;height:40px;border:3px solid var(--login-input-border);border-top:3px solid var(--login-google-blue);border-radius:50%;animation:spin 1s linear infinite}.login__loading-overlay__text{margin-top:var(--spacing-md);color:var(--login-text-secondary);font-size:.875rem}.login__footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--login-footer-bg);text-align:center;border-top:1px solid var(--login-github-dark)}@media (max-width: 639px){.login__footer{padding:var(--spacing-md)}}.login__footer-text{color:var(--login-text-muted);font-size:.875rem;margin:0;line-height:1.4}.login__footer-link{color:var(--login-google-blue);text-decoration:none;transition:color var(--transition-fast)}.login__footer-link:hover:not(.login__footer-link--disabled){text-decoration:underline;color:var(--login-google-blue-hover)}.login__footer-link--disabled{color:var(--login-text-muted);cursor:not-allowed;pointer-events:none}.login__footer-separator{color:var(--login-text-muted);margin:0 var(--spacing-xs)}.login__checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--login-text-secondary);font-size:.875rem}.login__checkbox-label:hover .login__checkbox-custom{border-color:var(--login-google-blue)}.login__checkbox{position:absolute;opacity:0;width:0;height:0}.login__checkbox:focus+.login__checkbox-custom{border-color:var(--login-google-blue);box-shadow:0 0 0 3px #4285f426}.login__checkbox:checked+.login__checkbox-custom{background:var(--login-google-blue);border-color:var(--login-google-blue)}.login__checkbox:checked+.login__checkbox-custom:after{opacity:1;transform:scale(1) rotate(45deg)}.login__checkbox:disabled+.login__checkbox-custom{opacity:.5;cursor:not-allowed}.login__checkbox:disabled~.login__checkbox-text{opacity:.5;cursor:not-allowed}.login__checkbox-custom{position:relative;width:20px;height:20px;min-width:20px;background:var(--login-input-bg);border:2px solid var(--login-input-border);border-radius:4px;transition:all .2s ease}.login__checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;opacity:0;transform:scale(.5) rotate(45deg);transition:all .15s ease}.login__checkbox-text{line-height:1.4}.login--success .login__container{border:2px solid var(--login-success-green)}.login--success .login__header{background:linear-gradient(135deg,var(--login-success-green) 0%,color-mix(in srgb,var(--login-success-green) 75%,black 25%) 100%)}.login--success .login__content:before{content:"\2713  Login successful!";display:block;background:#4caf5033;color:var(--login-success-green);padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);animation:slideInDown .3s ease-out both}:root{--login-bg-primary: color-mix(in srgb, var(--color-neutral-900) 95%, black 5%);--login-bg-secondary: color-mix(in srgb, var(--color-neutral-900) 60%, var(--color-primary-dark) 40%);--login-card-bg: color-mix(in srgb, var(--color-neutral-900) 85%, black 15%);--login-footer-bg: color-mix(in srgb, var(--color-neutral-900) 80%, black 20%);--login-input-bg: color-mix(in srgb, var(--color-neutral-900) 70%, black 30%);--login-input-border: color-mix(in srgb, var(--color-neutral-700) 75%, black 25%);--login-text-secondary: color-mix(in srgb, var(--color-neutral-200) 70%, var(--color-neutral-400) 30%);--login-text-muted: var(--color-neutral-550);--login-google-blue: color-mix(in srgb, var(--color-primary) 65%, white 35%);--login-google-blue-hover: color-mix(in srgb, var(--color-primary) 75%, black 25%);--login-github-dark: var(--color-neutral-850);--login-facebook-blue: color-mix(in srgb, var(--color-primary) 75%, var(--color-accent-dark) 25%);--login-coming-soon-orange: color-mix(in srgb, var(--color-warning) 70%, var(--color-error) 30%);--login-success-green: color-mix(in srgb, var(--color-success) 90%, white 10%);--login-warning-yellow: color-mix(in srgb, var(--color-warning) 90%, white 10%);--login-error-red: color-mix(in srgb, var(--color-error) 90%, white 10%)}@media (max-width: 480px){.login{padding:var(--spacing-xs)}.login__title{font-size:1.5rem}.login__social-button{height:40px;font-size:.8rem}}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 767px){.toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}}.toolbar__left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.toolbar__title{margin:0;color:var(--color-neutral-800);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl)}@media (max-width: 639px){.toolbar__title{font-size:var(--font-size-lg)}}.toolbar__subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.toolbar__center{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center}.toolbar__right{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end}.toolbar__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 767px){.toolbar__actions{width:100%}.toolbar__actions .btn{flex:1;min-width:auto}}.toolbar--compact{padding:var(--spacing-sm) var(--spacing-md)}.toolbar--compact .toolbar__title{font-size:var(--font-size-lg)}.toolbar--flush{background:transparent;box-shadow:none;padding:var(--spacing-md) 0}.filter-panel{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filter-panel__row{display:grid;gap:var(--spacing-md);align-items:end;margin-bottom:var(--spacing-md)}.filter-panel__row:last-child{margin-bottom:0}.filter-panel__row--cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 767px){.filter-panel__row--cols-2{grid-template-columns:1fr}}.filter-panel__row--cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1023px){.filter-panel__row--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.filter-panel__row--cols-3{grid-template-columns:1fr}}.filter-panel__row--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1279px){.filter-panel__row--cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1023px){.filter-panel__row--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.filter-panel__row--cols-4{grid-template-columns:1fr}}.filter-panel__row--cols-5{grid-template-columns:140px 140px 140px minmax(120px,auto) auto}@media (max-width: 1279px){.filter-panel__row--cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.filter-panel__row--cols-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.filter-panel__row--cols-5{grid-template-columns:1fr}}.filter-panel__row--adaptive{grid-template-columns:auto auto auto minmax(140px,200px) auto}@media (max-width: 1279px){.filter-panel__row--adaptive{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.filter-panel__group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-panel__group--auto-width{width:auto;min-width:max-content}.filter-panel__group--status{min-width:120px;max-width:200px;width:auto}.filter-panel__group--status .filter-panel__control{width:100%}.filter-panel__label{font-weight:var(--font-weight-medium);color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.filter-panel__control{width:100%}.filter-panel__control.form-select{min-width:100px;width:auto}.filter-panel__control.form-select:has(option[selected][data-long-text]){min-width:150px}.filter-panel__control.form-select[data-dynamic-width=true]{width:max-content;min-width:120px;max-width:250px}.filter-panel__control--status-select{min-width:120px;width:fit-content;max-width:200px}.filter-panel__control--status-select[data-selected-length=short]{width:120px}.filter-panel__control--status-select[data-selected-length=medium]{width:150px}.filter-panel__control--status-select[data-selected-length=long]{width:180px}.filter-panel__control--status-select[data-selected-length=extra-long]{width:200px}.filter-panel__actions{display:flex;align-items:end;gap:var(--spacing-sm)}@media (max-width: 767px){.filter-panel__actions{width:100%}.filter-panel__actions .btn{flex:1}}.filter-panel__buttons{display:flex;gap:var(--spacing-sm);align-items:center}@media (max-width: 767px){.filter-panel__buttons{flex-direction:column;width:100%}.filter-panel__buttons .btn{width:100%}}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:var(--spacing-xs);background-color:var(--color-primary);color:#fff;font-size:11px;font-weight:600;border-radius:9px;line-height:1}.filter-panel--flat{background:var(--color-surface);box-shadow:none;border-radius:0;margin-bottom:0;border-bottom:1px solid var(--border-color-default)}.filter-panel--compact{padding:var(--spacing-md)}.filter-panel--compact .filter-panel__row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.filter-panel--inline .filter-panel__row{display:flex;flex-wrap:wrap;align-items:center}.filter-panel--inline .filter-panel__group{flex-direction:row;align-items:center;gap:var(--spacing-sm);flex:0 1 auto}.filter-panel--inline .filter-panel__label{margin-bottom:0;white-space:nowrap}.filter-panel--inline .filter-panel__control{width:auto;min-width:120px}.date-range-filter{display:flex;align-items:center;gap:var(--spacing-sm)}.date-range-filter__separator{color:var(--color-neutral-500);font-weight:var(--font-weight-medium);padding:0 var(--spacing-xs)}@media (max-width: 639px){.date-range-filter{flex-direction:column;align-items:stretch}.date-range-filter__separator{display:none}}.select-auto-width{width:auto!important;min-width:max-content;max-width:100%}.filter-panel__row--uniform{grid-auto-columns:1fr}.filter-section{padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 var(--spacing-lg) calc(var(--spacing-lg) / 2) var(--spacing-lg);flex-shrink:0}.filter-section__row{display:grid;gap:var(--spacing-md);align-items:end}.filter-section__row--cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 767px){.filter-section__row--cols-2{grid-template-columns:1fr}}.filter-section__row--cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1023px){.filter-section__row--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.filter-section__row--cols-3{grid-template-columns:1fr}}.filter-section__row--cols-4{grid-template-columns:2fr 1.5fr 1.5fr auto}@media (max-width: 1023px){.filter-section__row--cols-4{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.filter-section__row--cols-4{grid-template-columns:1fr}}.filter-section__group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-section__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);margin:0 0 var(--spacing-xs) 0}.filter-section__control{width:100%}.filter-section__actions{display:flex;align-items:flex-end;gap:var(--spacing-sm)}@media (max-width: 767px){.filter-section__actions,.filter-section__actions .btn{width:100%}.filter-section{padding:var(--spacing-md);margin:0 var(--spacing-md) calc(var(--spacing-md) / 2) var(--spacing-md)}}.filter-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:8px;padding:12px 20px;background-color:#f0f9ff;border-bottom:1px solid #e0e0e0;border-radius:var(--border-radius-md);margin-top:var(--spacing-sm)}.filter-chips .chips-label,.filter-chips__label{font-size:var(--font-size-sm);font-weight:600;color:#374151;flex-shrink:0;white-space:nowrap}.filter-chips .chip,.filter-chips__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;background-color:#3b82f6;color:#fff;border-radius:16px;font-size:var(--font-size-sm);font-weight:500}.filter-chips .chip .chip-text,.filter-chips .chip-text,.filter-chips__chip .chip-text,.filter-chips__chip-text{line-height:1.4}.filter-chips .chip .chip-remove,.filter-chips .chip-remove,.filter-chips__chip .chip-remove,.filter-chips__chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#fff3;border:none;border-radius:50%;color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:background-color .2s}.filter-chips .chip .chip-remove:hover,.filter-chips .chip-remove:hover,.filter-chips__chip .chip-remove:hover,.filter-chips__chip-remove:hover{background-color:#ffffff4d}.empty-state{background:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.empty-state__content{padding:calc(var(--spacing-xxl) * 1.5) var(--spacing-lg);text-align:center;color:var(--color-neutral-600);max-width:500px;margin:0 auto}@media (max-width: 639px){.empty-state__content{padding:var(--spacing-xxl) var(--spacing-md)}}.empty-state__icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5;line-height:1}@media (max-width: 639px){.empty-state__icon{font-size:2.5rem}}.empty-state__icon--search:before{content:"\1f50d"}.empty-state__icon--empty:before{content:"\1f4ed"}.empty-state__icon--error:before{content:"\26a0\fe0f"}.empty-state__icon--success:before{content:"\2705"}.empty-state__icon--info:before{content:"\2139\fe0f"}.empty-state__title{margin:0 0 var(--spacing-sm) 0;color:var(--color-neutral-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}@media (max-width: 639px){.empty-state__title{font-size:var(--font-size-lg)}}.empty-state__message{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-neutral-600)}@media (max-width: 639px){.empty-state__message{font-size:var(--font-size-sm)}}.empty-state__actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}@media (max-width: 639px){.empty-state__actions{flex-direction:column}.empty-state__actions .btn{width:100%}}.empty-state--compact .empty-state__content{padding:var(--spacing-xl) var(--spacing-md)}.empty-state--compact .empty-state__icon{font-size:2rem;margin-bottom:var(--spacing-md)}.empty-state--compact .empty-state__title{font-size:var(--font-size-lg)}.empty-state--compact .empty-state__message{font-size:var(--font-size-sm)}.empty-state--inline{background:transparent;box-shadow:none}.empty-state--inline .empty-state__content{padding:var(--spacing-lg)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.stat-card{background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-number{font-size:var(--font-size-display-stats);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.stat-label{font-size:var(--font-size-sm);color:var(--color-neutral-600);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.stat-icon{font-size:var(--font-size-sm);opacity:.7;transition:opacity var(--transition-fast)}.clickable-stat-card{transition:all .15s ease-in-out;cursor:pointer}.clickable-stat-card:hover:not(:disabled){transform:scale(1.02)}.clickable-stat-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.clickable-stat-card:disabled{cursor:not-allowed;opacity:.6}.clickable-stat-card:disabled:hover{transform:none}.clickable-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.clickable-stat-card:hover .stat-icon{opacity:1}.detail-section{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.detail-section h3{margin:0 0 var(--spacing-md);color:var(--color-on-surface);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);border-bottom:2px solid var(--color-neutral-150);padding-bottom:var(--spacing-sm)}.detail-section .detail-grid+.detail-grid{margin-top:var(--spacing-md)}.detail-grid{display:grid;gap:var(--spacing-md)}.detail-grid--inline{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.detail-grid--inline .detail-row{display:flex;flex-direction:column;gap:var(--space-1)}.detail-grid--inline .detail-row--span-2{grid-column:span 2}.detail-grid--inline .detail-row--span-3{grid-column:span 3}.detail-grid--inline .detail-row>label{font-weight:var(--font-weight-medium);color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-bottom:2px}.detail-grid--inline .detail-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:32px;display:flex;align-items:center;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.detail-grid--inline .detail-value span{word-break:break-word;overflow-wrap:break-word}.detail-grid--5-cols{grid-template-columns:repeat(5,1fr)}@media (max-width: 1023px){.detail-grid--5-cols{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.detail-grid--5-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.detail-grid--5-cols{grid-template-columns:1fr}}.detail-grid--4-cols{grid-template-columns:repeat(4,1fr)}@media (max-width: 1023px){.detail-grid--4-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.detail-grid--4-cols{grid-template-columns:1fr}}.detail-grid--3-cols{grid-template-columns:repeat(3,1fr)}@media (max-width: 767px){.detail-grid--3-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.detail-grid--3-cols{grid-template-columns:1fr}}.detail-grid--2-cols{grid-template-columns:repeat(2,1fr)}@media (max-width: 767px){.detail-grid--2-cols{grid-template-columns:1fr}}.required-field:after{content:" *";color:var(--color-error);font-weight:var(--font-weight-bold)}.compact-field-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.compact-field-row>label{font-weight:var(--font-weight-medium);color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0;line-height:1.2}.compact-field-row .detail-value{display:flex;align-items:center;min-height:28px}.compact-field-row .detail-value .value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4}.compact-field-row .detail-value a{color:var(--color-primary);text-decoration:none}.compact-field-row .detail-value a:hover{text-decoration:underline}.compact-field-row .form-input.compact,.compact-field-row .form-select.compact{padding:var(--space-1) var(--space-2);height:28px;font-size:var(--font-size-sm);line-height:1.4}.compact-field-row .input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.compact-field-row .input-wrapper .error-message{font-size:var(--font-size-xs);color:var(--color-error);margin:0;padding:0}@media (max-width: 767px){.compact-field-row{grid-template-columns:1fr;gap:var(--space-1)}.compact-field-row>label{font-size:var(--font-size-sm)}}.grunddaten-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);align-items:start}@media (max-width: 767px){.grunddaten-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.form-fields-column{display:flex;flex-direction:column;gap:var(--space-1)}.photo-column{display:flex;justify-content:center;align-items:flex-start;min-width:180px}@media (max-width: 767px){.photo-column{justify-content:center;margin-top:var(--spacing-md)}}.photo-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.photo-circle{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid var(--color-neutral-300);background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.photo-circle img.employee-photo,.photo-circle svg.employee-photo-placeholder{width:100%;height:100%;object-fit:cover}.photo-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.photo-actions .btn-photo{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);min-width:auto}.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: 1023px){.pd-layout{grid-template-columns:1fr}}.pd-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4}.attribute-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;display:inline-block}.attribute-badge.badge-ja{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-success) 80%,black 20%);border:1px solid color-mix(in srgb,var(--color-success) 30%,var(--color-surface) 70%)}.attribute-badge.badge-nein{background:color-mix(in srgb,var(--color-error) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-error) 75%,black 25%);border:1px solid color-mix(in srgb,var(--color-error) 30%,var(--color-surface) 70%)}.attribute-badge.badge-{background:var(--color-neutral-100);color:var(--color-neutral-600);border:1px solid var(--color-neutral-300)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;border:1px solid transparent;display:inline-block}.status-badge.status-aktiv{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-success) 80%,black 20%);border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-surface) 70%)}.status-badge.status-passiv{background:color-mix(in srgb,var(--color-error) 15%,var(--color-surface) 85%);color:color-mix(in srgb,var(--color-error) 80%,black 20%);border-color:color-mix(in srgb,var(--color-error) 30%,var(--color-surface) 70%)}.attributes-container{max-height:350px;overflow-y:auto;padding-right:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.attributes-container::-webkit-scrollbar{width:6px;height:6px}.attributes-container::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:3px}.attributes-container::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:3px}.attributes-container::-webkit-scrollbar-thumb:hover{opacity:.8}.attributes-scrollable{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);transition:all var(--transition-fast);gap:var(--spacing-md)}.attribute-item:hover{background:var(--color-neutral-50);border-color:var(--color-primary-light)}.attribute-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);flex-shrink:0;min-width:140px}.attribute-value{display:flex;justify-content:flex-end;align-items:center;flex:1}.attribute-value .text-value{font-size:var(--font-size-base);color:var(--color-neutral-800);font-weight:var(--font-weight-medium)}.attribute-input{display:flex;justify-content:flex-end;flex:1}.attribute-input input,.attribute-input select{max-width:200px}.attribute-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-neutral-500);font-size:var(--font-size-sm);font-style:italic}.attribute-empty--filtered{background:var(--color-neutral-50);border-radius:var(--radius-sm);border:1px dashed var(--color-neutral-300)}.no-attributes-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.no-attributes-message p{margin:0;color:var(--color-neutral-600);font-size:var(--font-size-sm)}.column-header--with-filter{flex-wrap:wrap;gap:var(--spacing-sm)}.column-header--with-filter .attribute-filter{flex:1;min-width:200px}@media (max-width: 639px){.column-header--with-filter .attribute-filter{width:100%;min-width:100%}}.attribute-filter__input{width:100%;padding:var(--space-2) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.attribute-filter__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.attribute-filter__input::placeholder{color:var(--color-neutral-500)}.wartung-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.wartung-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-neutral-200)}.wartung-item:last-child{border-bottom:none}.wartung-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600)}.wartung-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.bemerkung-section{margin-top:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.bemerkung-section__title{margin:0 0 var(--spacing-sm);color:var(--color-on-surface);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.bemerkung-section__display{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);color:var(--color-neutral-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);min-height:80px;white-space:pre-wrap;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.bemerkung-section__display::-webkit-scrollbar{width:6px;height:6px}.bemerkung-section__display::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:3px}.bemerkung-section__display::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:3px}.bemerkung-section__display::-webkit-scrollbar-thumb:hover{opacity:.8}.remarks__textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;line-height:var(--line-height-relaxed);resize:vertical;transition:all var(--transition-fast);flex:1;min-height:120px}.remarks__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: 1023px){.two-column-layout{grid-template-columns:1fr}}.column{background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);padding:var(--spacing-lg);display:flex;flex-direction:column}.column h3{margin:0;color:var(--color-on-surface);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 639px){.column-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.column-header h3{text-align:center}}.three-dots-button{transition:all .15s ease-in-out;background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);width:28px;height:28px}.three-dots-button:hover:not(:disabled){transform:translateY(-1px)}.three-dots-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.three-dots-button:disabled{cursor:not-allowed;opacity:.6}.three-dots-button:disabled:hover{transform:none}.three-dots-button:hover{background:var(--color-neutral-200)}.three-dots-button .three-dots-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;position:relative}.three-dots-button .three-dots-icon:before{content:"";width:3px;height:3px;background:var(--color-neutral-600);border-radius:50%;position:absolute;box-shadow:0 -6px 0 var(--color-neutral-600),0 6px 0 var(--color-neutral-600)}.three-dots-button:hover .three-dots-icon:before{background:var(--color-neutral-900);box-shadow:0 -6px 0 var(--color-neutral-900),0 6px 0 var(--color-neutral-900)}.dirty-warning{background:color-mix(in srgb,var(--color-warning) 20%,var(--color-surface) 80%);border:1px solid color-mix(in srgb,var(--color-warning) 40%,var(--color-surface) 60%);padding:var(--space-3) var(--spacing-lg);margin:0;box-shadow:var(--shadow-sm);border-radius:var(--radius-md)}.warning-content{display:flex;align-items:center;gap:var(--spacing-sm);color:color-mix(in srgb,var(--color-warning) 70%,black 30%);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.warning-icon{font-size:var(--font-size-lg)}@media (max-width: 1023px){.sections-with-profile{grid-template-columns:1fr}.profile-card{position:static;max-width:300px;margin:0 auto}.profile-avatar{width:120px;height:120px;font-size:48px}}@media (max-width: 767px){.quick-stats,.detail-grid--inline{grid-template-columns:repeat(2,1fr)}.tabs-navigation{overflow-x:auto;scrollbar-width:thin}.tab-button{white-space:nowrap}}@media (max-width: 639px){.quick-stats,.detail-grid--inline{grid-template-columns:1fr}}.profile-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-width:200px;position:sticky;top:var(--spacing-md)}.profile-avatar{width:150px;height:150px;border-radius:50%;background:var(--color-neutral-200);color:var(--color-neutral-500);display:flex;align-items:center;justify-content:center;font-size:64px;overflow:hidden;border:3px solid var(--color-neutral-300);box-shadow:var(--shadow-md)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar--placeholder{background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%)}.profile-upload{transition:all .15s ease-in-out;padding:var(--space-2) var(--spacing-md);border:1px solid var(--color-neutral-300);background:var(--color-neutral-50);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast)}.profile-upload:hover:not(:disabled){transform:scale(1.02)}.profile-upload:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.profile-upload:disabled{cursor:not-allowed;opacity:.6}.profile-upload:disabled:hover{transform:none}.profile-upload:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-primary)}.profile-remove{transition:all .15s ease-in-out;padding:var(--space-2) var(--spacing-md);border:1px solid var(--color-danger-light, #fca5a5);background:var(--color-danger-bg, #fef2f2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger, #dc2626);cursor:pointer;transition:all var(--transition-fast)}.profile-remove:hover:not(:disabled){transform:scale(1.02)}.profile-remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.profile-remove:disabled{cursor:not-allowed;opacity:.6}.profile-remove:disabled:hover{transform:none}.profile-remove:hover:not(:disabled){background:var(--color-danger-light, #fca5a5);border-color:var(--color-danger, #dc2626);color:#fff}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.contact-info__item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-700)}.contact-info__item:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%}.contact-info__item--email:before{background:var(--color-primary)}.contact-info__item--phone:before{background:var(--color-neutral-600)}.tabs-navigation{display:flex;gap:var(--spacing-xs);background:var(--color-surface);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);margin-bottom:0}.tabs-navigation--editing{position:relative;border-color:var(--color-warning-300)}.tabs-navigation--editing:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-warning-400)}.tab-button{transition:all .15s ease-in-out;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.tab-button:hover:not(:disabled){transform:none}.tab-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab-button:disabled{cursor:not-allowed;opacity:.6}.tab-button:disabled:hover{transform:none}.tab-button:hover:not(:disabled):not(.tab-button--active){background:var(--color-neutral-100);color:var(--color-neutral-800)}.tab-button--active{background:var(--color-primary);color:#fff;border-bottom:2px solid var(--color-primary-dark)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-icon{font-size:var(--font-size-md)}.sections-with-profile{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);align-items:start}.sections-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-selection{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md)}.no-selection-content{text-align:center;padding:var(--spacing-xl);max-width:400px}.no-selection-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.no-selection-content h3{margin:0 0 var(--spacing-sm);color:var(--color-neutral-800);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.no-selection-content p{margin:0;color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.split-container{height:100vh;background:var(--color-neutral-50);overflow:hidden}.split-view{display:flex;height:100%;width:100%}.split-panel{overflow:hidden;display:flex;flex-direction:column}.split-panel-left{flex:0 0 50%;min-width:700px;background:var(--color-neutral-50)}.split-panel-right{flex:1;min-width:500px;background:var(--color-neutral-50)}.split-divider{width:4px;background:var(--color-neutral-300);cursor:col-resize;position:relative;transition:background-color var(--transition-fast)}.split-divider:hover{background:var(--color-primary)}.split-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:30px;background:#fffc;border-radius:1px}@media (max-width: 1279px){.split-panel-left{flex:0 0 45%;min-width:600px}}@media (max-width: 1023px){.split-panel-left{flex:0 0 50%;min-width:550px}}@media (max-width: 767px){.split-view{flex-direction:column}.split-panel-left,.split-panel-right{flex:1;min-width:unset;min-height:400px}.split-divider{width:100%;height:4px;cursor:row-resize}.split-divider:after{width:30px;height:2px}}@media (max-width: 639px){.split-panel-left,.split-panel-right{min-height:350px}}.stats-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem;background-color:var(--color-background-subtle);border-radius:var(--border-radius);margin-bottom:1rem;flex-wrap:wrap}@media (max-width: 768px){.stats-wrapper{flex-direction:column;align-items:flex-start}}.stats{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;flex:1}@media (max-width: 1200px){.stats{gap:1rem}}@media (max-width: 768px){.stats{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}}.stat{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.stat{gap:.5rem}}.stat__label{font-size:var(--font-size-small);color:var(--color-text-secondary);font-weight:500;white-space:nowrap}.stat__value{font-size:var(--font-size-large);font-weight:600;color:var(--color-text-primary);white-space:nowrap}@media (max-width: 1200px){.stat__value{font-size:var(--font-size-normal)}}.stat__value--success{color:var(--color-success)}.stat__value--info{color:var(--color-info)}.stat__value--danger{color:var(--color-danger)}.stat__value--warning{color:var(--color-warning)}.stat__value--secondary{color:var(--color-text-tertiary)}.stats__actions{display:flex;gap:.75rem;align-items:center;margin-left:auto}@media (max-width: 768px){.stats__actions{width:100%;margin-left:0;margin-top:.5rem}.stats__actions .button{flex:1}}.hamburger-menu{position:relative;display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:.25rem;z-index:10}.hamburger-menu:focus{outline:none}.hamburger-menu:hover .hamburger-line{background:var(--color-primary-600)}.hamburger-line{width:100%;height:3px;background:var(--color-neutral-700);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-menu.open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid var(--color-neutral-200);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;overflow:hidden}.menu-item{width:100%;padding:1rem 1.25rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;line-height:1.5;color:var(--color-neutral-700);transition:all .2s;display:flex;align-items:center;gap:.75rem}.menu-item:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.menu-item:active{background:var(--color-primary-100)}.menu-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;flex-shrink:0}.menu-icon svg{width:20px;height:20px;stroke:currentColor;transition:all .2s}.menu-text{flex:1}.hamburger-btn{position:relative;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;flex-direction:column;justify-content:space-around;border-radius:var(--radius-md);transition:background var(--transition-fast);z-index:10}.hamburger-btn:focus{outline:none}.hamburger-btn:hover span{background:var(--color-primary-600)}.hamburger-btn span{width:100%;height:3px;background:var(--color-neutral-700);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.page-container,.scheduler-container,.stammdaten-container{display:flex;flex-direction:column;min-height:100vh;background:var(--color-surface-subtle);padding:var(--spacing-lg);gap:var(--spacing-md);box-sizing:border-box}@media (max-width: 767px){.page-container,.scheduler-container,.stammdaten-container{padding:var(--spacing-md)}}.page-header,.stammdaten-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-md)}@media (max-width: 767px){.page-header,.stammdaten-header{flex-wrap:wrap;padding:var(--spacing-md)}}.page-header__left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.page-header__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-850);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:.1em}@media (max-width: 767px){.page-header__title{font-size:var(--font-size-xl)}}@media (max-width: 639px){.page-header__title{font-size:var(--font-size-lg)}}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 767px){.page-header__actions{width:100%;justify-content:flex-end}}.page-header__center{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;flex:2}@media (max-width: 1023px){.page-header__center{order:3;width:100%;flex:none}}.page-content{flex:1;display:flex;flex-direction:column;min-height:0}[dir=rtl]{text-align:right}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .icon-mirror{transform:scaleX(-1)}body.rtl{direction:rtl}body.rtl .app-shell,body.rtl .mitarbeiter-topbar{flex-direction:row-reverse}body.rtl .mitarbeiter-topbar .topbar-title{order:-1}body.rtl .mitarbeiter-topbar .topbar-date{text-align:left;flex:1}body.rtl .mitarbeiter-topbar .menu-button{order:1}body.rtl .user-menu__dropdown{left:0;right:auto}body.rtl .user-menu__trigger{flex-direction:row-reverse}body.rtl .user-menu__info{align-items:flex-end}body.rtl .sidebar{border-left:1px solid var(--color-border);border-right:none}body.rtl .table th,body.rtl .table td{text-align:right}body.rtl .table th.text-center,body.rtl .table td.text-center{text-align:center}body.rtl .table th.text-left,body.rtl .table td.text-left{text-align:left}body.rtl .form-group,body.rtl .form-input,body.rtl .form-select{text-align:right}body.rtl .btn svg,body.rtl .btn .icon{margin-left:.5rem;margin-right:0}body.rtl .filter-panel,body.rtl .detail-grid,body.rtl .badge,body.rtl .status-badge{direction:rtl}body.rtl .dialog-content{text-align:right}body.rtl .dialog-actions{flex-direction:row-reverse}body.rtl .chevron-right{transform:rotate(180deg)}body.rtl ::-webkit-scrollbar{direction:ltr}[dir=rtl] .time-value,[dir=rtl] .number-value,[dir=rtl] .currency-value,[dir=rtl] input[type=number],[dir=rtl] input[type=time],[dir=rtl] input[type=date]{direction:ltr;text-align:right}[dir=rtl] .calendar-grid{direction:ltr}.dialog-backdrop{position:fixed!important;inset:0!important;background-color:#00000080!important;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;z-index:9998!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important}.dialog-backdrop--visible{opacity:1}.dialog-container{position:relative!important;opacity:0;transform:scale(.95);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040!important;background:var(--color-surface)!important;z-index:9999!important}.dialog-container>*{flex:1;min-height:0;height:100%}.dialog-container{scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--color-neutral-100)}.dialog-container::-webkit-scrollbar{width:8px;height:8px}.dialog-container::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.dialog-container::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:4px}.dialog-container::-webkit-scrollbar-thumb:hover{opacity:.8}.dialog-container--visible{opacity:1;transform:scale(1)}@media (max-width: 767px){.dialog-container{max-width:95vw!important;border-radius:var(--radius-md)}}@media (max-width: 639px){.dialog-backdrop{padding:0!important;background-color:#000000b3!important}.dialog-container{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0px}.w-0{width:0px}.w-1{width:.25rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-full{width:100%}.min-w-\[32px\]{min-width:32px}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color-scheme:light}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:opacity-80:hover{opacity:.8}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media (min-width: 768px){.md\:relative{position:relative}.md\:hidden{display:none}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}