.magic-rings-container{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes square-animation{0%{top:0;left:0}10.5%{top:0;left:0}12.5%{top:0;left:32px}23%{top:0;left:32px}25%{top:0;left:64px}35.5%{top:0;left:64px}37.5%{top:32px;left:64px}48%{top:32px;left:64px}50%{top:32px;left:32px}60.5%{top:32px;left:32px}62.5%{top:64px;left:32px}73%{top:64px;left:32px}75%{top:64px;left:0}85.5%{top:64px;left:0}87.5%{top:32px;left:0}98%{top:32px;left:0}to{top:0;left:0}}.sq-loader{position:relative;transform:rotate(45deg)}.sq-loader-square{background:#fff;border-radius:0;margin:2px;animation:10s ease-in-out infinite both square-animation;position:absolute;top:0;left:0}.sq-loader-square:first-of-type{animation-delay:-1.42857s}.sq-loader-square:nth-of-type(2){animation-delay:-2.85714s}.sq-loader-square:nth-of-type(3){animation-delay:-4.28571s}.sq-loader-square:nth-of-type(4){animation-delay:-5.71429s}.sq-loader-square:nth-of-type(5){animation-delay:-7.14286s}.sq-loader-square:nth-of-type(6){animation-delay:-8.57143s}.sq-loader-square:nth-of-type(7){animation-delay:-10s}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-font-weight:initial;--tw-leading:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:12px;--radius-xl:16px;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:8px;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#1e40af;--color-primary-700:#1e3a8a;--color-ink-50:#f8fafc;--color-ink-100:#f1f5f9;--color-ink-200:#e2e8f0;--color-ink-300:#cbd5e1;--color-ink-400:#94a3b8;--color-ink-500:#64748b;--color-ink-600:#475569;--color-ink-700:#334155;--color-ink-800:#1e293b;--color-ink-900:#0f172a;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-warning:#d97706;--color-warning-soft:#fef3c7;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--color-info:#0891b2;--color-info-soft:#cffafe;--shadow-card:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-card-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--primary:var(--color-primary-600);--primary-light:var(--color-primary-500);--primary-dark:var(--color-primary-700);--primary-50:var(--color-primary-50);--primary-100:var(--color-primary-100);--secondary:var(--color-ink-600);--success:var(--color-success);--success-light:var(--color-success-soft);--warning:var(--color-warning);--warning-light:var(--color-warning-soft);--danger:var(--color-danger);--danger-light:var(--color-danger-soft);--info:var(--color-info);--info-light:var(--color-info-soft);--bg:var(--color-ink-100);--bg-white:#fff;--bg-subtle:var(--color-ink-50);--border:var(--color-ink-200);--text:var(--color-ink-900);--text-secondary:var(--color-ink-500);--text-muted:var(--color-ink-400);--sidebar-bg:var(--color-ink-900);--sidebar-text:var(--color-ink-300);--sidebar-hover:var(--color-ink-800);--sidebar-active:var(--color-primary-600);--radius:8px;--shadow:var(--shadow-card);--shadow-md:var(--shadow-card-md)}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],pre,code{-webkit-user-select:text;user-select:text}html,body{margin:0;padding:0}body{background-color:var(--color-ink-100);color:var(--color-ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);line-height:1.6}}@layer components{.app-layout{max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:100;width:280px;color:var(--color-ink-300);background:var(--sidebar-bg);will-change:transform;flex-direction:column;transition:transform .3s;display:flex;position:fixed}.sidebar-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);border-bottom:1px solid #ffffff14;padding-top:1.5rem;padding-bottom:calc(1.5rem + 6px);display:flex}.sidebar-logo{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.sidebar-logo-icon{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-primary-600);border-radius:10px;justify-content:center;align-items:center;display:flex}.sidebar-logo h1,.sidebar-logo-title{--tw-leading:var(--leading-tight);font-size:18px;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}.sidebar-logo span,.sidebar-logo-subtitle{--tw-font-weight:var(--font-weight-normal);font-size:11px;font-weight:var(--font-weight-normal);color:var(--color-ink-400)}.sidebar-close-btn,.sidebar-close{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 1.5);color:var(--color-ink-300);background-color:#0000;border-width:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-close-btn:hover,.sidebar-close:hover{color:var(--color-white);background:#ffffff14}.sidebar-avatar{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-primary-600);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 1.5);color:var(--color-ink-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-width:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-logout:hover{color:var(--color-white);background:#ffffff14}.sidebar-nav{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;overflow-y:auto}.nav-section{margin-bottom:calc(var(--spacing) * 4)}.nav-section-title{margin-bottom:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-semibold);font-size:10px;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-ink-400);text-transform:uppercase}.nav-item{margin-bottom:calc(var(--spacing) * .5);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-ink-300);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none;display:flex}.nav-item:hover{color:var(--color-white);background:var(--sidebar-hover)}.nav-item.active{color:var(--color-white);background:var(--sidebar-active)}.nav-item svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);flex-shrink:0}.nav-badge{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);--tw-font-weight:var(--font-weight-semibold);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-primary-600);border-radius:10px;margin-left:auto}.nav-item.active .nav-badge{background:#fff3}.sidebar-footer{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4);border-top:1px solid #ffffff14}.sidebar-user{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.sidebar-user-avatar{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-primary-600);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1}.sidebar-user-name{--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-white)}.sidebar-user-role{color:var(--color-ink-400);font-size:11px}.sidebar-mode-switch{align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-bottom:1px solid #ffffff14;display:flex}.sidebar-mode-toggle{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2.5);text-align:left;width:100%;color:var(--color-ink-300);background:0 0;border:0;border-radius:8px;padding:6px 4px;transition:color .2s;display:flex}.sidebar-mode-toggle:hover,.sidebar-mode-toggle.active{color:var(--color-white)}.sidebar-mode-toggle-track{background:#ffffff2e;border-radius:999px;flex-shrink:0;width:34px;height:18px;transition:background .2s;position:relative}.sidebar-mode-toggle.active .sidebar-mode-toggle-track{background:var(--color-primary-600)}.sidebar-mode-toggle-thumb{background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.sidebar-mode-toggle.active .sidebar-mode-toggle-thumb{transform:translate(16px)}.sidebar-mode-toggle-label{align-items:center;gap:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);display:flex}.sidebar-mode-hint{padding-left:calc(var(--spacing) * 11);color:var(--color-ink-400);font-size:11px}.sidebar-settings-btn{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-700);color:var(--color-ink-300);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sidebar-settings-btn:hover{color:var(--color-white);background:#ffffff14}.sidebar-mode-ai-icon{color:var(--color-ink-400);flex-shrink:0;transition:color .2s,filter .2s}.sidebar-mode-ai-icon.active{color:var(--color-primary-400);filter:drop-shadow(0 0 4px #60a5fa99)}.sidebar-pro-banner{margin-inline:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 2);align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-primary-300);letter-spacing:.02em;background:linear-gradient(135deg,#3b82f626,#8b5cf61f);border:1px solid #3b82f640;display:flex}.mobile-topbar{top:calc(var(--spacing) * 0);z-index:90;height:calc(var(--spacing) * 14);align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);color:var(--color-white);background:var(--sidebar-bg);display:none;position:sticky}.mobile-menu-btn{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2);color:var(--color-white);background-color:#0000;border-width:0;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-btn:hover{background:#ffffff14}.mobile-topbar-logo{align-items:center;gap:calc(var(--spacing) * 2.5);--tw-font-weight:var(--font-weight-bold);font-size:15px;font-weight:var(--font-weight-bold);display:flex}.sidebar-backdrop{inset:calc(var(--spacing) * 0);z-index:99;opacity:0;background:#0f172a8c;transition:opacity .25s;display:none;position:fixed}.sidebar-backdrop.open{opacity:1}.main-content{flex:1;min-width:0;max-width:100%;min-height:100vh;margin-left:280px}.page-header{top:calc(var(--spacing) * 0);z-index:50;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);justify-content:space-between;align-items:center;padding:1.25rem 5%;display:flex;position:sticky}.header-bar-track{pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.header-bar-track:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-primary-600,#2563eb) 50%, transparent 100%);width:40%;height:100%;animation:4s linear infinite header-bar;position:absolute;top:0;left:0}.page-header-text{min-width:calc(var(--spacing) * 0)}.page-header h2{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-bold);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-ink-900);overflow:hidden}.page-header p{margin-top:calc(var(--spacing) * .5);color:var(--color-ink-500);font-size:13px}.page-header-actions{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.page-header-search{position:relative}.page-header-search-icon{pointer-events:none;top:50%;left:calc(var(--spacing) * 3);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-ink-400);position:absolute}.page-header-search .form-input{width:280px;padding-left:38px;font-size:13px}.page-body{padding:1.5rem 5% 1.75rem}.card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);box-shadow:var(--shadow-card);border-radius:16px}.card-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4);justify-content:space-between;align-items:center;display:flex}.card-header h3{--tw-font-weight:var(--font-weight-semibold);font-size:15px;font-weight:var(--font-weight-semibold)}.card-body{padding:calc(var(--spacing) * 5)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{align-items:flex-start;gap:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);padding:calc(var(--spacing) * 5);box-shadow:var(--shadow-card);display:flex}.stat-icon{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon.blue{background:var(--color-primary-100);color:var(--color-primary-600)}.stat-icon.green{background:var(--color-success-soft);color:var(--color-success)}.stat-icon.yellow{background:var(--color-warning-soft);color:var(--color-warning)}.stat-icon.red{background:var(--color-danger-soft);color:var(--color-danger)}.stat-icon.cyan{background:var(--color-info-soft);color:var(--color-info)}.stat-info h4{margin-bottom:calc(var(--spacing) * 1);--tw-font-weight:var(--font-weight-medium);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-ink-500)}.stat-value{--tw-leading:1;--tw-font-weight:var(--font-weight-bold);font-size:28px;line-height:1;font-weight:var(--font-weight-bold);color:var(--color-ink-900)}.stat-change{margin-top:calc(var(--spacing) * 1.5);align-items:center;gap:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.stat-change.up{color:var(--color-success)}.stat-change.down{color:var(--color-danger)}.btn{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#0000;font-family:inherit;text-decoration-line:none;display:inline-flex}.btn-sm{padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 1.5);font-size:13px}.btn-primary{color:var(--color-white);background:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-primary:hover{background:var(--color-primary-700)}.btn-secondary,.btn-outline{border-color:var(--color-ink-200);background-color:var(--color-white);color:var(--color-ink-900)}.btn-secondary:hover,.btn-outline:hover{background:var(--color-ink-100)}.btn-success{color:var(--color-white);background:var(--color-success)}.btn-success:hover{background:#15803d}.btn-danger{color:var(--color-white);background:var(--color-danger)}.btn-danger:hover{background:#b91c1c}.btn-ghost{color:var(--color-ink-500);background-color:#0000}.btn-ghost:hover{color:var(--color-ink-900);background:var(--color-ink-100)}.btn:disabled{cursor:not-allowed;opacity:.55}.form-group{margin-bottom:calc(var(--spacing) * 5)}.form-label{margin-bottom:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-ink-900);display:block}.form-hint{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink-400)}.form-input,.form-select,.form-textarea,.input,.form-control{border-radius:var(--radius-lg);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-ink-900);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border:1.5px solid var(--color-primary-400,#60a5fa);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus,.form-control:focus{--tw-outline-style:none;border-color:var(--color-primary-500);outline-style:none;box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder,.input::placeholder,.form-control::placeholder{color:var(--color-ink-400)}.form-textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-checkbox{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.form-checkbox input{width:18px;height:18px;accent-color:var(--color-primary-600)}.steps-container{margin-bottom:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 5);align-items:center;display:flex}table{border-collapse:collapse;width:100%}th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-ink-500);text-transform:uppercase;background:var(--color-ink-100)}td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}tr:hover td{background:var(--color-primary-50)}.status-badge{align-items:center;gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-radius:3.40282e38px;display:inline-flex}.status-badge.success{background:var(--color-success-soft);color:var(--color-success)}.status-badge.warning{background:var(--color-warning-soft);color:#92400e}.status-badge.danger{background:var(--color-danger-soft);color:var(--color-danger)}.status-badge.info{background:var(--color-info-soft);color:var(--color-info)}.status-badge.neutral{background:var(--color-ink-100);color:var(--color-ink-500)}.status-dot{height:calc(var(--spacing) * 1.5);width:calc(var(--spacing) * 1.5);background:currentColor;border-radius:3.40282e38px}.tabs{margin-bottom:calc(var(--spacing) * 6);justify-content:flex-start;gap:calc(var(--spacing) * 1);border-bottom:2px solid var(--color-ink-200);flex-wrap:wrap;display:flex}.tab{cursor:pointer;border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-ink-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-width:0 0 2px;border-bottom-style:solid;border-bottom-color:#0000;margin-bottom:-2px;font-family:inherit}.tab:hover{color:var(--color-ink-900)}.tab.active{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.alert{margin-bottom:calc(var(--spacing) * 4);align-items:flex-start;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.alert.info{background:var(--color-info-soft);color:#155e75;border:1px solid #a5f3fc}.alert.success{background:var(--color-success-soft);color:#166534;border:1px solid #bbf7d0}.alert.warning{background:var(--color-warning-soft);color:#92400e;border:1px solid #fde68a}.alert.danger{background:var(--color-danger-soft);color:#991b1b;border:1px solid #fecaca}.process-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.process-card{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);color:inherit;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none;display:block}.process-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-card-md);transform:translateY(-2px)}.process-card-icon{margin-bottom:calc(var(--spacing) * 4);border-radius:var(--radius-2xl);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.process-card h3{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.process-card p{--tw-leading:var(--leading-snug);font-size:13px;line-height:var(--leading-snug);color:var(--color-ink-500)}.connection-status{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-size:13px;font-weight:var(--font-weight-medium);display:flex}.connection-status.connected{background:var(--color-success-soft);color:var(--color-success)}.connection-status.disconnected{background:var(--color-danger-soft);color:var(--color-danger)}.connection-status .dot{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);background:currentColor;border-radius:3.40282e38px;animation:2s ease-in-out infinite pulse}.section-divider{margin-block:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink-900)}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.toggle-wrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-block:calc(var(--spacing) * 3.5);justify-content:space-between;align-items:center;display:flex}.toggle-info h4{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.toggle-info p{margin-top:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink-400)}.toggle{height:26px;width:calc(var(--spacing) * 12);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:var(--color-ink-200);border-width:0;border-radius:13px;position:relative}.toggle.active{background:var(--color-primary-600)}.toggle:after{content:"";top:calc(var(--spacing) * .5);left:calc(var(--spacing) * .5);background-color:var(--color-white);width:22px;height:22px;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;position:absolute;box-shadow:0 1px 3px #0003}.toggle.active:after{transform:translate(22px)}.toggle-card{margin-bottom:calc(var(--spacing) * 3);border-radius:var(--radius-xl);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4.5);padding-block:calc(var(--spacing) * 3.5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border:1.5px solid var(--color-ink-200);justify-content:space-between;align-items:center;display:flex}.toggle-card:hover{border-color:var(--color-primary-500)}.toggle-card.checked{border-color:var(--color-primary-600);background:var(--color-primary-50)}.toggle-card-info strong{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:block}.toggle-card-info span{margin-top:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink-500);display:block}.table-container{overflow-x:auto}.flow-toolbar{margin-bottom:calc(var(--spacing) * 3.5);justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 2);display:flex}.flow-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);overflow:hidden;box-shadow:0 4px 24px -8px #0f172a14}.flow-card-body{padding-inline:calc(var(--spacing) * 9);padding-block:calc(var(--spacing) * 8)}.flow-card-footer{bottom:calc(var(--spacing) * 0);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 9);padding-block:calc(var(--spacing) * 4);display:flex;position:sticky}.steps-modern{margin-bottom:calc(var(--spacing) * 4);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 7);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 7);box-shadow:0 1px 3px #0f172a0a}.steps-modern-header{margin-bottom:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;display:flex}.steps-modern-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.steps-modern-progress-text{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-primary-600);background:var(--color-primary-50);border-radius:3.40282e38px}.steps-track{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.steps-track-bg,.steps-track-fill{border-radius:var(--radius);height:3px;position:absolute;top:19px;left:19px;right:19px}.steps-track-bg{background:var(--color-ink-200);z-index:0}.steps-track-fill{background:linear-gradient(90deg, var(--color-primary-600), var(--color-primary-500));z-index:1;transition:width .5s cubic-bezier(.4,0,.2,1);right:auto;box-shadow:0 0 12px #3b82f666}.step-modern{cursor:default;align-items:center;gap:calc(var(--spacing) * 2.5);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);z-index:2;background-color:#0000;border-width:0;flex-direction:column;flex:1;font-family:inherit;display:flex;position:relative}.step-modern:not(:disabled){cursor:pointer}.step-modern-dot{background-color:var(--color-white);width:38px;height:38px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink-400);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border:2px solid var(--color-ink-200);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.step-modern.completed .step-modern-dot{color:var(--color-white);background:var(--color-primary-600);border-color:var(--color-primary-600)}.step-modern.active .step-modern-dot{background-color:var(--color-white);border-color:var(--color-primary-600);color:var(--color-primary-600);transform:scale(1.08);box-shadow:0 0 0 5px #3b82f629,0 4px 12px #3b82f640}.step-modern:not(:disabled):hover .step-modern-dot{border-color:var(--color-primary-500)}.step-modern-label{text-align:center;max-width:130px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-ink-400)}.step-modern.active .step-modern-label{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.step-modern.completed .step-modern-label{color:var(--color-ink-900)}.kombi-flow{flex-direction:column;gap:12px;height:calc(100vh - 148px);min-height:0;display:flex;overflow:hidden}.kombi-flow>.flow-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.kombi-flow>.flow-card>.flow-card-body{scrollbar-width:thin;scrollbar-color:var(--color-ink-200) transparent;flex:1;min-height:0;overflow-y:auto}.kombi-flow>.flow-card>.flow-card-body::-webkit-scrollbar{width:5px}.kombi-flow>.flow-card>.flow-card-body::-webkit-scrollbar-track{background:0 0}.kombi-flow>.flow-card>.flow-card-body::-webkit-scrollbar-thumb{background:var(--color-ink-200);border-radius:3px}.kombi-flow>.flow-card>.flow-card-footer{flex-shrink:0;position:relative}.flow-section{margin-bottom:calc(var(--spacing) * 3)}.flow-section+.flow-section{padding-top:calc(var(--spacing) * 3);border-top:1px solid var(--color-ink-200)}.flow-section-title{margin-bottom:calc(var(--spacing) * .5);align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-ink-900);display:flex}.flow-section-hint{margin-bottom:calc(var(--spacing) * 2);align-items:flex-start;gap:calc(var(--spacing) * 1.5);--tw-leading:var(--leading-relaxed);font-size:12px;line-height:var(--leading-relaxed);color:var(--color-ink-500);display:flex}.kz-reserve-card{border:1.5px solid var(--color-ink-200);background:var(--color-ink-50,#f8fafc);border-radius:12px;margin-top:1.25rem;padding:1rem 1.25rem;transition:border-color .3s,background .3s,box-shadow .3s}.kz-reserve-card.active{border-color:var(--color-primary-400,#60a5fa);background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.kz-reserve-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kz-reserve-title{color:var(--color-ink-900);font-size:.9rem;font-weight:600}.kz-reserve-sub{color:var(--color-ink-500);margin-top:2px;font-size:.8rem}.kz-reserve-badge{color:var(--color-primary-700,#1d4ed8);background:#3b82f61a;border-radius:999px;margin-top:.6rem;padding:4px 10px;font-size:.8rem;font-weight:500;animation:.2s fadeIn;display:inline-block}.kz-toggle{cursor:pointer;background:var(--color-ink-300,#d1d5db);border:none;border-radius:13px;flex-shrink:0;width:48px;height:26px;transition:background .3s;position:relative;overflow:hidden}.kz-toggle.on{background:var(--color-primary-600,#2563eb)}.kz-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.kz-toggle.on .kz-toggle-thumb{transform:translate(22px)}.kz-toggle.on:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);border-radius:13px;width:50%;height:100%;animation:3.5s ease-in-out .4s infinite toggle-shine;position:absolute;top:0;left:-60%}@keyframes toggle-shine{0%{left:-60%}35%{left:110%}to{left:110%}}.expand-panel{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 3);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);border:1px solid var(--color-ink-200);background:var(--color-ink-50,#f8fafc);animation:.16s ease-out expandPanelIn}@keyframes expandPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.radio-card-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.radio-card{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2.5);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border:1.5px solid var(--color-ink-200);border-radius:10px;display:flex}.radio-card:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.radio-card.selected{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-color:var(--color-primary-600);background:var(--color-primary-50);color:var(--color-primary-600);box-shadow:0 0 0 3px #3b82f614}.radio-card input[type=radio]{accent-color:var(--color-primary-600);height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.box-input-char{border:1.5px solid var(--color-primary-400,#60a5fa)!important}.box-input-char:focus{z-index:1;outline:none;border-color:var(--color-primary-500)!important;background:var(--color-primary-50,#eff6ff)!important;box-shadow:0 0 0 3px #3b82f626!important}.price-summary-row{border-bottom:1px solid var(--color-ink-200);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.price-summary-total{background:linear-gradient(135deg, var(--color-primary-50), #f0f7ff);border:1.5px solid var(--color-primary-200,#bfdbfe);border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.mitteilung-item{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 16px;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.mitteilung-item:hover{box-shadow:var(--shadow-card-md)}.mitteilung-item:before{content:"";border-radius:10px 0 0 10px;width:4px;position:absolute;top:0;bottom:0;left:0}.mitteilung-item.info:before{background:var(--color-info,#0891b2)}.mitteilung-item.warnung:before{background:var(--color-warning,#d97706)}.mitteilung-item.erfolg:before{background:var(--color-success,#16a34a)}.box-input-row{flex-wrap:wrap;gap:6px;display:flex}.box-input-cell{width:var(--box-input-w,36px);text-align:center;border:1.5px solid var(--color-primary-400,#60a5fa);background:#fff;border-radius:6px;flex:none;height:42px;font-size:16px;font-weight:600}.box-input-cell:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.kennzeichen-row{flex-wrap:wrap;gap:8px;display:flex}.kennzeichen-seg{border:1.5px solid var(--color-primary-400,#60a5fa);text-align:center;background:#fff;border-radius:6px;min-width:0;padding:8px 14px;font-family:monospace;font-size:18px;font-weight:700}.kennzeichen-seg:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.kennzeichen-seg-bezirk,.kennzeichen-seg-letters{width:70px}.kennzeichen-seg-numbers{width:80px}.radio-row{flex-wrap:wrap;gap:12px 24px;display:flex}.input-with-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-overlay{inset:calc(var(--spacing) * 0);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed}.modal{border-radius:var(--radius-xl);background-color:var(--color-white);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.modal-body{padding:calc(var(--spacing) * 6)}.modal-footer{justify-content:flex-end;gap:calc(var(--spacing) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-ink-200);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);display:flex}.timeline{padding-left:calc(var(--spacing) * 7);position:relative}.timeline:before{content:"";top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * .5);background:var(--color-ink-200);position:absolute}.timeline-item{padding-bottom:calc(var(--spacing) * 5);position:relative}.timeline-dot{top:calc(var(--spacing) * 1);left:calc(var(--spacing) * -6);height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);background-color:var(--color-white);border:3px solid var(--color-primary-600);border-radius:3.40282e38px;position:absolute}.timeline-item.completed .timeline-dot{border-color:var(--color-success);background:var(--color-success)}.timeline-content h4{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.timeline-content p{margin-top:calc(var(--spacing) * .5);color:var(--color-ink-500);font-size:13px}.timeline-time{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink-400)}.doc-checklist{padding:calc(var(--spacing) * 0);list-style-type:none}.doc-checklist li{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-ink-200);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.doc-check{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border:2px solid var(--color-ink-200);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-check.checked{color:var(--color-white);border-color:var(--color-success);background:var(--color-success)}.empty-state{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 16);text-align:center}.empty-state svg{margin-inline:auto;margin-bottom:calc(var(--spacing) * 4);color:var(--color-ink-400)}.empty-state h3{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.empty-state p{margin-bottom:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-ink-500)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes header-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes tab-pop{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.tab-panel{animation:.22s ease-out both tab-pop}.fade-in{animation:.3s fadeIn}.spinning,.spin{animation:1s linear infinite spin}@media (width<=1024px){.page-header-search .form-input{width:200px}.page-body{padding:20px}.page-header{padding:16px 20px}.flow-card-body{padding:24px}.flow-card-footer{padding:14px 24px}}@media (width<=900px){html,body{max-width:100vw;overflow-x:hidden}body{width:100%}.app-layout{max-width:100vw;display:block;overflow-x:hidden}.mobile-topbar{display:flex!important}.sidebar{box-shadow:0 12px 32px #00000059;width:86vw!important;max-width:320px!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.sidebar-backdrop.open{display:block}.sidebar-close-btn{display:inline-flex!important}.main-content{min-width:0;overflow-x:hidden;width:100%!important;max-width:100vw!important;margin-left:0!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;position:static}.page-header h2{white-space:normal;font-size:18px}.page-header p{font-size:12px}.page-header-actions,.page-header-search{width:100%}.page-header-search .form-input{width:100%!important}.page-body{padding:16px 14px}.form-row,.grid-2,.grid-3,.stats-grid,.process-grid,.radio-card-group{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.card-header{flex-wrap:wrap;gap:8px;padding:14px 16px}.card-body{padding:16px}.flow-card{border-radius:12px}.flow-card-body{padding:18px 16px}.flow-card-footer{flex-wrap:wrap;gap:8px;padding:12px 16px}.flow-card-footer .btn{flex:1;justify-content:center;min-width:0}.steps-modern{border-radius:12px;padding:16px 14px 18px}.steps-track{scrollbar-width:none;justify-content:flex-start;gap:16px;padding-bottom:4px;overflow-x:auto}.steps-track::-webkit-scrollbar{display:none}.steps-track-bg,.steps-track-fill{display:none}.step-modern{flex:none;min-width:64px}.step-modern-dot{width:32px;height:32px;font-size:13px}.step-modern-label{max-width:80px;font-size:11px}table{min-width:640px}.modal-overlay{align-items:stretch;padding:0}.modal{border-radius:0;width:100%;height:100%;max-height:100vh;max-width:100%!important}.tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:10px 14px;font-size:13px}.form-input,.form-select,.form-textarea{font-size:16px}.btn{padding:10px 16px}.btn-sm{padding:8px 12px}}.hilfebild-knopf{border:1px solid var(--hilfebild-rahmen,#7dd3fc);cursor:zoom-in;background:#fff;border-radius:8px;width:100%;padding:0;line-height:0;transition:box-shadow .15s;display:block;position:relative;overflow:hidden}.hilfebild-knopf:hover,.hilfebild-knopf:focus-visible{outline:none;box-shadow:0 0 0 3px #7dd3fc73}.hilfebild-knopf img{width:100%;height:auto;display:block}.hilfebild-hinweis{text-align:center;color:#fff;opacity:0;pointer-events:none;background:#0f172ab8;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .15s;display:flex;position:absolute;inset:0}.hilfebild-knopf:hover .hilfebild-hinweis,.hilfebild-knopf:focus-visible .hilfebild-hinweis{opacity:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}