/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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}}}:root{--brand-highlight:#2756fd;--brand-dark:#112d4e;--field-bg:#f2f2f2;--disabled-grey:#acacac;--text-white:#fff;--color-success:var(--accent-success,#10b981);--color-warning:var(--accent-warning,#f59e0b);--color-danger:var(--accent-error,#ef4444);--color-info:var(--accent-info,#06b6d4);--color-muted:#6b7280;--color-primary:var(--brand-highlight);--success-color:var(--accent-success,#10b981);--warning-color:var(--accent-warning,#f59e0b);--error-color:var(--accent-error,#ef4444);--info-color:var(--accent-info,#06b6d4);--brand-primary:var(--brand-highlight);--brand-secondary:var(--brand-highlight);--primary-blue:var(--brand-highlight);--text-field-grey:var(--field-bg);--pause-grey:var(--disabled-grey);--color-pause-grey:var(--disabled-grey);--font-primary:"Montserrat",system-ui,-apple-system,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*,:before,:after{font-family:var(--font-primary)}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}input,textarea,select,button{font-family:inherit}.page-header-card{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);box-shadow:var(--desktop-shadow-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);width:100%;max-width:100%;transition:all var(--desktop-transition-fast);margin-left:0;margin-right:0;position:relative}@media(max-width:768px){.page-header-card{background:var(--mobile-surface);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light);padding:var(--spacing-md)}}.page-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:0;display:flex}.page-header-text{flex:1;min-width:0}.page-header-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--brand-highlight);text-shadow:0 1px 2px #ffffff80;letter-spacing:-.02em;margin:0 0 var(--spacing-xs)0;line-height:var(--line-height-tight)}.page-header-tagline{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--brand-dark);opacity:.9;text-shadow:0 1px 1px #ffffff4d;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.page-header-cta{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.content-width-form{width:100%;max-width:50%;margin:0 auto}.content-width-table{width:100%;max-width:80%;margin:0 auto}.text-area-card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);background:#fff;border:1px solid #00000014}.text-area{width:100%;min-height:120px;padding:var(--spacing-md);border:1px solid var(--color-muted);border-radius:var(--border-radius-md);font-size:var(--font-size-base);resize:vertical;border-color:#00000026;outline:none;font-family:inherit;line-height:1.6}.text-area:focus{border-color:var(--brand-highlight);box-shadow:0 0 0 3px #2756fd1f}.text-area--borderless{width:100%;min-height:120px;padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-base);resize:vertical;background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6}.text-area--borderless:focus{box-shadow:none;outline:none}.statement-display{border-radius:var(--border-radius-md);padding:var(--spacing-md);line-height:1.6;font-size:var(--font-size-sm);position:relative}.statement-display--primary{background:var(--desktop-surface-secondary);color:var(--desktop-text-primary);border:1px solid var(--desktop-border-primary)}.statement-display--clamped{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.statement-display__toggle{margin-top:var(--spacing-sm);color:var(--brand-primary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--desktop-transition-fast);background:0 0;border:none;padding:0;text-decoration:underline;display:inline-block}.statement-display__toggle:hover{color:var(--brand-highlight)}@media(max-width:1024px){.content-width-form,.content-width-table{max-width:75%}}@media(max-width:768px){.content-width-form,.content-width-table{max-width:95%}}.action-card{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--desktop-shadow-md);transition:all var(--desktop-transition-fast);overflow:hidden}.action-card-header{background:var(--desktop-surface-secondary);border-bottom:1px solid var(--desktop-border-primary);padding:var(--spacing-md)var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.action-card-header-text{flex:1;min-width:0}.action-card-title{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary);margin:0 0 var(--spacing-xs)0;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.action-card-tagline{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--desktop-text-secondary);opacity:.9;margin:0;line-height:1.3}.action-card-header-cta,.action-card-header-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.action-card-content{padding:var(--spacing-md)var(--spacing-lg)}.action-card-footer{background:var(--desktop-surface-secondary);border-top:1px solid var(--desktop-border-primary);padding:var(--spacing-md)var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.content-card{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--desktop-shadow-md);transition:all var(--desktop-transition-fast)}.content-card-header{background:var(--desktop-surface-secondary);border-bottom:1px solid var(--desktop-border-primary);padding:var(--spacing-md)var(--spacing-lg)}.content-card-title{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--brand-highlight);margin:0}.content-card-content,.content-card-no-header{padding:var(--spacing-lg)}.sub-card{background:var(--desktop-surface-secondary);border:1px solid var(--desktop-border-secondary);border-radius:var(--desktop-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);height:100%;box-shadow:var(--desktop-shadow-sm);transition:all var(--desktop-transition-fast);flex-direction:column;display:flex}.sub-card:last-child{margin-bottom:0}.sub-card-title{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--desktop-text-secondary);margin:0 0 var(--spacing-md)0;text-transform:uppercase;letter-spacing:.05em;opacity:1;flex-shrink:0}.card-spacing{margin-bottom:var(--spacing-lg)}.card-spacing:last-child{margin-bottom:0}.card-section-gap{margin-bottom:var(--spacing-md)}.data-table-container{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--desktop-shadow-md);transition:all var(--desktop-transition-fast);overflow:hidden}.toast-container{bottom:env(safe-area-inset-bottom,0rem);pointer-events:none;z-index:10000;padding:var(--spacing-sm);justify-content:center;align-items:center;display:flex;position:fixed;left:0;right:0}.toast-stack{gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:min(560px,95vw);display:flex}.toast{pointer-events:auto;align-items:center;gap:var(--spacing-sm);background:var(--desktop-surface);color:var(--desktop-text-primary);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);box-shadow:var(--desktop-shadow-lg);padding:var(--spacing-sm)var(--spacing-md);width:100%;transition:all var(--desktop-transition-fast);grid-template-columns:1fr auto;display:grid}.toast-message{font-size:var(--font-size-sm);line-height:var(--line-height-base)}.toast-actions{gap:var(--spacing-xs);display:inline-flex}.toast-info{border-left:4px solid var(--info-color)}.toast-success{border-left:4px solid var(--success-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-error{border-left:4px solid var(--error-color)}.toast .toast-close{border:1px solid var(--desktop-border-primary);color:var(--desktop-text-secondary);border-radius:var(--desktop-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--desktop-transition-fast);background:0 0;padding:.25rem .5rem}.toast .toast-close:hover{background:var(--desktop-surface-accent);color:var(--brand-primary)}.toast .toast-close:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.toast{animation:toast-slide-up var(--transition-base)}}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.toast{background:var(--mobile-surface);border-color:var(--mobile-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm)var(--spacing-sm);box-shadow:var(--mobile-shadow-light)}.toast-message{font-size:var(--font-size-base);color:var(--mobile-text-primary)}.toast .toast-close{border-color:var(--mobile-border);color:var(--mobile-text-secondary)}.toast .toast-close:hover{background:var(--desktop-surface-accent)}}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-primary);font-size:var(--font-size-sm);background:0 0}.data-table th{background:var(--desktop-surface-secondary);color:var(--desktop-text-secondary);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-align:left;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--desktop-border-primary);transition:background-color var(--desktop-transition-fast);position:sticky;top:0}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--desktop-transition-fast)}.data-table th.sortable:hover{background:var(--desktop-surface-accent);color:var(--brand-primary)}.data-table tbody tr{transition:background-color var(--desktop-transition-fast);background:0 0}.data-table tbody tr:hover{background:var(--desktop-surface-hover)}.data-table td{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--desktop-border-secondary);color:var(--desktop-text-primary);font-family:var(--font-primary);vertical-align:top}.data-table tbody tr:last-child td{border-bottom:none}.data-table .actions-column{text-align:center;width:120px}.data-table .actions-column th{text-align:center}.btn-cta{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--border-radius-md);min-height:2.75rem}.btn-normal{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);min-height:2.25rem}.btn-action{background:var(--brand-highlight);color:var(--text-light);font-family:var(--font-primary);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:none}.btn-action:hover:not(:disabled){background:var(--brand-highlight)}@supports (color:color-mix(in lab,red,red)){.btn-action:hover:not(:disabled){background:color-mix(in srgb,var(--brand-highlight)85%,black)}}.btn-action:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-alternative{background:var(--field-bg);color:var(--brand-highlight);font-family:var(--font-primary);font-weight:var(--font-weight-bold);border:1px solid var(--disabled-grey);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-alternative:hover:not(:disabled){background:var(--field-bg)}@supports (color:color-mix(in lab,red,red)){.btn-alternative:hover:not(:disabled){background:color-mix(in srgb,var(--field-bg)90%,var(--brand-highlight))}}.btn-alternative:hover:not(:disabled){color:var(--brand-dark);border-color:var(--brand-highlight);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn svg{vertical-align:middle;width:1em;height:1em;display:inline-block}.btn .icon-left{margin-right:.5rem}.btn .icon-right{margin-left:.5rem}.buttons-action-align{justify-content:flex-end;gap:var(--spacing-sm);align-items:center;display:flex}.buttons-secondary-align{justify-content:flex-start;gap:var(--spacing-sm);align-items:center;display:flex}.buttons-mixed-align{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.buttons-mixed-align .buttons-left,.buttons-mixed-align .buttons-right{gap:var(--spacing-sm);align-items:center;display:flex}.text-primary{color:var(--desktop-text-primary)}.text-secondary{color:var(--desktop-text-secondary)}.text-tertiary{color:var(--desktop-text-tertiary)}.text-muted{color:var(--desktop-text-muted)}.text-light{color:var(--text-light)}.text-brand{color:var(--brand-highlight)}@media(max-width:768px){.text-primary{color:var(--mobile-text-primary)}.text-secondary{color:var(--mobile-text-secondary)}}.form-field-enhanced:focus{border-color:var(--brand-highlight);outline:none;box-shadow:0 0 0 2px #2756fd1a}.form-label-enhanced{color:var(--desktop-text-primary);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);display:block}@media(max-width:768px){.form-label-enhanced{color:var(--mobile-text-primary)}}.form-field-value{color:var(--desktop-text-primary);font-family:var(--font-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding:var(--spacing-xs)0;opacity:.9}@media(max-width:768px){.form-field-value{color:var(--mobile-text-primary)}}.form-grid-two-column{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-grid-three-column{gap:var(--spacing-lg);grid-template-columns:1fr 1fr 1fr;display:grid}@media(max-width:768px){.form-grid-two-column,.form-grid-three-column{gap:var(--spacing-md);grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.form-grid-three-column{gap:var(--spacing-md);grid-template-columns:1fr 1fr}}@media(max-width:768px){.page-header-content{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.page-header-card{padding:var(--spacing-md)}.page-header-title{font-size:var(--font-size-2xl)}.page-header-tagline{font-size:var(--font-size-sm);white-space:normal}.page-header-cta{align-self:flex-start;width:100%}.action-card-header{padding:var(--spacing-sm)var(--spacing-md)}.action-card-content{padding:var(--spacing-sm)}.buttons-mixed-align{flex-direction:column;align-items:stretch}.buttons-mixed-align .buttons-left,.buttons-mixed-align .buttons-right{justify-content:center}}@media(min-width:769px)and (max-width:1024px){.page-header-content{gap:var(--spacing-md)}.page-header-tagline{white-space:normal}}.action-card:focus-within,.content-card:focus-within{border-color:var(--brand-highlight);box-shadow:0 0 0 2px #2756fd1a}@media(prefers-contrast:high){.page-header-card,.action-card,.content-card,.data-table-container{background:var(--field-bg);border:2px solid}.data-table th{border-bottom:2px solid}.data-table td{border-bottom:1px solid}}@media(prefers-reduced-motion:reduce){.page-header-card,.action-card,.content-card,.data-table tbody tr,.btn-action,.btn-alternative{transition:none}.btn-action:hover,.btn-alternative:hover{transform:none}}.alert-card{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);color:var(--desktop-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary);align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm)0;transition:all var(--desktop-transition-fast);display:flex;position:relative}.alert-card:before{font-size:var(--font-size-base);opacity:.9;flex-shrink:0}.alert-card,.alert-card.alert-error{background-color:#f4433626;border:1px solid #f4433666;box-shadow:0 2px 8px #f443361a}.alert-card:before,.alert-card.alert-error:before{content:"⚠";color:#f44336e6}.alert-card.alert-warning{background-color:#ff980026;border:1px solid #ff980066;box-shadow:0 2px 8px #ff98001a}.alert-card.alert-warning:before{content:"⚠";color:#ff9800e6}.alert-card.alert-info{background-color:#2196f326;border:1px solid #2196f366;box-shadow:0 2px 8px #2196f31a}.alert-card.alert-info:before{content:"ℹ";color:#2196f3e6}.alert-card.alert-success{background-color:#4caf5026;border:1px solid #4caf5066;box-shadow:0 2px 8px #4caf501a}.alert-card.alert-success:before{content:"✓";color:#4caf50e6}.alert-card.alert-network{background-color:#9c27b026;border:1px solid #9c27b066;box-shadow:0 2px 8px #9c27b01a}.alert-card.alert-network:before{content:"🌐";color:#9c27b0e6}.text-brand-highlight{color:var(--brand-highlight)}.text-brand-dark{color:var(--brand-dark)}.text-disabled{color:var(--disabled-grey)}.font-primary{font-family:var(--font-primary)}.form-label{color:var(--desktop-text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);display:block}@media(max-width:768px){.form-label{color:var(--mobile-text-primary)}}.form-data-label{color:var(--disabled-grey);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);text-transform:none;display:block}.form-data-field{color:var(--desktop-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-md);text-transform:none}@media(max-width:768px){.form-data-field{color:var(--mobile-text-primary)}}.form-data-field--last,.action-card--last{margin-bottom:0}.form-content-display{background-color:var(--field-bg);color:var(--brand-dark);border:1px solid var(--disabled-grey);border-radius:var(--border-radius-md);padding:var(--spacing-md);font-family:var(--font-primary);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-y:auto}.form-content-display--white{color:var(--desktop-text-primary);border:1px solid var(--desktop-border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);font-family:var(--font-primary);line-height:var(--line-height-normal);white-space:pre-wrap;background-color:#0000;overflow-y:auto}@media(max-width:768px){.form-content-display--white{color:var(--mobile-text-primary);border-color:var(--mobile-border)}}.readonly-textarea{color:var(--desktop-text-primary);border:1px solid var(--disabled-grey);border-radius:var(--border-radius-md);padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-lg);line-height:var(--line-height-normal);white-space:pre-wrap;resize:none;background-color:#0000;outline:none;width:100%;overflow:hidden}@media(max-width:768px){.readonly-textarea{color:var(--mobile-text-primary)}}.readonly-textarea--expanded{height:auto;overflow:visible}.form-select{width:100%;padding:var(--spacing-xs)var(--spacing-sm);background:var(--field-bg);border:1px solid var(--disabled-grey);border-radius:var(--border-radius-sm);color:var(--brand-dark);font-family:var(--font-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus{border-color:var(--brand-highlight);outline:none;box-shadow:0 0 0 2px #2756fd1a}.action-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em;display:inline-flex}.flex-content{flex:1;min-width:0}.glass-surface-enhanced{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-md);box-shadow:var(--desktop-shadow-md);transition:all var(--desktop-transition-fast)}@media(max-width:768px){.glass-surface-enhanced{background:var(--mobile-surface);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}}.filters-section{max-width:var(--content-width-table);width:100%;margin:0 auto}.filters-layout{gap:var(--spacing-lg);align-items:stretch;display:flex}.filters-layout .action-card{margin-bottom:0}.search-filters-card{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--desktop-shadow-md);transition:all var(--desktop-transition-fast);flex-direction:column;flex:2;display:flex}@media(max-width:768px){.search-filters-card{background:var(--mobile-surface);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}}.search-grid{gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr;align-items:end;display:grid}.search-actions{padding-top:var(--spacing-sm);border-top:1px solid var(--disabled-grey);justify-content:space-between;align-items:center;display:flex}.sort-view-card{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--desktop-shadow-md);transition:all var(--desktop-transition-fast);flex-direction:column;flex:1;display:flex}@media(max-width:768px){.sort-view-card{background:var(--mobile-surface);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}}.sort-controls{gap:var(--spacing-md);flex-direction:column;display:flex}@media(max-width:1200px){.filters-section{max-width:90%}.search-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.filters-layout{gap:var(--spacing-md);flex-direction:column}.search-filters-card,.sort-view-card{flex:none}}@media(max-width:768px){.filters-section{max-width:95%}.search-filters-card,.sort-view-card{padding:var(--spacing-md)}.search-actions{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.sort-controls{gap:var(--spacing-sm)}}@media(max-width:480px){.filters-section{max-width:100%}.filters-layout{gap:var(--spacing-sm)}.search-filters-card,.sort-view-card{padding:var(--spacing-sm)}}.header-subtitle{margin-top:.5rem}.help-dialog-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-dialog-container{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--desktop-shadow-xl);width:50%;max-width:50%;transition:all var(--desktop-transition-fast);margin:0;position:relative;overflow:hidden}.help-dialog-container>*{z-index:2;position:relative}.help-dialog-content{z-index:2;padding:2rem;position:relative}.help-dialog-close{border:1px solid var(--desktop-border-primary);cursor:pointer;border-radius:var(--desktop-radius-sm);color:var(--desktop-text-secondary);transition:all var(--desktop-transition-fast);z-index:3;background:0 0;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.help-dialog-close:hover{background:var(--desktop-surface-accent);color:var(--brand-primary);border-color:var(--desktop-border-accent)}.help-dialog-close:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px}.help-dialog-header{text-align:center;margin-bottom:2rem}.help-dialog-icon{color:var(--brand-highlight);margin-bottom:1rem}.help-dialog-title{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--desktop-text-primary);text-align:center;margin:0 0 .5rem}.help-dialog-subtitle{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--desktop-text-secondary);text-align:center;margin:0}.help-dialog-body{color:var(--desktop-text-primary);line-height:1.6}.help-dialog-body h3{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary);margin:1.5rem 0 .5rem}.help-dialog-body p{color:var(--desktop-text-primary);margin:0 0 1rem}.help-dialog-body ul{margin:0 0 1rem;padding-left:1.5rem}.help-dialog-body li{color:var(--desktop-text-primary);margin:.25rem 0}.page-header-info-icon{border:1px solid var(--desktop-border-primary);background:var(--desktop-surface);width:36px;height:36px;color:var(--brand-primary);cursor:pointer;transition:all var(--desktop-transition-fast);box-shadow:var(--desktop-shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-header-info-icon:hover{background:var(--desktop-surface-accent);color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--desktop-shadow-md);transform:translateY(-1px)}.page-header-info-icon:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px}.page-header-info-icon svg{width:20px;height:20px}@media(min-width:1024px){.help-dialog-container{width:50%;min-width:50%;max-width:50%}}@media(min-width:769px)and (max-width:1023px){.help-dialog-container{width:80%;max-width:80%}}@media(max-width:768px){.help-dialog-container{min-width:90%;max-width:95%;margin:1rem}.help-dialog-content{padding:1.5rem}.help-dialog-close{top:.75rem;right:.75rem}}@media(max-width:480px){.help-dialog-container{min-width:95%;max-width:98%;margin:.5rem}.help-dialog-content{padding:1rem}.help-dialog-close{top:.5rem;right:.5rem}}@media(max-width:768px){.help-dialog-container{background:var(--mobile-surface);border-color:var(--mobile-border)}.help-dialog-close{border-color:var(--mobile-border);color:var(--mobile-text-secondary)}.help-dialog-title{color:var(--mobile-text-primary)}.help-dialog-subtitle{color:var(--mobile-text-secondary)}.help-dialog-body,.help-dialog-body h3,.help-dialog-body p,.help-dialog-body li{color:var(--mobile-text-primary)}.page-header-info-icon{border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}.page-header-info-icon:hover{box-shadow:var(--mobile-shadow-light)}}.info-dialog-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.info-dialog{width:100%;max-width:520px}@media(min-width:641px){.info-dialog{max-width:780px}}@media(max-width:640px){.info-dialog{max-width:calc(100vw - 2rem);margin:0 1rem}}.info-dialog-field-name{color:#ffffffe6;font-weight:600}.decision-dialog-overlay{z-index:10001;-webkit-backdrop-filter:blur(12px);background:#000000f2;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.decision-dialog{border-radius:var(--border-radius-lg,12px);background:linear-gradient(135deg,#1a1b23,#2a2d3a);border:1px solid #ffffff26;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 40px #0009,0 8px 16px #0000004d}@media(min-width:641px){.decision-dialog{max-width:780px}}@media(max-width:640px){.decision-dialog{max-width:calc(100vw - 2rem);margin:0 1rem}}.decision-dialog-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 1.5rem 1rem}.decision-dialog-title{color:#fff;text-align:left;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.decision-dialog-subtitle{color:#ffffffb3;margin:0;font-size:.875rem;line-height:1.5}.decision-dialog-content{padding:1.5rem}.decision-dialog-option{border-radius:var(--border-radius-md,8px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .2s;position:relative}.decision-dialog-option:last-child{margin-bottom:0}.decision-dialog-option:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.decision-dialog-option.selected{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e80}.decision-dialog-option-header{align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.decision-dialog-option-icon{color:#fffc;flex-shrink:0;width:24px;height:24px}.decision-dialog-option.selected .decision-dialog-option-icon{color:#22c55ee6}.decision-dialog-option-title{color:#fff;flex:1;margin:0;font-size:1rem;font-weight:600}.decision-dialog-option-check{border-radius:var(--border-radius-sm,4px);color:#0000;background:0 0;border:2px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:relative}.decision-dialog-option.selected .decision-dialog-option-check{color:#fff;background:#22c55ee6;border-color:#22c55ee6}.decision-dialog-option-description{color:#fff9;margin:0;padding-left:calc(24px + .75rem);font-size:.875rem;line-height:1.4}.decision-dialog-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.decision-dialog-footer .btn{min-width:100px;font-size:.875rem}.decision-dialog-footer .btn-outline{color:var(--color-primary,#2563eb);background:#fff;border-color:#fff3}.decision-dialog-footer .btn-outline:hover{color:var(--color-primary,#2563eb);background:#ffffffe6;border-color:#ffffff4d;transform:translateY(-1px)}.decision-dialog-footer .btn-action{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f64d}.decision-dialog-footer .btn-action:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.decision-dialog-footer .btn-action:disabled{color:#ffffff80;cursor:not-allowed;background:#3b82f64d;border-color:#3b82f633;transform:none}.decision-dialog-close{color:#fff9;cursor:pointer;border-radius:var(--border-radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.decision-dialog-close:hover{color:#ffffffe6;background:#ffffff1a}.tooltip-trigger{justify-content:center;align-items:center;display:inline-flex}.tooltip{z-index:10000;pointer-events:none;animation:.2s ease-out tooltipFadeIn;position:fixed}.tooltip__content{background-color:var(--desktop-surface);color:var(--desktop-text-primary);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-sm);font-size:var(--font-size-xs);font-family:var(--font-primary);box-shadow:var(--desktop-shadow-md);word-wrap:break-word;transition:all var(--desktop-transition-fast);padding:.5rem .75rem;line-height:1.4;position:relative}.tooltip--top .tooltip__content:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--desktop-surface);width:0;height:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.tooltip--bottom .tooltip__content:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--desktop-surface);width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.tooltip--left .tooltip__content:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid var(--desktop-surface);width:0;height:0;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.tooltip--right .tooltip__content:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid var(--desktop-surface);width:0;height:0;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.9)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.label-with-tooltip{justify-content:space-between;align-items:center;width:100%;display:flex}.form-help-icon{color:var(--desktop-text-primary);cursor:help;opacity:.8;transition:opacity var(--transition-fast);flex-shrink:0;margin-left:.5rem}.form-help-icon:hover,.form-help-icon:focus{opacity:1}@media(max-width:768px){.form-help-icon{color:var(--mobile-text-primary)}.tooltip__content{background-color:var(--mobile-surface);color:var(--mobile-text-primary);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light);padding:.4rem .6rem;font-size:.7rem;max-width:200px!important}.tooltip--top .tooltip__content:after{border-top-color:var(--mobile-surface)}.tooltip--bottom .tooltip__content:after{border-bottom-color:var(--mobile-surface)}.tooltip--left .tooltip__content:after{border-left-color:var(--mobile-surface)}.tooltip--right .tooltip__content:after{border-right-color:var(--mobile-surface)}}@media(prefers-contrast:high){.tooltip__content{color:canvas;background-color:canvastext;border:2px solid canvastext}.tooltip--top .tooltip__content:after{border-top-color:canvastext}.tooltip--bottom .tooltip__content:after{border-bottom-color:canvastext}.tooltip--left .tooltip__content:after{border-left-color:canvastext}.tooltip--right .tooltip__content:after{border-right-color:canvastext}}@media(prefers-reduced-motion:reduce){.tooltip{animation:none}}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);border:1px solid #0000;min-height:2.25rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-highlight);color:var(--desktop-text-primary);border-color:var(--brand-highlight);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--brand-highlight)}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand-highlight)85%,black)}}.btn-primary:hover:not(:disabled){border-color:var(--brand-highlight)}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-highlight)85%,black)}}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--field-bg);color:var(--brand-highlight);border:1px solid var(--disabled-grey);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--field-bg)}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--field-bg)90%,var(--brand-highlight))}}.btn-secondary:hover:not(:disabled){color:var(--brand-dark);border-color:var(--brand-highlight);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:var(--desktop-text-primary);border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger)85%,black)}}.btn-danger:hover:not(:disabled){border-color:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-danger)85%,black)}}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);min-height:1.75rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.page-header-left{flex:1;min-width:0}.page-header-right{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.page-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--brand-highlight);text-shadow:0 1px 2px #ffffff80;letter-spacing:-.02em;margin:0 0 var(--spacing-xs)0;line-height:var(--line-height-tight)}.page-subtitle{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--brand-dark);opacity:.9;text-shadow:0 1px 1px #ffffff4d;margin:0;line-height:1.2}.footer-thirds{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.footer-third{min-width:0}@media(max-width:768px){.footer-thirds{gap:var(--spacing-sm);grid-template-columns:1fr}}.form-textarea{border:1px solid var(--disabled-grey);border-radius:var(--border-radius-lg);width:100%;min-height:80px;font-size:var(--font-size-base);font-family:var(--font-primary);resize:vertical;color:var(--brand-dark);box-sizing:border-box;transition:border-color var(--transition-fast);background-color:#fff;padding:.75rem}.form-textarea:focus{border-color:var(--brand-highlight);outline:none;box-shadow:0 0 0 2px #2756fd1a}.form-textarea:disabled{background-color:var(--field-bg);color:var(--disabled-grey);cursor:not-allowed}.form-textarea.form-textarea--error{border-color:var(--color-danger)}.status-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);border:1px solid #0000;display:inline-block}.status-active,.status-success{color:#22c55ee6;background-color:#22c55e33;border-color:#22c55e4d}.status-inactive,.status-disabled{color:#6b7280e6;background-color:#6b728033;border-color:#6b72804d}.status-pending,.status-warning{color:#f59e0be6;background-color:#f59e0b33;border-color:#f59e0b4d}.status-error,.status-danger{color:#ef4444e6;background-color:#ef444433;border-color:#ef44444d}.status-processing,.status-info{color:#3b82f6e6;background-color:#3b82f633;border-color:#3b82f64d}.status-draft,.status-neutral{color:#9ca3afe6;background-color:#9ca3af33;border-color:#9ca3af4d}.status-alternative{color:#9ca3afe6;background-color:#bec3c91a;border-color:#9ca3af4d}.status-completed,.status-done{color:#059669e6;background-color:#05966933;border-color:#0596694d}.status-new,.status-highlight{color:#2756fde6;background-color:#2756fd33;border-color:#2756fd4d}.required-asterisk{color:var(--color-danger);font-weight:var(--font-weight-medium);margin-left:.125rem}.search-controls{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center;display:flex}.search-input{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--disabled-grey);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:var(--font-primary);background:var(--field-bg);color:var(--brand-dark);min-width:200px}.search-input:focus{border-color:var(--brand-highlight);outline:none;box-shadow:0 0 0 2px #2756fd1a}.action-buttons{gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;display:flex}.loading-message{padding:var(--spacing-lg);text-align:center;color:var(--disabled-grey);font-family:var(--font-primary);font-style:italic}.error-message{padding:var(--spacing-lg);color:var(--color-danger);border-radius:var(--border-radius-md);margin:var(--spacing-md)0;font-family:var(--font-primary);background-color:#ef44441a;border:1px solid #ef44444d}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--disabled-grey)}.empty-state-title{margin:0 0 var(--spacing-xs)0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.empty-state-description{font-size:var(--font-size-sm);font-family:var(--font-primary);opacity:.8;margin:0}.pagination{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.pagination-info{font-size:var(--font-size-sm);color:var(--disabled-grey);font-family:var(--font-primary);padding:0 var(--spacing-md)}.input-type-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media(max-width:768px){.input-type-grid{grid-template-columns:1fr;gap:1rem}}.text-submode-grid,.audio-submode-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.text-submode-features{flex:1;grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media(max-width:768px){.text-submode-grid,.audio-submode-grid{grid-template-columns:1fr;gap:1rem}.text-submode-features{display:none}.audio-submode-features{display:none!important}.text-submode-selector [role=radio],.audio-submode-selector [role=radio]{min-height:200px!important;padding:1rem!important}}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-full{top:100%}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-px{width:1px}.flex-shrink{flex-shrink:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-100{opacity:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{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,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--brand-highlight:#2756fd;--brand-dark:#112d4e;--field-bg:#f2f2f2;--brand-primary:var(--brand-highlight);--brand-secondary:var(--brand-dark);--brand-primary-light:#4a7bff;--brand-primary-dark:#1e4fd9;--brand-secondary-light:#1e3a5f;--brand-secondary-dark:#0a1929;--accent-success:#10b981;--accent-success-light:#34d399;--accent-success-dark:#059669;--accent-success-bg:#10b9811a;--accent-success-border:#10b9814d;--accent-warning:#f59e0b;--accent-warning-light:#fbbf24;--accent-warning-dark:#d97706;--accent-warning-bg:#f59e0b1a;--accent-warning-border:#f59e0b4d;--accent-error:#ef4444;--accent-error-light:#f87171;--accent-error-dark:#dc2626;--accent-error-bg:#ef44441a;--accent-error-border:#ef44444d;--accent-info:#06b6d4;--accent-info-light:#22d3ee;--accent-info-dark:#0891b2;--accent-info-bg:#06b6d41a;--accent-info-border:#06b6d44d;--accent-purple:var(--brand-accent);--accent-purple-light:#a78bfa;--accent-purple-dark:#7c3aed;--accent-purple-bg:#8b5cf61a;--accent-purple-border:#8b5cf64d;--primary-blue:var(--brand-primary);--secondary-blue:var(--brand-secondary);--dark-blue:var(--brand-dark);--text-light:#fff;--text-dark:#333;--text-muted:#666;--text-inverse:#fff;--desktop-surface:#fff;--desktop-surface-secondary:#f8fafc;--desktop-surface-tertiary:#f1f5f9;--desktop-surface-accent:#eff6ff;--desktop-surface-hover:#f9fafb;--desktop-background:#fafbfc;--desktop-background-alt:#f5f7fa;--desktop-text-primary:#111827;--desktop-text-secondary:#4b5563;--desktop-text-tertiary:#6b7280;--desktop-text-muted:#9ca3af;--desktop-text-light:#fff;--desktop-text-on-brand:#fff;--desktop-border-primary:#e5e7eb;--desktop-border-secondary:#f3f4f6;--desktop-border-accent:#cbd5e1;--desktop-border-hover:#94a3b8;--desktop-shadow-xs:0 1px 2px #0000000a;--desktop-shadow-sm:0 2px 6px #0000000d,0 1px 3px #00000008;--desktop-shadow-md:0 4px 12px #00000014,0 2px 6px #0000000a;--desktop-shadow-lg:0 8px 24px #0000001a,0 4px 12px #0000000f;--desktop-shadow-xl:0 16px 48px #0000001f,0 8px 24px #00000014;--desktop-shadow-2xl:0 24px 64px #00000024,0 12px 32px #0000001a;--desktop-shadow-brand:0 6px 20px #2756fd2e,0 3px 8px #2756fd1a;--desktop-shadow-brand-strong:0 8px 28px #2756fd40,0 4px 12px #2756fd26;--desktop-transition-fast:.15s cubic-bezier(.4,0,.2,1);--desktop-transition-base:.22s cubic-bezier(.4,0,.2,1);--desktop-transition-slow:.32s cubic-bezier(.4,0,.2,1);--desktop-ease-in-out:cubic-bezier(.4,0,.2,1);--desktop-ease-spring:cubic-bezier(.34,1.56,.64,1);--desktop-ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--desktop-spacing-2xs:.125rem;--desktop-spacing-xs:.25rem;--desktop-spacing-sm:.5rem;--desktop-spacing-md:1rem;--desktop-spacing-lg:1.5rem;--desktop-spacing-xl:2rem;--desktop-spacing-2xl:3rem;--desktop-spacing-3xl:4rem;--desktop-spacing-4xl:6rem;--desktop-radius-sm:.5rem;--desktop-radius-md:.75rem;--desktop-radius-lg:1rem;--desktop-radius-xl:1.25rem;--desktop-radius-2xl:1.5rem;--desktop-radius-3xl:2rem;--desktop-radius-full:9999px;--mobile-surface:#fff;--mobile-background:#fafbfc;--mobile-border:#e5e7eb;--mobile-text-primary:#1f2937;--mobile-text-secondary:var(--text-muted);--mobile-text-light:#fff;--mobile-shadow-light:0 1px 3px #0000000d;--theme-bg:var(--desktop-background);--theme-bg-alt:var(--desktop-background-alt);--theme-surface:var(--desktop-surface);--theme-surface-secondary:var(--desktop-surface-secondary);--theme-surface-accent:var(--desktop-surface-accent);--theme-text:var(--desktop-text-primary);--theme-text-secondary:var(--desktop-text-secondary);--theme-text-muted:var(--desktop-text-muted);--theme-border:var(--desktop-border-primary);--theme-border-accent:var(--desktop-border-accent);--theme-shadow:var(--desktop-shadow-sm);--theme-shadow-hover:var(--desktop-shadow-md);--theme-transition:var(--desktop-transition-base);--background:#fafbfc;--background-dark:#1a1a1a;--color-card-bg:#fff;--color-text:var(--text-dark);--color-text-muted:var(--text-muted);--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-hover-bg:#f9fafb;--color-background-subtle:#f8f9fa;--color-primary:var(--primary-blue);--color-primary-bg:#2756fd0d;--color-error-bg:#ef44441a;--success-color:var(--accent-success);--warning-color:var(--accent-warning);--error-color:var(--accent-error);--info-color:var(--accent-info);--color-success-background:var(--accent-success-bg);--color-success-text:var(--accent-success-dark);--color-success-border:var(--accent-success-border);--color-danger-background:var(--accent-error-bg);--color-danger-text:var(--accent-error-dark);--color-danger-border:var(--accent-error-border);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.6;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{line-height:var(--line-height-base);-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--theme-text);background:var(--theme-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--theme-transition);margin:0}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}a{color:var(--primary-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary-blue);text-decoration:underline}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flat-surface{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--desktop-radius-lg);box-shadow:var(--theme-shadow);transition:all var(--theme-transition)}.flat-surface:hover{box-shadow:var(--theme-shadow-hover);border-color:var(--theme-border-accent)}.desktop-card{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);box-shadow:var(--desktop-shadow-sm);transition:all var(--desktop-transition-base)}.desktop-card:hover{box-shadow:var(--desktop-shadow-md);border-color:var(--desktop-border-accent);transform:translateY(-2px)}.desktop-card-elevated{box-shadow:var(--desktop-shadow-lg)}.desktop-card-brand{border-left:4px solid var(--brand-highlight);box-shadow:var(--desktop-shadow-brand)}.hover-lift{transition:transform var(--desktop-transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-shadow{transition:box-shadow var(--desktop-transition-base)}.hover-shadow:hover{box-shadow:var(--desktop-shadow-md)}.hover-scale{transition:transform var(--desktop-transition-base)}.hover-scale:hover{transform:scale(1.02)}.desktop-focusable:focus{outline:3px solid var(--brand-highlight);outline-offset:2px;border-radius:var(--desktop-radius-md)}.desktop-card:focus-within{border-color:var(--brand-highlight);box-shadow:var(--desktop-shadow-brand)}@media(min-width:768px){:root{--spacing-scale:1.2}}@media(max-width:767px){:root{--theme-surface:var(--mobile-surface);--theme-bg:var(--mobile-background);--theme-border:var(--mobile-border);--theme-shadow:var(--mobile-shadow-light);--spacing-scale:1}.hover-lift:hover,.hover-scale:hover{transform:none}.hover-shadow:hover{box-shadow:var(--mobile-shadow-light)}.desktop-card:hover{box-shadow:var(--mobile-shadow-light);transform:none}.flat-surface:hover{box-shadow:var(--mobile-shadow-light)}}.login-form-container button:not(.btn):not([class*=btn]){background:var(--desktop-surface)!important;border:1px solid var(--desktop-border-primary)!important;color:var(--desktop-text-primary)!important;border-radius:var(--desktop-radius-md)!important;box-shadow:var(--desktop-shadow-xs)!important;transition:all var(--desktop-transition-fast)!important;cursor:pointer!important;padding:.5rem 1rem!important;font-weight:600!important}.login-form-container button:not(.btn):not([class*=btn]):hover{background:var(--desktop-surface-accent)!important;border-color:var(--desktop-border-accent)!important;box-shadow:var(--desktop-shadow-sm)!important}.login-form-container .input__label,.login-form-container label{color:var(--desktop-text-primary)!important;font-weight:var(--font-weight-medium)!important}.login-form-container .input__helper{color:var(--desktop-text-muted)!important}.reduced-motion *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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}.typography{margin:0;font-family:var(--font-family-base);line-height:var(--line-height-base)}.typography--h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}.typography--h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em}.typography--h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.typography--h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base)}.typography--h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.typography--h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.typography--subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);line-height:var(--line-height-base);opacity:.9}.typography--body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.typography--body-lg{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.typography--body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.typography--caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);text-transform:uppercase;letter-spacing:.05em}.typography--color-default{color:var(--theme-text)}.typography--color-light{color:var(--text-light)}.typography--color-muted{color:var(--theme-text-muted)}.typography--color-primary{color:var(--primary-blue)}.typography--color-success{color:var(--success-color)}.typography--color-warning{color:var(--warning-color)}.typography--color-error{color:var(--error-color)}.typography--weight-light{font-weight:var(--font-weight-light)!important}.typography--weight-normal{font-weight:var(--font-weight-normal)!important}.typography--weight-medium{font-weight:var(--font-weight-medium)!important}.typography--weight-semibold{font-weight:var(--font-weight-semibold)!important}.typography--weight-bold{font-weight:var(--font-weight-bold)!important}.typography--align-left{text-align:left}.typography--align-center{text-align:center}.typography--align-right{text-align:right}@media(max-width:768px){.typography--h1{font-size:var(--font-size-4xl)}.typography--h2{font-size:var(--font-size-3xl)}.typography--h3{font-size:var(--font-size-2xl)}.typography--subtitle{font-size:var(--font-size-xl)}}@media(max-width:480px){.typography--h1{font-size:var(--font-size-3xl)}.typography--h2{font-size:var(--font-size-2xl)}.typography--h3{font-size:var(--font-size-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;cursor:pointer;transition:all var(--desktop-transition-base);position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:3px solid var(--brand-highlight);outline-offset:2px;border-radius:var(--desktop-radius-md)}.btn--xs{padding:var(--desktop-spacing-xs) var(--desktop-spacing-sm);font-size:var(--font-size-xs);border-radius:var(--desktop-radius-sm);min-height:1.75rem}.btn--sm{padding:var(--desktop-spacing-xs) var(--desktop-spacing-md);font-size:var(--font-size-sm);border-radius:var(--desktop-radius-sm);min-height:2.25rem}.btn--md{padding:var(--desktop-spacing-sm) var(--desktop-spacing-lg);font-size:var(--font-size-base);border-radius:var(--desktop-radius-md);min-height:2.75rem}.btn--lg{padding:var(--desktop-spacing-md) var(--desktop-spacing-xl);font-size:var(--font-size-lg);border-radius:var(--desktop-radius-lg);min-height:3.25rem}.btn--xl{padding:var(--desktop-spacing-md) var(--desktop-spacing-2xl);font-size:var(--font-size-xl);border-radius:var(--desktop-radius-xl);min-height:3.75rem}.btn--full-width{width:100%}.btn--primary{background:var(--brand-highlight);color:var(--desktop-text-light);border:none;box-shadow:var(--desktop-shadow-sm);position:relative}.btn--primary:hover:not(:disabled){background:#1e4fd9;transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn--primary:active{transform:translateY(0);box-shadow:var(--desktop-shadow-xs)}.btn--primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.btn--primary:active:not(:disabled):after{width:300px;height:300px}.btn--secondary{background-color:var(--brand-dark);color:var(--desktop-text-light);border:none;box-shadow:var(--desktop-shadow-sm)}.btn--secondary:hover:not(:disabled){background-color:var(--brand-secondary-light);transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn--outline{background-color:#ffffffe6;color:var(--primary-blue);border:2px solid var(--primary-blue);box-shadow:var(--shadow-md);font-weight:var(--font-weight-semibold)}.btn--outline:hover:not(:disabled){background-color:#fff;color:var(--secondary-blue);border-color:var(--secondary-blue);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--ghost{background-color:transparent;color:var(--primary-blue);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:#2756fd1a;color:var(--secondary-blue)}.btn--default{background-color:var(--color-card-bg, #ffffff);color:var(--color-text, #1f2937);border-color:var(--color-border, #e5e7eb);box-shadow:var(--shadow-sm)}.btn--default:hover:not(:disabled){background-color:var(--color-hover-bg, #f9fafb);border-color:var(--color-border-hover, #d1d5db);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--nav{background:var(--desktop-surface);color:var(--desktop-text-primary);border:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-sm)}.btn--nav:hover:not(:disabled){background:var(--desktop-surface-accent);border-color:var(--desktop-border-accent);color:var(--brand-highlight);transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn--nav:active{background:var(--desktop-surface-secondary);transform:translateY(0);box-shadow:var(--desktop-shadow-xs)}.btn--danger{background-color:var(--accent-error);color:var(--desktop-text-light);border:none;box-shadow:var(--desktop-shadow-sm)}.btn--danger:hover:not(:disabled){background-color:var(--accent-error-dark);transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn--success{background-color:var(--accent-success);color:var(--desktop-text-light);border:none;box-shadow:var(--desktop-shadow-sm)}.btn--success:hover:not(:disabled){background-color:var(--accent-success-dark);transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn--warning{background-color:var(--accent-warning);color:var(--desktop-text-primary);border:none;box-shadow:var(--desktop-shadow-sm)}.btn--warning:hover:not(:disabled){background-color:var(--accent-warning-dark);transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn--info{background-color:var(--accent-info);color:var(--desktop-text-light);border:none;box-shadow:var(--desktop-shadow-sm)}.btn--info:hover:not(:disabled){background-color:var(--accent-info-dark);transform:translateY(-1px);box-shadow:var(--desktop-shadow-md)}.btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon--left{margin-right:-var(--spacing-xs)}.btn__icon--right{margin-left:-var(--spacing-xs)}.btn__icon svg{width:1em;height:1em}.btn--loading{color:transparent}.btn__loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.btn__spinner{width:1.25em;height:1.25em;animation:spin 1s linear infinite}.btn__content{transition:opacity var(--transition-fast)}.btn__content--loading{opacity:0}@media(max-width:767px){.btn--primary:after{display:none}.btn--primary:hover:not(:disabled),.btn--nav:hover:not(:disabled){transform:none;box-shadow:var(--mobile-shadow-light)}}.btn:focus-visible:after{content:"";position:absolute;inset:-3px;border:2px solid var(--brand-highlight);border-radius:inherit;opacity:.5;pointer-events:none}@media(max-width:768px){.btn--xl{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg);min-height:3rem}.btn--lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:2.75rem}.btn-cta{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:2.5rem}.btn-normal{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:2rem}}.btn-action{background:var(--primary-blue, #2756fd);color:var(--text-light, #ffffff);border:none;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.btn-action:hover:not(:disabled){background:color-mix(in srgb,var(--primary-blue, #2756fd) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-alternative{background:var(--color-card-bg, #f2f2f2);color:var(--primary-blue, #2756fd);border:1px solid var(--color-border, #acacac);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.btn-alternative:hover:not(:disabled){background:color-mix(in srgb,var(--color-card-bg, #f2f2f2) 90%,var(--primary-blue, #2756fd));color:var(--secondary-blue, #112d4e);border-color:var(--primary-blue, #2756fd);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-cta{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--border-radius-md);min-height:2.75rem}.btn-normal{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);min-height:2.25rem}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn__spinner{animation:none}.btn:hover:not(:disabled),.btn-action:hover:not(:disabled),.btn-alternative:hover:not(:disabled){transform:none}}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center}.tooltip{position:fixed;z-index:9999;pointer-events:none;animation:tooltipFadeIn .2s ease-out}.tooltip__content{background-color:var(--desktop-surface-secondary);color:var(--desktop-text-primary);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-sm);padding:.5rem .75rem;font-size:.75rem;line-height:1.4;box-shadow:var(--desktop-shadow-md);word-wrap:break-word;position:relative;transition:all var(--desktop-transition-fast)}.tooltip--top .tooltip__content:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--desktop-surface-secondary)}.tooltip--bottom .tooltip__content:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--desktop-surface-secondary)}.tooltip--left .tooltip__content:after{content:"";position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid var(--desktop-surface-secondary)}.tooltip--right .tooltip__content:after{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--desktop-surface-secondary)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.9) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-contrast:high){.tooltip__content{background-color:CanvasText;color:Canvas;border:2px solid CanvasText}.tooltip--top .tooltip__content:after{border-top-color:CanvasText}.tooltip--bottom .tooltip__content:after{border-bottom-color:CanvasText}.tooltip--left .tooltip__content:after{border-left-color:CanvasText}.tooltip--right .tooltip__content:after{border-right-color:CanvasText}}@media(prefers-reduced-motion:reduce){.tooltip{animation:none}@keyframes tooltipFadeIn{0%,to{opacity:1;transform:scale(1) translateY(0)}}}@media(prefers-color-scheme:light){.tooltip__content{background-color:var(--desktop-surface-secondary);color:var(--desktop-text-primary);border-color:var(--desktop-border-primary)}.tooltip--top .tooltip__content:after{border-top-color:var(--desktop-surface-secondary)}.tooltip--bottom .tooltip__content:after{border-bottom-color:var(--desktop-surface-secondary)}.tooltip--left .tooltip__content:after{border-left-color:var(--desktop-surface-secondary)}.tooltip--right .tooltip__content:after{border-right-color:var(--desktop-surface-secondary)}}@media(max-width:768px){.tooltip__content{max-width:200px!important;font-size:.7rem;padding:.4rem .6rem;background-color:var(--mobile-surface);color:var(--mobile-text-primary);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}.tooltip--top .tooltip__content:after{border-top-color:var(--mobile-surface)}.tooltip--bottom .tooltip__content:after{border-bottom-color:var(--mobile-surface)}.tooltip--left .tooltip__content:after{border-left-color:var(--mobile-surface)}.tooltip--right .tooltip__content:after{border-right-color:var(--mobile-surface)}}.tooltip{z-index:10000}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper--full-width{width:100%}.input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary);display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--desktop-spacing-xs)}.input__required{color:var(--error-color);font-weight:var(--font-weight-bold)}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--desktop-text-primary);background-color:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-md);box-shadow:var(--desktop-shadow-xs);transition:all var(--desktop-transition-fast);outline:none;-webkit-text-fill-color:var(--desktop-text-primary)}.input:focus{border-color:var(--brand-primary);box-shadow:var(--desktop-shadow-sm),0 0 0 3px #1054f71a;outline:3px solid transparent}.input:disabled{background-color:var(--desktop-surface-secondary);color:var(--desktop-text-muted);border-color:var(--desktop-border-secondary);cursor:not-allowed;opacity:.7;box-shadow:none}.input::-moz-placeholder{color:var(--desktop-text-muted);opacity:1}.input::placeholder{color:var(--desktop-text-muted);opacity:1}.input-wrapper--sm .input{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:2rem}.input-wrapper--md .input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:2.5rem}.input-wrapper--lg .input{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg);min-height:3rem}.input--with-left-icon{padding-left:2.5rem}.input--with-right-icon{padding-right:2.5rem}.input__icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;z-index:1}.input__icon--left{left:var(--spacing-sm)}.input__icon--right{right:var(--spacing-sm)}.input__icon svg{width:1.25rem;height:1.25rem}.textarea{resize:vertical;min-height:4rem;line-height:var(--line-height-relaxed)}.textarea--resize-none{resize:none}.textarea--resize-vertical{resize:vertical}.textarea--resize-horizontal{resize:horizontal}.textarea--resize-both{resize:both}.select__container{position:relative}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;cursor:pointer}.select:disabled{cursor:not-allowed}.select__arrow{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:transform var(--transition-fast)}.select:focus+.select__arrow{transform:translateY(-50%) rotate(180deg)}.input-wrapper--error .input{border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.input-wrapper--error .input:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.input-wrapper--error .input__label,.input-wrapper--error .input__icon{color:var(--error-color)}.input__error{font-size:var(--font-size-sm);color:var(--error-color);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.input__error:before{content:"⚠";font-size:var(--font-size-xs)}.input__helper{font-size:var(--font-size-sm);color:var(--desktop-text-tertiary);line-height:var(--line-height-base);margin-top:var(--desktop-spacing-xs)}.input-wrapper--disabled .input__label{color:var(--desktop-text-primary);opacity:1}.input-wrapper--disabled .input__icon{color:var(--desktop-text-muted);opacity:.7}.input:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.input:hover:not(:disabled):not(:focus){border-color:var(--desktop-border-accent);box-shadow:var(--desktop-shadow-sm)}.input-wrapper--error .input:hover:not(:disabled):not(:focus){border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}@media(max-width:767px){.input{background-color:var(--mobile-surface);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}.input:hover:not(:disabled):not(:focus){box-shadow:var(--mobile-shadow-light);border-color:var(--mobile-border)}.input:focus{box-shadow:var(--mobile-shadow-light),0 0 0 3px #1054f71a}.input-wrapper--lg .input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:2.75rem}.input__label{color:var(--mobile-text-primary)}.input__helper{color:var(--mobile-text-secondary)}}@media(prefers-contrast:high){.input{border-width:3px}.input:focus{border-color:var(--text-dark);box-shadow:none}}@media(prefers-reduced-motion:reduce){.input,.input__icon,.select__arrow{transition:none}}@media(prefers-color-scheme:dark){.input{background-color:var(--background-dark);border-color:#374151;color:var(--text-light)}.input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2756fd4d}.input:disabled{background-color:#1f2937;color:#9ca3af}.input__label{color:var(--text-light)}.input__icon{color:#9ca3af}.input::-moz-placeholder{color:#9ca3af}.input::placeholder{color:#9ca3af}}.toggle-switch-wrapper{display:flex;flex-direction:column;gap:.5rem}.toggle-switch-wrapper--full-width{width:100%}.toggle-switch-wrapper--error .toggle-switch__slider{border-color:var(--color-error)}.toggle-switch-wrapper--disabled{opacity:.6;cursor:not-allowed}.toggle-switch-container{display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:3.5rem;height:2rem;cursor:pointer}.toggle-switch--sm{width:2.75rem;height:1.5rem}.toggle-switch--lg{width:4.25rem;height:2.5rem}.toggle-switch__input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__slider{position:absolute;cursor:pointer;inset:0;background:#ffffff4d;backdrop-filter:blur(10px);border:2px solid var(--color-border);border-radius:2rem;transition:all .3s ease}.toggle-switch__slider:before{position:absolute;content:"";height:calc(100% - 4px);width:calc(50% - 2px);left:2px;top:2px;background:var(--color-primary);border-radius:50%;transition:all .3s ease;transform:translate(0)}.toggle-switch__input:checked+.toggle-switch__slider{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.toggle-switch__input:checked+.toggle-switch__slider:before{transform:translate(100%);background:var(--color-primary)}.toggle-switch__input:focus+.toggle-switch__slider{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-switch:hover .toggle-switch__slider:not(:disabled){background:#ffffff80;border-color:var(--color-primary)}.toggle-switch__input:disabled+.toggle-switch__slider{cursor:not-allowed;background:#fff3;border-color:var(--color-border-muted)}.toggle-switch__input:disabled+.toggle-switch__slider:before{background:var(--color-text-muted)}.toggle-switch-wrapper--sm .toggle-switch{width:2.75rem;height:1.5rem}.toggle-switch-wrapper--sm .toggle-switch__slider:before{width:calc(50% - 2px);height:calc(100% - 4px)}.toggle-switch-wrapper--lg .toggle-switch{width:4.25rem;height:2.5rem}.toggle-switch-wrapper--lg .toggle-switch__slider:before{width:calc(50% - 3px);height:calc(100% - 6px);left:3px;top:3px}.toggle-switch__error{color:var(--color-error);font-size:.875rem;margin-top:.25rem}@media(prefers-contrast:high){.toggle-switch__slider{border-width:3px;background:#ffffffe6}.toggle-switch__slider:before{background:var(--color-text-primary)}.toggle-switch__input:checked+.toggle-switch__slider:before{background:var(--color-primary)}}@media(prefers-reduced-motion:reduce){.toggle-switch__slider,.toggle-switch__slider:before{transition:none}}.tag-input-wrapper{position:relative;width:100%}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem;border:2px solid var(--color-border);border-radius:var(--border-radius-md);background:#ffffffe6;backdrop-filter:blur(10px);transition:all .2s ease;cursor:text}.tag-input--focused{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.tag-input--error{border-color:var(--color-error);background:#fffffff2}.tag-input--error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 2px rgba(var(--color-error-rgb),.2)}.tag-input--disabled{opacity:.6;cursor:not-allowed;background:#ffffff80}.tag-input--readonly{background:#ffffffb3;cursor:default}.tag-input__tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-sm);backdrop-filter:blur(5px);transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-input__tag:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.4)}.tag-input__tag-text{line-height:1}.tag-input__tag-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;background:transparent;border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.tag-input__tag-remove:hover{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.tag-input__tag-remove:focus{outline:2px solid var(--color-primary);outline-offset:1px}.tag-input__input{flex:1;min-width:120px;padding:.25rem 0;border:none;background:transparent;font-size:1rem;line-height:1.5;color:var(--color-text-primary);outline:none}.tag-input__input::-moz-placeholder{color:var(--color-text-muted);opacity:.7}.tag-input__input::placeholder{color:var(--color-text-muted);opacity:.7}.tag-input__input:disabled{cursor:not-allowed}.tag-input__suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.25rem;max-height:200px;overflow-y:auto;background:#fffffff2;backdrop-filter:blur(12px);border:2px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000001a}.tag-input__suggestion{display:flex;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(var(--color-border-rgb),.3)}.tag-input__suggestion:last-child{border-bottom:none}.tag-input__suggestion:hover,.tag-input__suggestion--active{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.tag-input__suggestion svg{color:var(--color-text-muted);flex-shrink:0}.tag-input__suggestion--active svg,.tag-input__suggestion:hover svg{color:var(--color-primary)}.tag-input__error{margin-top:.5rem;padding:.5rem;font-size:.875rem;color:var(--color-error);background:rgba(var(--color-error-rgb),.05);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:var(--border-radius-sm)}@media(max-width:640px){.tag-input{gap:.25rem;padding:.375rem}.tag-input__tag{font-size:.8125rem;padding:.1875rem .375rem}.tag-input__input{font-size:.875rem;min-width:100px}.tag-input__suggestion{padding:.625rem;font-size:.8125rem}}@media(prefers-contrast:high){.tag-input{border-width:3px;background:#fffffff2}.tag-input__tag{border-width:2px;background:rgba(var(--color-primary-rgb),.15)}.tag-input__suggestions{background:#fff;border-width:3px}}@media(prefers-reduced-motion:reduce){.tag-input,.tag-input__tag,.tag-input__tag-remove,.tag-input__suggestion{transition:none}}.tag-input:focus-within .tag-input__tag{opacity:.8}.tag-input:focus-within .tag-input__tag:focus-within,.tag-input:focus-within .tag-input__tag:hover{opacity:1}.multiselect-wrapper{position:relative;width:100%}.multiselect-wrapper--sm{font-size:.875rem}.multiselect-wrapper--md{font-size:1rem}.multiselect-wrapper--lg{font-size:1.125rem}.multiselect-wrapper--disabled{opacity:.6;pointer-events:none}.multiselect{position:relative;width:100%}.multiselect__trigger{position:relative;display:flex;align-items:center;width:100%;min-height:2.5rem;padding:.5rem 2.5rem .5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:inherit;font-family:inherit;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left;gap:.5rem}.multiselect__trigger:hover{border-color:var(--color-border-hover, var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235),.1)}.multiselect__trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235),.1)}.multiselect__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235),.1)}.multiselect__trigger--sm{min-height:2rem;padding:.375rem 2rem .375rem .5rem;font-size:.875rem}.multiselect__trigger--lg{min-height:3rem;padding:.75rem 3rem .75rem 1rem;font-size:1.125rem}.multiselect__trigger:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-muted, #f8f9fa)}.multiselect__text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#374151}.multiselect__text--placeholder{color:#374151}.multiselect__clear{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;z-index:1}.multiselect__clear:hover{color:var(--color-danger, #dc2626);background-color:rgba(var(--color-danger-rgb, 220, 38, 38),.1)}.multiselect__clear svg{width:12px;height:12px}.multiselect__arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);pointer-events:none;transition:transform .2s ease}.multiselect__trigger--open .multiselect__arrow{transform:translateY(-50%) rotate(180deg)}.multiselect__arrow svg{width:20px;height:20px}.multiselect__dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;max-height:16rem;overflow:hidden;display:flex;flex-direction:column}.multiselect__dropdown--portal{position:absolute;top:0;left:0;right:auto;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:9999;max-height:16rem;overflow:hidden;display:flex;flex-direction:column}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.multiselect__options{max-height:200px;overflow-y:auto;padding:.25rem 0}.multiselect__options::-webkit-scrollbar{width:6px}.multiselect__options::-webkit-scrollbar-track{background:var(--color-background-muted, #f8f9fa)}.multiselect__options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.multiselect__options::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.multiselect__option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#374151!important}.multiselect__option:hover{background-color:#f3f4f6}.multiselect__option--selected{background-color:#eff6ff;color:#2563eb}.multiselect__option--selected:hover{background-color:#dbeafe}.multiselect__option--disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.multiselect__option--disabled:hover{background-color:transparent}.multiselect__option .text,.multiselect__option span,.multiselect__option .typography,.multiselect__option .typography--color-default{color:#374151!important}.multiselect__option--selected .text,.multiselect__option--selected span,.multiselect__option--selected .typography,.multiselect__option--selected .typography--color-default{color:#2563eb!important}.multiselect__option--disabled .text,.multiselect__option--disabled span,.multiselect__option--disabled .typography,.multiselect__option--disabled .typography--color-default{color:#9ca3af!important}.multiselect__checkbox{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.multiselect__checkbox input[type=checkbox]{position:absolute;opacity:0;width:16px;height:16px;margin:0;cursor:pointer}.multiselect__checkmark{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid #374151;border-radius:3px;background:#fff;color:#fff;transition:all .2s ease}.multiselect__checkbox input:checked+.multiselect__checkmark{background-color:#2563eb;border-color:#2563eb;color:#fff}.multiselect__checkbox input:focus+.multiselect__checkmark{box-shadow:0 0 0 2px #2563eb33}.multiselect__checkbox input:disabled+.multiselect__checkmark{opacity:.5;cursor:not-allowed}.multiselect__checkmark svg{width:12px;height:12px}.multiselect__footer{border-top:1px solid #d1d5db;padding:.5rem;background:#fff}.multiselect-wrapper--sm .multiselect__option{padding:.375rem .5rem;font-size:.875rem}.multiselect-wrapper--sm .multiselect__checkmark{width:14px;height:14px}.multiselect-wrapper--sm .multiselect__checkmark svg{width:10px;height:10px}.multiselect-wrapper--lg .multiselect__option{padding:.75rem 1rem;font-size:1.125rem}.multiselect-wrapper--lg .multiselect__checkmark{width:18px;height:18px}.multiselect-wrapper--lg .multiselect__checkmark svg{width:14px;height:14px}@media(max-width:640px){.multiselect__dropdown{position:fixed;top:auto!important;bottom:0;left:0;right:0;margin:0;border-radius:var(--border-radius) var(--border-radius) 0 0;max-height:50vh}.multiselect__options{max-height:calc(50vh - 4rem)}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:none}.grid{display:grid;width:100%}.grid--gap-xs{gap:var(--spacing-xs)}.grid--gap-sm{gap:var(--spacing-sm)}.grid--gap-md{gap:var(--spacing-md)}.grid--gap-lg{gap:var(--spacing-lg)}.grid--gap-xl{gap:var(--spacing-xl)}.flex{display:flex}.flex--direction-row{flex-direction:row}.flex--direction-column{flex-direction:column}.flex--direction-row-reverse{flex-direction:row-reverse}.flex--direction-column-reverse{flex-direction:column-reverse}.flex--align-start{align-items:flex-start}.flex--align-center{align-items:center}.flex--align-end{align-items:flex-end}.flex--align-stretch{align-items:stretch}.flex--align-baseline{align-items:baseline}.flex--justify-start{justify-content:flex-start}.flex--justify-center{justify-content:center}.flex--justify-end{justify-content:flex-end}.flex--justify-between{justify-content:space-between}.flex--justify-around{justify-content:space-around}.flex--justify-evenly{justify-content:space-evenly}.flex--wrap{flex-wrap:wrap}.flex--gap-xs{gap:var(--spacing-xs)}.flex--gap-sm{gap:var(--spacing-sm)}.flex--gap-md{gap:var(--spacing-md)}.flex--gap-lg{gap:var(--spacing-lg)}.flex--gap-xl{gap:var(--spacing-xl)}.stack{display:flex;flex-direction:column}.stack--spacing-xs>*+*{margin-top:var(--spacing-xs)}.stack--spacing-sm>*+*{margin-top:var(--spacing-sm)}.stack--spacing-md>*+*{margin-top:var(--spacing-md)}.stack--spacing-lg>*+*{margin-top:var(--spacing-lg)}.stack--spacing-xl>*+*{margin-top:var(--spacing-xl)}.stack--spacing-xxl>*+*{margin-top:var(--spacing-xxl)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.spacer{flex-shrink:0}.spacer--xs{height:var(--spacing-xs)}.spacer--sm{height:var(--spacing-sm)}.spacer--md{height:var(--spacing-md)}.spacer--lg{height:var(--spacing-lg)}.spacer--xl{height:var(--spacing-xl)}.spacer--xxl{height:var(--spacing-xxl)}.section{width:100%}.section--padding-xs{padding:var(--spacing-xs)}.section--padding-sm{padding:var(--spacing-sm)}.section--padding-md{padding:var(--spacing-md)}.section--padding-lg{padding:var(--spacing-lg)}.section--padding-xl{padding:var(--spacing-xl)}.section--bg-default{background-color:var(--desktop-background)}.section--bg-light{background-color:var(--desktop-surface)}.section--bg-dark{background-color:var(--brand-dark);color:var(--desktop-text-light)}.section--bg-primary{background-color:var(--brand-primary);color:var(--desktop-text-light)}.section--bg-gradient{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 40%,var(--brand-dark) 70%,var(--brand-accent) 100%);color:var(--desktop-text-light)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-left:auto;margin-right:auto}@media(max-width:767px){.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.section--bg-default{background-color:var(--mobile-background)}.section--bg-light{background-color:var(--mobile-surface)}}@media(max-width:768px){.grid{grid-template-columns:1fr!important}}@media(max-width:768px){.flex--direction-row{flex-direction:column}.flex--direction-row-reverse{flex-direction:column-reverse}}.full-height{min-height:100vh}.full-width{width:100%}.screen-height{height:100vh}.sticky-top{position:sticky;top:0;z-index:100}.absolute-fill{position:absolute;inset:0}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media(max-width:768px){.hide-on-mobile{display:none}.show-on-mobile{display:block}}.card{border-radius:var(--desktop-radius-lg);transition:all var(--desktop-transition-base);position:relative;overflow:hidden;background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-sm);color:var(--desktop-text-primary)}.card--default{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-sm);color:var(--desktop-text-primary)}.card--elevated{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-lg);color:var(--desktop-text-primary)}.card--outlined{background:var(--desktop-surface);border:2px solid var(--brand-primary);box-shadow:none;color:var(--desktop-text-primary)}.card--glass{background:var(--desktop-surface-secondary);border:1px solid var(--desktop-border-secondary);box-shadow:var(--desktop-shadow-xs);color:var(--desktop-text-primary)}.card--interactive{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-sm);color:var(--desktop-text-primary);cursor:pointer;transition:all var(--desktop-transition-base)}.card--padding-xs{padding:var(--desktop-spacing-sm)}.card--padding-sm{padding:var(--desktop-spacing-md)}.card--padding-md{padding:var(--desktop-spacing-lg)}.card--padding-lg{padding:var(--desktop-spacing-xl)}.card--padding-xl{padding:var(--desktop-spacing-2xl)}.card--hover{cursor:pointer;transition:all var(--desktop-transition-base)}.card--hover:hover,.card--glass.card--hover:hover,.card--default.card--hover:hover{box-shadow:var(--desktop-shadow-md);border-color:var(--desktop-border-accent);transform:translateY(-2px)}.card--interactive:hover{box-shadow:var(--desktop-shadow-md);border-color:var(--desktop-border-accent);transform:translateY(-3px)}.panel{overflow:visible}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--desktop-spacing-lg) var(--desktop-spacing-xl);border-bottom:1px solid var(--desktop-border-primary);background:var(--desktop-surface-secondary);border-radius:var(--desktop-radius-lg) var(--desktop-radius-lg) 0 0}.panel__header-content{flex:1;min-width:0}.panel__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--desktop-text-primary);letter-spacing:-.01em}.panel__subtitle{margin:var(--desktop-spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--desktop-text-secondary);font-weight:var(--font-weight-normal)}.panel__header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.panel__toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-md);color:var(--desktop-text-secondary);cursor:pointer;transition:all var(--desktop-transition-fast)}.panel__toggle:hover{background:var(--desktop-surface-accent);color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--desktop-shadow-xs)}.panel__toggle-icon{transition:transform var(--transition-base)}.panel--collapsed .panel__toggle-icon{transform:rotate(-180deg)}.panel__content{transition:all var(--transition-base)}.panel--collapsed .panel__content{display:none}.panel__content--padding-xs{padding:var(--spacing-xs)}.panel__content--padding-sm{padding:var(--spacing-sm)}.panel__content--padding-md{padding:var(--spacing-md)}.panel__content--padding-lg{padding:var(--spacing-lg)}.panel__content--padding-xl{padding:var(--spacing-xl)}.status-card{position:relative}.status-card__header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:0}.status-card__icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);font-size:var(--font-size-xl)}.status-card__content{flex:1;min-width:0}.status-card__title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary, #1f2937)}.status-card__description{margin:0;font-size:var(--font-size-sm);color:var(--desktop-text-secondary, #4b5563);line-height:var(--line-height-relaxed)}.status-card__indicator{width:.75rem;height:.75rem;border-radius:var(--border-radius-full);flex-shrink:0;margin-top:var(--spacing-xs)}.status-card__metadata{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0}.status-card__divider{width:100%;height:1px;background:var(--desktop-border-primary, #e5e7eb);margin:.75rem 0 .5rem}.status-card__metadata-item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1}.status-card__metadata-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--desktop-text-tertiary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.status-card__metadata-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary, #1f2937)}.status-card__actions{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--desktop-border-primary, #e5e7eb);display:flex;gap:var(--spacing-sm)}.status-card--success .status-card__icon{background:#4caf501a;color:var(--success-color)}.status-card--success .status-card__indicator{background:var(--success-color)}.status-card--warning .status-card__icon{background:#ff98001a;color:var(--warning-color)}.status-card--warning .status-card__indicator{background:var(--warning-color)}.status-card--error .status-card__icon{background:#f443361a;color:var(--error-color)}.status-card--error .status-card__indicator{background:var(--error-color)}.status-card--info .status-card__icon{background:#2196f31a;color:var(--info-color)}.status-card--info .status-card__indicator{background:var(--info-color)}.status-card--pending .status-card__icon{background:#9e9e9e1a;color:#9e9e9e}.status-card--pending .status-card__indicator{background:#9e9e9e;animation:pulse 2s infinite}.status-card--processing .status-card__icon{background:#2756fd1a;color:var(--primary-blue)}.status-card--processing .status-card__indicator{background:var(--primary-blue);animation:pulse 1.5s infinite}.progress-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.progress-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary, #1f2937)}.progress-card__percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--brand-primary)}.progress-card__progress{width:100%;height:.5rem;background:var(--desktop-surface-secondary, #f8f9fa);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-card__progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--accent-purple));border-radius:var(--border-radius-full);transition:width var(--transition-base)}.progress-card__description{margin:0;font-size:var(--font-size-sm);color:var(--desktop-text-secondary, #4b5563);line-height:var(--line-height-relaxed)}.progress-card__actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.progress-card--completed .progress-card__progress-bar{background:linear-gradient(90deg,var(--success-color),#66bb6a)}.progress-card--error .progress-card__progress-bar{background:linear-gradient(90deg,var(--error-color),#ef5350)}.progress-card--paused .progress-card__progress-bar{background:linear-gradient(90deg,var(--warning-color),#ffb74d)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.panel__header{padding:var(--spacing-sm) var(--spacing-md)}.status-card__header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.status-card__metadata{flex-direction:column;gap:var(--spacing-sm)}.progress-card__header{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}}@media(max-width:767px){.card--hover:hover,.card--interactive:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--desktop-border-primary, #e5e7eb)}.panel__header{padding:var(--spacing-sm) var(--spacing-md)}.status-card__header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.status-card__metadata{flex-direction:column;gap:var(--spacing-sm)}.progress-card__header{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}}@media(prefers-reduced-motion:reduce){.card,.panel__toggle-icon,.panel__content,.progress-card__progress-bar{transition:none}.status-card--pending .status-card__indicator,.status-card--processing .status-card__indicator{animation:none}.card--hover:hover,.card--interactive:hover{transform:none}}.info-card{border-left:4px solid var(--color-primary)}.info-card--info{border-left-color:var(--color-info, #3b82f6);background:#3b82f60d}.info-card--warning{border-left-color:var(--color-warning, #f59e0b);background:#f59e0b0d}.info-card--error{border-left-color:var(--color-error, #ef4444);background:#ef44440d}.info-card--success{border-left-color:var(--color-success, #10b981);background:#10b9810d}.info-card__content{display:flex;align-items:flex-start;gap:.75rem}.info-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.info-card--info .info-card__icon{color:var(--color-info, #3b82f6)}.info-card--warning .info-card__icon{color:var(--color-warning, #f59e0b)}.info-card--error .info-card__icon{color:var(--color-error, #ef4444)}.info-card--success .info-card__icon{color:var(--color-success, #10b981)}.info-card__body{flex:1;min-width:0}.info-card__title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text-primary)}.info-card__text{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.info-card__text p{margin:0}.info-card__text p:not(:last-child){margin-bottom:.5rem}@media(max-width:640px){.info-card__content{gap:.5rem}.info-card__title,.info-card__text{font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;background:#112d4e66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md);box-sizing:border-box;transition:opacity var(--transition-base);animation:overlayFadeIn var(--transition-base) ease-out}.modal{background:var(--desktop-surface, #ffffff);border:1px solid var(--desktop-border-primary, #e5e7eb);border-radius:var(--border-radius-xl, 1rem);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;position:relative;width:100%;max-width:100%;display:flex;flex-direction:column;color:var(--desktop-text-primary, #1f2937);transition:all var(--transition-base)}.modal--sm{max-width:24rem}.modal--md{max-width:32rem}.modal--lg{max-width:48rem}.modal--xl{max-width:64rem}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--desktop-border-primary, #e5e7eb);flex-shrink:0;background:var(--desktop-surface, #ffffff)}.modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--desktop-text-primary, #1f2937)}.modal__close{background:transparent;border:1px solid var(--desktop-border-primary, #e5e7eb);border-radius:var(--border-radius-full);width:2rem;height:2rem;padding:0;color:var(--desktop-text-secondary, #4b5563);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal__close:hover{background-color:var(--desktop-surface-accent, #f0f4ff);color:var(--brand-primary);border-color:var(--brand-primary)}.modal__close:focus{outline:3px solid var(--brand-primary);outline-offset:2px}.modal__close:active{background-color:var(--desktop-surface-secondary, #f8f9fa);transform:scale(.95)}.modal__content{flex:1;overflow:auto;padding:var(--spacing-lg)}.modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--desktop-border-primary, #e5e7eb);background:var(--desktop-surface-secondary, #f8f9fa);flex-shrink:0}@media(max-width:767px){.modal-overlay{padding:0}.modal{max-width:100vw;max-height:100vh;border-radius:0;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:none}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal__header,.modal__content{padding:1rem}.modal__actions{padding:.75rem 1rem;flex-direction:column}.modal__actions>*{width:100%}.modal__close:hover,.modal__close:active{transform:none}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.modal:focus{outline:none}@media(prefers-contrast:high){.modal{border:2px solid #000}.modal__header{border-bottom-color:#000}.modal__actions{border-top-color:#000}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}.modal__close:active{transform:none}}.login-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md);background:var(--theme-bg-gradient)}.login-form__company-logo{margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.login-form__company-logo-img{height:80px;width:auto;max-width:250px;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-fast)}.login-form__company-logo-img:hover{transform:scale(1.02)}.login-form__product-logo{margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.login-form__product-logo-img{height:60px;width:auto;max-width:300px;-o-object-fit:contain;object-fit:contain}.login-form__copyright{margin-top:var(--spacing-lg);padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:center;opacity:.8}.login-form__copyright *{color:var(--theme-text-muted)!important;font-size:var(--font-size-sm)}.login-form-card{width:100%;max-width:400px}.login-form__remember{display:flex;align-items:center;margin:var(--spacing-sm) 0}.login-form__checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-primary);color:var(--desktop-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--transition-fast)}.login-form__checkbox-label:hover{color:var(--brand-highlight)}.login-form__checkbox{width:1rem;height:1rem;border-radius:var(--border-radius-sm);border:2px solid var(--disabled-grey);background-color:var(--field-bg);cursor:pointer;transition:all var(--transition-fast);position:relative}.login-form__checkbox:checked{background-color:var(--brand-highlight);border-color:var(--brand-highlight)}.login-form__checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.login-form__checkbox:focus-visible{outline:2px solid var(--brand-highlight);outline-offset:2px}.login-form__checkbox:disabled{opacity:.6;cursor:not-allowed}.login-form__checkbox-text{font-weight:var(--font-weight-medium)}.login-form__link{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-decoration:underline;padding:.75rem;border-radius:var(--border-radius-sm);transition:all .2s ease;opacity:.9}.login-form__link:hover:not(:disabled){opacity:1;background-color:#ffffff1a}.login-form__link:focus-visible{outline:2px solid var(--text-white);outline-offset:2px;border-radius:var(--border-radius-sm)}.login-form__link:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-form-container{padding:var(--spacing-sm);align-items:center;padding-top:var(--spacing-lg)}.login-form-card{max-width:100%}.login-form__company-logo{margin-bottom:var(--spacing-lg)}.login-form__company-logo-img{height:60px;max-width:200px}.login-form__product-logo{display:none}}.theme-dark .login-form__checkbox{background-color:var(--background-dark);border-color:#374151}.theme-dark .login-form__checkbox-label{color:var(--text-light)}.theme-dark .login-form__checkbox-label:hover{color:var(--primary-blue)}@media(prefers-contrast:high){.login-form__checkbox{border-width:3px}}@media(prefers-reduced-motion:reduce){.login-form__checkbox,.login-form__checkbox-label,.login-form__link{transition:none}}.two-factor-form-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 40%,var(--dark-blue) 70%,var(--accent-purple) 100%)}.two-factor-form-card{width:100%;max-width:450px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl)}.two-factor-form__icon{font-size:3rem;margin-bottom:var(--spacing-sm);opacity:.8}.two-factor-form__code-inputs{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-lg) 0}.two-factor-form__code-input{width:3rem;height:3rem;border:2px solid #e1e5e9;border-radius:var(--border-radius-md);background-color:var(--background);color:var(--text-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;font-family:var(--font-family-base);transition:all var(--transition-fast);outline:none}.two-factor-form__code-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2756fd1a;transform:scale(1.05)}.two-factor-form__code-input:disabled{background-color:#f8f9fa;color:var(--text-muted);cursor:not-allowed;opacity:.6}.two-factor-form__backup-input{margin:var(--spacing-lg) 0}.two-factor-form__backup-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid #e1e5e9;border-radius:var(--border-radius-md);background-color:var(--background);color:var(--text-dark);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:all var(--transition-fast);outline:none;text-align:center;letter-spacing:.1em}.two-factor-form__backup-field:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2756fd1a}.two-factor-form__backup-field:disabled{background-color:#f8f9fa;color:var(--text-muted);cursor:not-allowed;opacity:.6}.two-factor-form__backup-field::-moz-placeholder{color:var(--text-muted);opacity:1}.two-factor-form__backup-field::placeholder{color:var(--text-muted);opacity:1}.two-factor-form__toggle{display:flex;justify-content:center;margin:var(--spacing-md) 0}.two-factor-form__toggle-button{background:none;border:none;color:var(--primary-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:underline;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.two-factor-form__toggle-button:hover:not(:disabled){color:var(--secondary-blue);background:#2756fd0d}.two-factor-form__toggle-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.two-factor-form__toggle-button:disabled{opacity:.6;cursor:not-allowed}.two-factor-form__error{padding:var(--spacing-sm) var(--spacing-md);background-color:#f443361a;border:1px solid var(--error-color);border-radius:var(--border-radius-md);color:var(--error-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.two-factor-form__error:before{content:"⚠";font-size:var(--font-size-base);flex-shrink:0}.two-factor-form__back-button{background:none;border:none;color:var(--primary-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:underline;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.two-factor-form__back-button:hover:not(:disabled){color:var(--secondary-blue)}.two-factor-form__back-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.two-factor-form__back-button:disabled{opacity:.6;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.two-factor-form__code-inputs.error{animation:shake .3s ease-in-out}@media(max-width:480px){.two-factor-form-container{padding:var(--spacing-sm);align-items:flex-start;padding-top:var(--spacing-xl)}.two-factor-form-card{max-width:100%}.two-factor-form__code-inputs{gap:var(--spacing-xs)}.two-factor-form__code-input{width:2.5rem;height:2.5rem;font-size:var(--font-size-lg)}}.theme-dark .two-factor-form__code-input,.theme-dark .two-factor-form__backup-field{background-color:var(--background-dark);border-color:#374151;color:var(--text-light)}.theme-dark .two-factor-form__code-input:focus,.theme-dark .two-factor-form__backup-field:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2756fd4d}.theme-dark .two-factor-form__backup-field::-moz-placeholder{color:#9ca3af}.theme-dark .two-factor-form__backup-field::placeholder{color:#9ca3af}@media(prefers-contrast:high){.two-factor-form__code-input,.two-factor-form__backup-field{border-width:3px}.two-factor-form__error{border-width:2px}}@media(prefers-reduced-motion:reduce){.two-factor-form__code-input,.two-factor-form__backup-field,.two-factor-form__toggle-button,.two-factor-form__back-button{transition:none}.two-factor-form__code-input:focus{transform:none}.two-factor-form__code-inputs.error{animation:none}}.logout-dialog-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:9999;box-sizing:border-box;animation:fadeIn var(--transition-fast) ease-out;isolation:isolate}.logout-dialog{background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-xl);box-shadow:0 8px 40px #00000014,0 2px 16px #0000000a,inset 0 1px #fff6;width:100%;max-width:400px;margin:0 auto;position:relative;overflow:hidden;animation:slideIn var(--transition-normal) ease-out;transform:translateZ(0);will-change:transform,opacity}.logout-dialog:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff0d,#ffffff1a);pointer-events:none;z-index:1}.logout-dialog>*{position:relative;z-index:2}.logout-dialog__header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.2)}.logout-dialog__header h3{margin:0;font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--brand-highlight);text-shadow:0 1px 2px rgba(255,255,255,.5)}.logout-dialog__body{padding:var(--spacing-md) var(--spacing-lg)}.logout-dialog__body p{margin:0;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--brand-dark);line-height:var(--line-height-normal);text-shadow:0 1px 1px rgba(255,255,255,.3);opacity:.9}.logout-dialog__actions{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);display:flex;gap:var(--spacing-sm);justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-light .logout-dialog{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(39,86,253,.15);box-shadow:0 2px 12px #2756fd26}.theme-light .logout-dialog__header{border-bottom-color:#2756fd26}.theme-light .logout-dialog__header h3{color:var(--brand-highlight)}.theme-light .logout-dialog__body p{color:var(--brand-dark)}.theme-dark .logout-dialog{background:#1a1a1a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 40px #0000004d,0 2px 16px #0003,inset 0 1px #ffffff1a}.theme-dark .logout-dialog:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05,#ffffff08)}.theme-dark .logout-dialog__header{border-bottom-color:#ffffff1a}.theme-dark .logout-dialog__header h3{color:var(--desktop-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.theme-dark .logout-dialog__body p{color:#fffc;text-shadow:0 1px 1px rgba(0,0,0,.3)}@media(max-width:768px){.logout-dialog-overlay{padding:var(--spacing-sm);overflow-y:auto}.logout-dialog{max-width:calc(100vw - 2rem);margin:0 auto;min-height:auto;max-height:calc(100vh - 2rem)}}@media(max-width:480px){.logout-dialog-overlay{padding:var(--spacing-xs)}.logout-dialog{max-width:calc(100vw - 1rem);margin:0 auto}.logout-dialog__header,.logout-dialog__body{padding:var(--spacing-md)}.logout-dialog__actions{flex-direction:column;padding:var(--spacing-md)}.logout-dialog__actions>button{width:100%}}@media(prefers-reduced-motion:reduce){.logout-dialog-overlay,.logout-dialog{animation:none}}.protected-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.protected-route-spinner{width:2rem;height:2rem;border:3px solid rgba(39,86,253,.2);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.permission-denied-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md);background:var(--background)}.permission-denied-card{width:100%;max-width:500px;text-align:center}.permission-denied-icon{font-size:4rem;opacity:.7;margin-bottom:var(--spacing-md)}@media(max-width:480px){.protected-route-loading,.permission-denied-container{padding:var(--spacing-sm);align-items:flex-start;padding-top:var(--spacing-xl)}.permission-denied-card{max-width:100%}.permission-denied-icon{font-size:3rem}}@media(prefers-reduced-motion:reduce){.protected-route-spinner{animation:none;border-top-color:var(--primary-blue)}}.global-search{position:relative;width:100%}.global-search--header{max-width:24rem}.global-search--full{max-width:none}.global-search__input-wrapper{position:relative;display:flex;align-items:center;background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);box-shadow:var(--desktop-shadow-xs);transition:all var(--desktop-transition-fast)}.global-search__input-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:var(--desktop-shadow-sm),0 0 0 3px #1054f71a}.global-search__search-icon{position:absolute;left:.75rem;color:var(--desktop-text-secondary);z-index:2}.global-search__input{width:100%;padding:.75rem .75rem .75rem 3rem;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);color:var(--desktop-text-primary);line-height:1.25rem;position:relative;z-index:1}.global-search__input::-moz-placeholder{color:var(--desktop-text-muted)}.global-search__input::placeholder{color:var(--desktop-text-muted)}.global-search__shortcut{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:var(--theme-surface-hover);border:1px solid var(--theme-border);border-radius:var(--border-radius);pointer-events:none;z-index:2}.global-search__spinner{position:absolute;right:.75rem;width:1rem;height:1rem;z-index:2}.global-search__spinner-icon{width:100%;height:100%;stroke:var(--color-primary, #2756fd);animation:spin 1s linear infinite}.global-search__spinner-icon circle{stroke-dasharray:60;stroke-dashoffset:40}.global-search__results{position:absolute;top:calc(100% + var(--desktop-spacing-sm));left:0;right:0;background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);box-shadow:var(--desktop-shadow-lg);max-height:24rem;overflow:hidden;z-index:50;animation:searchDropdownSlideIn var(--desktop-transition-base) var(--desktop-ease-spring)}@keyframes searchDropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-search__result{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color var(--desktop-transition-fast)}.global-search__result:hover,.global-search__result--selected{background:var(--desktop-surface-accent)}.global-search__result:focus{outline:3px solid var(--brand-primary);outline-offset:-2px}.global-search__result-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--desktop-surface-accent);border-radius:var(--desktop-radius-sm);color:var(--brand-primary)}.global-search__result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.global-search__footer{border-top:1px solid var(--color-border, #e5e7eb);padding:.75rem 1rem}.global-search__see-all,.global-search__advanced{width:100%;justify-content:center}.global-search__no-results{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.global-search--header .global-search__input-wrapper{background:var(--desktop-surface);border-color:var(--desktop-border-primary);box-shadow:var(--desktop-shadow-xs)}.global-search--header .global-search__input{font-size:.8125rem;padding:.625rem .75rem .625rem 2.75rem;color:var(--desktop-text-primary)}.global-search--header .global-search__input::-moz-placeholder{color:var(--desktop-text-muted)}.global-search--header .global-search__input::placeholder{color:var(--desktop-text-muted)}.global-search--header .global-search__search-icon{left:.625rem;width:1rem;height:1rem;color:var(--desktop-text-secondary)}.global-search--header .global-search__shortcut{right:.625rem;background:var(--desktop-surface-secondary);border-color:var(--desktop-border-primary);color:var(--desktop-text-secondary)}.global-search--full .global-search__input-wrapper{padding:.25rem;background:var(--color-surface, #ffffff)}.global-search--full .global-search__input{padding:1rem 1rem 1rem 3.5rem;font-size:1rem}.global-search--full .global-search__search-icon{left:1rem;width:1.25rem;height:1.25rem}@media(max-width:767px){.global-search--header{max-width:100%}.global-search__input-wrapper{background:var(--mobile-surface);border-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}.global-search__input{color:var(--mobile-text-primary)}.global-search__input::-moz-placeholder{color:var(--mobile-text-secondary)}.global-search__input::placeholder{color:var(--mobile-text-secondary)}.global-search__search-icon{color:var(--mobile-text-secondary)}.global-search__shortcut{display:none}.global-search__results{max-height:20rem;box-shadow:var(--desktop-shadow-lg)}.global-search__result{padding:1rem;gap:.5rem}.global-search__result:hover,.global-search__result--selected{background:var(--desktop-surface-accent)}.global-search__result-icon{width:1.75rem;height:1.75rem}}@media(max-width:480px){.global-search__input{padding-left:2.5rem}.global-search__search-icon{left:.5rem}.global-search__results{left:-.5rem;right:-.5rem}}@media(prefers-contrast:high){.global-search__input-wrapper{border-width:2px}.global-search__input-wrapper:focus-within{border-width:2px}.global-search__result:hover,.global-search__result--selected{border:2px solid var(--color-primary, #2756fd);margin:-1px}}@media(prefers-color-scheme:dark){.global-search__input-wrapper{background:var(--color-surface-dark, #1a1a1a);border-color:var(--color-border-dark, #333333)}.global-search__input{color:var(--color-text-primary-dark, #f9fafb)}.global-search__input::-moz-placeholder{color:var(--color-text-muted-dark, #9ca3af)}.global-search__input::placeholder{color:var(--color-text-muted-dark, #9ca3af)}.global-search__shortcut{background:var(--color-surface-elevated-dark, #252525);border-color:var(--color-border-dark, #333333)}.global-search__results{background:var(--color-surface-dark, #1a1a1a);border-color:var(--color-border-dark, #333333)}.global-search__result:hover,.global-search__result--selected{background:var(--color-surface-hover-dark, #252525)}.global-search__result-icon{background:var(--color-primary-surface-dark, rgba(79, 135, 255, .12));color:var(--color-primary-light, #4f87ff)}.global-search__footer{border-color:var(--color-border-dark, #333333)}.global-search--header .global-search__input-wrapper{background:var(--color-surface-elevated-dark, #252525);border-color:var(--color-border-subtle-dark, #333333)}}@media(prefers-reduced-motion:reduce){.global-search__input-wrapper,.global-search__result{transition:none}.global-search__spinner-icon{animation:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(0)}}}.global-search__results:focus-within{outline:none}.global-search{z-index:40}.global-search__results{z-index:50}.shortcuts-help{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.shortcuts-help__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);cursor:pointer}.shortcuts-help__modal{position:relative;background:var(--bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--border-primary, #e5e7eb);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-appear .2s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.shortcuts-help__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary, #e5e7eb);flex-shrink:0}.shortcuts-help__close{border-radius:.375rem}.shortcuts-help__content{padding:1.5rem;overflow-y:auto;flex:1}.shortcuts-help__footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary, #e5e7eb);display:flex;justify-content:flex-end;flex-shrink:0}.shortcuts-help__group{margin-bottom:2rem}.shortcuts-help__group:last-child{margin-bottom:0}.shortcuts-help__group-title{margin-bottom:1rem;color:var(--text-primary, #1a1a1a)}.shortcuts-help__shortcuts{display:flex;flex-direction:column;gap:.75rem}.shortcuts-help__shortcut{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--bg-secondary, #f8f9fa);border-radius:.5rem;border:1px solid var(--border-secondary, #f3f4f6)}.shortcuts-help__keys{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.shortcuts-help__key{display:inline-block;padding:.25rem .5rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e5e7eb);border-radius:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);box-shadow:0 1px 2px #0000001a;line-height:1}.shortcuts-help__plus{margin:0 .25rem;color:var(--text-muted, #6b7280);font-size:.75rem;font-weight:500}.shortcuts-help__description{color:var(--text-secondary, #4b5563);text-align:right;flex:1}.shortcuts-help__tips{padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:.5rem;border:1px solid var(--border-secondary, #f3f4f6)}.shortcuts-help__tips ul{margin:0;padding-left:1.25rem;list-style-type:disc}.shortcuts-help__tips li{margin-bottom:.5rem}.shortcuts-help__tips li:last-child{margin-bottom:0}.shortcuts-help__tips .shortcuts-help__key{margin:0 .125rem}@media(prefers-color-scheme:dark){.shortcuts-help__backdrop{background:#000000b3}.shortcuts-help__modal{background:var(--bg-primary-dark, #0f172a);border-color:var(--border-primary-dark, #334155)}.shortcuts-help__header,.shortcuts-help__footer{border-color:var(--border-primary-dark, #334155)}.shortcuts-help__group-title{color:var(--text-primary-dark, #f1f5f9)}.shortcuts-help__shortcut{background:var(--bg-secondary-dark, #1e293b);border-color:var(--border-secondary-dark, #334155)}.shortcuts-help__key{background:var(--bg-tertiary-dark, #334155);border-color:var(--border-primary-dark, #475569);color:var(--text-primary-dark, #f1f5f9)}.shortcuts-help__plus{color:var(--text-muted-dark, #94a3b8)}.shortcuts-help__description{color:var(--text-secondary-dark, #cbd5e1)}.shortcuts-help__tips{background:var(--bg-secondary-dark, #1e293b);border-color:var(--border-secondary-dark, #334155)}}@media(prefers-contrast:high){.shortcuts-help__modal,.shortcuts-help__header,.shortcuts-help__footer,.shortcuts-help__shortcut,.shortcuts-help__key,.shortcuts-help__tips{border-width:2px}}@media(prefers-reduced-motion:reduce){.shortcuts-help__modal{animation:none}.shortcuts-help__backdrop{backdrop-filter:none}}@media(max-width:768px){.shortcuts-help{padding:.5rem}.shortcuts-help__modal{max-height:95vh;border-radius:.5rem}.shortcuts-help__header,.shortcuts-help__content{padding:1rem}.shortcuts-help__footer{padding:.75rem 1rem}.shortcuts-help__shortcut{flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.shortcuts-help__description{text-align:left}.shortcuts-help__group{margin-bottom:1.5rem}}@media(max-width:480px){.shortcuts-help__keys{flex-wrap:wrap}.shortcuts-help__key{font-size:.625rem;padding:.125rem .375rem}}.shortcuts-help__modal:focus{outline:none}.shortcuts-help__close:focus-visible{outline:2px solid var(--primary-500, #3b82f6);outline-offset:2px}.help-menu{position:relative;display:inline-block}.help-menu__trigger{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:all .2s ease;outline:none}.help-menu__trigger:hover{background:var(--bg-secondary, #f8f9fa)}.help-menu__trigger[aria-expanded=true]{background:var(--bg-tertiary, #e5e7eb)}.help-menu__icon{width:1.25rem;height:1.25rem;color:var(--text-secondary, #4b5563)}.help-menu__dropdown{position:absolute;top:100%;right:0;min-width:280px;max-width:320px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e5e7eb);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1001;margin-top:.5rem;overflow:hidden;animation:menu-appear .15s ease-out}@keyframes menu-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-menu__header{padding:.75rem 1rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-secondary, #f3f4f6)}.help-menu__items{padding:.5rem 0}.help-menu__item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;gap:.75rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease;color:var(--text-primary, #1a1a1a)}.help-menu__item:hover{background:var(--bg-secondary, #f8f9fa)}.help-menu__item:focus{outline:none;background:var(--bg-tertiary, #e5e7eb)}.help-menu__item:focus-visible{outline:2px solid var(--primary-500, #3b82f6);outline-offset:-2px}.help-menu__item-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bg-tertiary, #e5e7eb);border-radius:.375rem;font-size:1rem;flex-shrink:0}.help-menu__item-content{flex:1;min-width:0}.help-menu__item-label{margin-bottom:.125rem}.help-menu__item-description{line-height:1.3}.help-menu__footer{padding:.5rem 1rem;background:var(--bg-secondary, #f8f9fa);border-top:1px solid var(--border-secondary, #f3f4f6);text-align:center}.help-menu__footer kbd{display:inline-block;padding:.125rem .25rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e5e7eb);border-radius:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.6875rem;font-weight:600;color:var(--text-primary, #1a1a1a);box-shadow:0 1px 2px #0000001a;margin:0 .125rem}@media(prefers-color-scheme:dark){.help-menu__trigger:hover{background:var(--bg-secondary-dark, #1e293b)}.help-menu__trigger[aria-expanded=true]{background:var(--bg-tertiary-dark, #334155)}.help-menu__icon{color:var(--text-secondary-dark, #cbd5e1)}.help-menu__dropdown{background:var(--bg-primary-dark, #0f172a);border-color:var(--border-primary-dark, #334155);box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003}.help-menu__header,.help-menu__footer{background:var(--bg-secondary-dark, #1e293b);border-color:var(--border-secondary-dark, #334155)}.help-menu__item{color:var(--text-primary-dark, #f1f5f9)}.help-menu__item:hover{background:var(--bg-secondary-dark, #1e293b)}.help-menu__item:focus{background:var(--bg-tertiary-dark, #334155)}.help-menu__item:focus-visible{outline-color:var(--primary-400, #60a5fa)}.help-menu__item-icon{background:var(--bg-tertiary-dark, #334155)}.help-menu__footer kbd{background:var(--bg-tertiary-dark, #334155);border-color:var(--border-primary-dark, #475569);color:var(--text-primary-dark, #f1f5f9)}}@media(prefers-contrast:high){.help-menu__dropdown,.help-menu__header,.help-menu__footer{border-width:2px}.help-menu__item:focus-visible{outline-width:3px}.help-menu__footer kbd{border-width:2px}}@media(prefers-reduced-motion:reduce){.help-menu__trigger,.help-menu__item{transition:none}.help-menu__dropdown{animation:none}}@media(max-width:768px){.help-menu__dropdown{left:50%;right:auto;transform:translate(-50%);min-width:260px;max-width:calc(100vw - 2rem)}.help-menu__item{padding:1rem}.help-menu__item-icon{width:2.25rem;height:2.25rem;font-size:1.125rem}}@media(max-width:480px){.help-menu__dropdown{min-width:240px}.help-menu__header,.help-menu__footer{padding:.75rem}.help-menu__item{padding:.875rem .75rem;gap:.625rem}}[dir=rtl] .help-menu__dropdown{left:0;right:auto}[dir=rtl] .help-menu__item{text-align:right}.help-menu__dropdown{outline:none}.help-menu__item[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.help-menu__item--loading{position:relative;pointer-events:none}.help-menu__item--loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid var(--border-primary, #e5e7eb);border-top:2px solid var(--primary-500, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.header{background:var(--desktop-surface);border-bottom:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-sm);height:72px;position:sticky;top:0;z-index:999;transition:box-shadow var(--desktop-transition-base);backdrop-filter:blur(8px)}.header__content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding:0 var(--desktop-spacing-xl);max-width:none;gap:var(--desktop-spacing-lg)}.header__left{display:flex;align-items:center;gap:var(--desktop-spacing-lg)}.header__menu-toggle{color:var(--desktop-text-primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--desktop-radius-md);transition:all var(--desktop-transition-fast)}.header__menu-toggle:hover{background:var(--desktop-surface-hover);color:var(--brand-primary)}.header__menu-toggle svg{width:24px;height:24px}.header__logo{display:flex;align-items:center;gap:var(--desktop-spacing-md);text-decoration:none;color:var(--desktop-text-primary);transition:all var(--desktop-transition-fast);padding:var(--desktop-spacing-sm);border-radius:var(--desktop-radius-md)}.header__logo:hover{color:var(--brand-primary);background:var(--desktop-surface-hover)}.header__logo-image{height:40px;width:auto;display:block}.header__center{display:flex;align-items:center;justify-content:center;max-width:400px;width:100%}.header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.header__help-menu .help-menu__trigger{width:30px;height:30px;background:transparent;color:var(--theme-text);border:none;cursor:pointer;outline:none;border-radius:50%;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.header__help-menu .help-menu__trigger:hover{background:var(--theme-surface-hover)}.header__help-menu .help-menu__trigger:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.header__help-menu .help-menu__trigger[aria-expanded=true]{background:var(--theme-surface-active)}.header__help-menu .help-menu__icon{color:var(--theme-text);width:20px;height:20px;flex-shrink:0}.header__user-menu{position:relative}.header__user-button{display:flex;align-items:center;gap:var(--desktop-spacing-md);padding:var(--desktop-spacing-sm) var(--desktop-spacing-md);background:none;border:none;border-radius:var(--desktop-radius-lg);cursor:pointer;transition:all var(--desktop-transition-fast);color:var(--desktop-text-primary)}.header__user-button:hover{background:var(--desktop-surface-hover)}.header__user-button:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px;border-radius:var(--desktop-radius-lg)}.header__user-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:var(--desktop-shadow-xs)}.header__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.header__dropdown-icon{transition:transform .2s ease}.header__dropdown-icon.open{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;right:0;margin-top:var(--desktop-spacing-xs);z-index:1001}.header__dropdown-content{background:var(--desktop-surface);border:1px solid var(--desktop-border-primary);border-radius:var(--desktop-radius-lg);box-shadow:var(--desktop-shadow-lg);min-width:200px;padding:var(--desktop-spacing-xs) 0;animation:dropdownSlideIn var(--desktop-transition-base) var(--desktop-ease-spring)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header__dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--desktop-text-primary);text-decoration:none;transition:all var(--desktop-transition-fast);border:none;background:none;width:100%;cursor:pointer;font-size:var(--font-size-sm)}.header__dropdown-item:hover{background:var(--desktop-surface-accent);color:var(--desktop-text-primary)}.header__dropdown-item:focus{background:var(--desktop-surface-accent);color:var(--desktop-text-primary);outline:3px solid var(--brand-primary);outline-offset:-2px;border-radius:var(--desktop-radius-md)}.header__dropdown-item svg{width:16px;height:16px;color:var(--desktop-text-secondary)}.header__dropdown-item:hover svg{color:var(--brand-primary)}.header__dropdown-item .btn--ghost{color:var(--desktop-text-primary)!important;border-color:transparent!important;background-color:transparent!important;padding:0!important;min-height:auto!important;font-size:var(--font-size-sm)!important;font-weight:400!important;width:100%!important;justify-content:flex-start!important;text-align:left!important;border-radius:0!important;transition:all var(--desktop-transition-fast)!important;box-shadow:none!important}.header__dropdown-item .btn--ghost:hover{color:var(--brand-primary)!important;background-color:transparent!important;transform:none!important;box-shadow:none!important}.header__dropdown-item .btn--ghost:focus-visible{outline:none!important;color:var(--brand-primary)!important}.header__dropdown-item .btn--ghost:focus-visible:after{display:none!important}.header__dropdown-divider{margin:var(--spacing-xs) 0;border:none;border-top:1px solid var(--theme-border)}.header__auth-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:767px){.header{background:var(--mobile-surface);border-bottom-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}.header__content{padding:0 var(--spacing-md);grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.header__center,.header__user-info{display:none}.header__dropdown-content{min-width:180px;box-shadow:var(--desktop-shadow-lg)}.header__logo,.header__menu-toggle{color:var(--mobile-text-primary)}}@media(min-width:769px)and (max-width:1024px){.header__content{padding:0 var(--spacing-lg)}.header__center{max-width:300px}}@media(min-width:1025px){.header__menu-toggle{display:none}}@media(prefers-contrast:high){.header{border-bottom-width:2px}.header__dropdown-content{border-width:2px}}@media(prefers-reduced-motion:reduce){.header__dropdown-icon,.header__user-button,.header__logo{transition:none}.header__dropdown-content{animation:none}}.sidebar{width:280px;background:var(--desktop-surface);border-right:1px solid var(--desktop-border-primary);box-shadow:var(--desktop-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 72px);position:fixed;top:72px;left:0;z-index:997;transform:translate(-100%);transition:transform var(--desktop-transition-base);overflow-y:auto;overflow-x:hidden}.sidebar--open{transform:translate(0)}.sidebar__nav{flex:1;padding:var(--desktop-spacing-xl) 0}.sidebar__header{padding:0 var(--desktop-spacing-xl) var(--desktop-spacing-lg);border-bottom:1px solid var(--desktop-border-primary);margin-bottom:var(--desktop-spacing-lg)}.sidebar__menu{list-style:none;margin:0;padding:0}.sidebar__menu-item{margin:0}.sidebar__link{display:flex;align-items:center;gap:var(--desktop-spacing-md);padding:var(--desktop-spacing-md) var(--desktop-spacing-lg);color:var(--desktop-text-primary);text-decoration:none!important;transition:all var(--desktop-transition-fast);position:relative;border:none;background:none;width:100%;cursor:pointer;border-radius:var(--desktop-radius-lg);margin:0 var(--desktop-spacing-md);width:calc(100% - var(--desktop-spacing-xl));font-weight:var(--font-weight-medium)}.sidebar__link:hover{background:var(--desktop-surface-accent);color:var(--brand-primary);transform:translate(4px);text-decoration:none!important;box-shadow:var(--desktop-shadow-xs)}.sidebar__link--active{background:var(--desktop-surface-accent);color:var(--brand-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--desktop-shadow-sm);border-left:4px solid var(--brand-primary)}.sidebar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.sidebar__icon svg{width:22px;height:22px}.sidebar__label{flex:1;font-size:.9375rem;font-weight:inherit;letter-spacing:-.01em}.sidebar__active-indicator{position:absolute;right:var(--spacing-md);width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.sidebar__submenu{list-style:none;margin:0;padding:0;padding-left:var(--spacing-lg);border-left:2px solid var(--desktop-border-secondary);margin-left:var(--spacing-lg);margin-right:var(--spacing-sm)}.sidebar__submenu-item{margin:0}.sidebar__submenu-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--desktop-text-secondary);text-decoration:none!important;transition:all var(--desktop-transition-fast);position:relative;border:none;background:none;width:100%;cursor:pointer;border-radius:var(--desktop-radius-sm);margin:2px 0;font-size:.8rem}.sidebar__submenu-link:hover{background:var(--desktop-surface-accent);color:var(--brand-primary);transform:translate(2px);text-decoration:none!important}.sidebar__submenu-link--active{background:var(--desktop-surface-accent);color:var(--brand-primary);font-weight:500;border-left:2px solid var(--brand-primary)}.sidebar__submenu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__submenu-icon svg{width:16px;height:16px;opacity:.8}.sidebar__submenu-label{flex:1;font-size:inherit;font-weight:inherit}.sidebar__footer{padding:var(--spacing-md) var(--spacing-lg);margin-top:auto;padding-top:var(--spacing-xl);display:flex;justify-content:center;align-items:center}.sidebar__product-logo{width:60%;height:auto;max-height:40px;opacity:.8;transition:opacity .2s ease;-o-object-fit:contain;object-fit:contain}.sidebar__product-logo:hover{opacity:1}.sidebar__user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar__user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.sidebar__user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar__user-details .typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1025px){.sidebar{position:static;transform:translate(0);height:auto;min-height:calc(100vh - 64px);overflow-y:visible}.sidebar--open{transform:translate(0)}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:260px}}@media(max-width:768px){.sidebar{width:280px;background:var(--mobile-surface);border-right-color:var(--mobile-border);box-shadow:var(--mobile-shadow-light)}.sidebar__link{padding:var(--spacing-lg) var(--spacing-lg);color:var(--mobile-text-primary)}.sidebar__link:hover{background:var(--desktop-surface-accent)}.sidebar__submenu-link{color:var(--mobile-text-secondary)}.sidebar__footer{padding:var(--spacing-lg)}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sidebar__link:focus-visible{outline:3px solid var(--brand-primary);outline-offset:-2px}.sidebar__submenu-link:focus-visible{outline:3px solid var(--brand-primary);outline-offset:-2px}@media(prefers-contrast:high){.sidebar{border-right-width:2px}.sidebar__header{border-bottom-width:2px}.sidebar__footer{border-top-width:2px}.sidebar__link--active{border-left-width:6px}.sidebar__submenu-link--active{border-left-width:4px}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar__link{transition:none}}@media(max-width:768px){.sidebar__link{min-height:44px}}.breadcrumb{margin:0;padding:.5rem 0;background:transparent}.breadcrumb__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.breadcrumb__item{display:flex;align-items:center;gap:.25rem}.breadcrumb__link,.breadcrumb__text{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out}.breadcrumb__link{color:var(--color-text-muted, #6b7280);background:transparent}.breadcrumb__link:hover{color:var(--color-primary, #2756fd);background:var(--color-surface-elevated, rgba(39, 86, 253, .04))}.breadcrumb__link:focus{outline:2px solid var(--color-primary, #2756fd);outline-offset:2px}.breadcrumb__text{color:var(--color-text-primary, #1f2937);background:transparent}.breadcrumb__text--active{color:var(--color-text-primary, #1f2937);font-weight:600}.breadcrumb__icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:currentColor}.breadcrumb__icon svg{width:100%;height:100%}.breadcrumb__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.breadcrumb__separator{color:var(--theme-text, #ffffff);font-size:.875rem;margin:0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-with-breadcrumbs{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.breadcrumb__label{max-width:8rem}.breadcrumb__list{gap:.125rem}.breadcrumb__link,.breadcrumb__text{padding:.125rem .375rem;font-size:.8125rem}.breadcrumb__separator{margin:0 .125rem;font-size:.8125rem}}@media(prefers-contrast:high){.breadcrumb__link{border:1px solid transparent}.breadcrumb__link:hover,.breadcrumb__link:focus{border-color:currentColor}.breadcrumb__text--active{border:1px solid currentColor}}@media(prefers-color-scheme:dark){.breadcrumb__link{color:var(--color-text-muted-dark, #9ca3af)}.breadcrumb__link:hover{color:var(--color-primary-light, #4f87ff);background:var(--color-surface-elevated-dark, rgba(79, 135, 255, .08))}.breadcrumb__text,.breadcrumb__text--active{color:var(--color-text-primary-dark, #f9fafb)}.breadcrumb__separator{color:var(--theme-text, #ffffff)}}.skip-navigation{position:absolute;top:-1000px;left:0;right:0;z-index:9999;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-primary, #e5e7eb);padding:.5rem 0;transition:top .15s ease}.skip-navigation:focus-within{top:0}.skip-navigation__list{display:flex;gap:1rem;justify-content:center;align-items:center;list-style:none;padding:0;max-width:1200px;margin:0 auto;padding:0 1rem}.skip-navigation__link{display:inline-block;padding:.75rem 1rem;background:var(--primary-600, #2563eb);color:#fff;text-decoration:none;border-radius:.375rem;font-weight:500;font-size:.875rem;transition:all .15s ease;border:2px solid transparent}.skip-navigation__link:hover{background:var(--primary-700, #1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.skip-navigation__link:focus{outline:none;background:var(--primary-700, #1d4ed8);border-color:var(--primary-200, #dbeafe);box-shadow:0 0 0 3px #2563eb33}.skip-navigation__link:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb33}@media(prefers-color-scheme:dark){.skip-navigation{background:var(--bg-primary-dark, #0f172a);border-color:var(--border-primary-dark, #334155)}.skip-navigation__link{background:var(--primary-500, #3b82f6)}.skip-navigation__link:hover{background:var(--primary-400, #60a5fa)}.skip-navigation__link:focus{background:var(--primary-400, #60a5fa);border-color:var(--primary-300, #93c5fd)}}@media(prefers-contrast:high){.skip-navigation{border-bottom-width:2px}.skip-navigation__link{border-width:2px;border-color:currentColor}.skip-navigation__link:focus{border-width:3px}}@media(prefers-reduced-motion:reduce){.skip-navigation,.skip-navigation__link{transition:none}.skip-navigation__link:hover,.skip-navigation__link:active{transform:none}}@media(max-width:768px){.skip-navigation__list{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.skip-navigation__link{width:100%;text-align:center;max-width:280px}}.notice-banner-container{width:100%;z-index:1000}.notice-banner{display:flex;align-items:flex-start;padding:16px;border-radius:8px;border:1px solid;margin-bottom:8px;position:relative;transition:all .2s ease-in-out;animation:notice-slide-in .3s ease-out}.notice-banner:last-child{margin-bottom:0}.notice-banner--dismissing{opacity:.6;transform:translate(-10px)}.notice-banner--critical{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.notice-banner--critical .notice-banner__icon{color:#dc2626}.notice-banner--warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.notice-banner--warning .notice-banner__icon{color:#f59e0b}.notice-banner--info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.notice-banner--info .notice-banner__icon{color:#3b82f6}.notice-banner--success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.notice-banner--success .notice-banner__icon{color:#10b981}@media(prefers-color-scheme:dark){.notice-banner--critical{background-color:#450a0a;border-color:#991b1b;color:#fecaca}.notice-banner--critical .notice-banner__icon{color:#f87171}.notice-banner--warning{background-color:#451a03;border-color:#92400e;color:#fde68a}.notice-banner--warning .notice-banner__icon{color:#fbbf24}.notice-banner--info{background-color:#1e3a8a;border-color:#1e40af;color:#bfdbfe}.notice-banner--info .notice-banner__icon{color:#60a5fa}.notice-banner--success{background-color:#14532d;border-color:#166534;color:#bbf7d0}.notice-banner--success .notice-banner__icon{color:#34d399}}.notice-banner__content{display:flex;align-items:flex-start;gap:12px;width:100%}.notice-banner__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.notice-banner__main{flex:1;min-width:0}.notice-banner__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notice-banner__title{flex:1;min-width:0}.notice-banner__type{flex-shrink:0;opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.notice-banner__message{margin-bottom:8px}.notice-banner__text{line-height:1.5}.notice-banner__dates{margin-top:4px}.notice-banner__actions{flex-shrink:0;display:flex;align-items:flex-start}.notice-banner__dismiss{padding:6px;opacity:.7;transition:opacity .2s ease-in-out}.notice-banner__dismiss:hover{opacity:1}.notice-banner__dismiss:disabled{opacity:.5;cursor:not-allowed}@keyframes notice-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.notice-banner{padding:12px}.notice-banner__header{flex-direction:column;align-items:flex-start;gap:4px}.notice-banner__type{font-size:.75rem}.notice-banner__content{gap:8px}}.animate-spin{animation:spin 1s linear infinite}.notice-banner__dismiss:focus{outline:2px solid currentColor;outline-offset:2px}@media(prefers-contrast:high){.notice-banner{border-width:2px}.notice-banner--critical{background-color:#fff;border-color:#dc2626}.notice-banner--warning{background-color:#fff;border-color:#f59e0b}.notice-banner--info{background-color:#fff;border-color:#3b82f6}.notice-banner--success{background-color:#fff;border-color:#10b981}}@media(prefers-reduced-motion:reduce){.notice-banner{animation:none;transition:none}.notice-banner--dismissing{transition:opacity .15s ease-out}.animate-spin{animation:none}}.footer{width:100%;border-top:1px solid var(--theme-border);background:var(--theme-surface);backdrop-filter:var(--theme-blur);margin-top:auto}.footer__content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);max-width:1200px;margin:0 auto;gap:var(--spacing-md)}.footer__links{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.footer__link{text-decoration:none;transition:color var(--transition-fast);border-radius:var(--border-radius-sm);padding:var(--spacing-xs)}.footer__link:hover{color:var(--theme-text);text-decoration:underline}.footer__link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.footer__separator{color:var(--theme-text-muted);margin:0 var(--spacing-xs)}.footer__copyright{white-space:nowrap}.footer--minimal{border-top:none;background:transparent;padding:var(--spacing-sm) 0}.footer--minimal .footer__content{padding:var(--spacing-sm) var(--spacing-lg);flex-direction:column;text-align:center;gap:var(--spacing-sm)}@media(max-width:768px){.footer__content{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.footer__links{justify-content:center;gap:var(--spacing-xs)}.footer__separator{margin:0 var(--spacing-xs)}.footer__copyright{white-space:normal}}@media(max-width:480px){.footer__content{padding:var(--spacing-sm)}.footer__links{flex-direction:column;gap:var(--spacing-sm)}.footer__separator{display:none}}@media(prefers-contrast:high){.footer{border-top-width:2px}.footer__link:hover{border:1px solid var(--theme-text)}}@media(prefers-reduced-motion:reduce){.footer__link{transition:none}}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background)}.app-shell__notices{position:relative;z-index:900;background:var(--color-background);border-bottom:1px solid var(--color-border);padding:12px 0}.app-shell__body{display:flex;flex:1;overflow:visible}.app-shell__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-background)}.app-shell__content{flex:1;padding:var(--spacing-lg);overflow:auto}.app-shell__overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(2px);z-index:996;display:none}@media(max-width:768px){.app-shell__content{padding:var(--spacing-md)}.app-shell__overlay{display:block}}@media(min-width:769px)and (max-width:1024px){.app-shell__content{padding:var(--spacing-lg)}}.app-shell__main{position:relative}.app-shell__content{height:100%;overflow:auto;display:flex;flex-direction:column}.app-shell__breadcrumb{flex-shrink:0;margin-bottom:.5rem}.app-shell__main,.app-shell__overlay{transition:all .2s ease-in-out}.app-shell:focus-within{outline:none}@media(prefers-contrast:high){.app-shell__overlay{background:#000c;backdrop-filter:none}}.page-header{margin-bottom:var(--spacing-xl)}.page-header__breadcrumbs{margin-bottom:var(--spacing-md)}.page-header__content{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg)}.page-header__text{flex:1;min-width:0}.page-header__title{margin:0;margin-bottom:var(--spacing-xs)}.page-header__subtitle{margin:0;font-size:1rem;line-height:1.5}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:768px){.page-header__content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.page-header__actions{justify-content:flex-start}.page-header__subtitle{font-size:.875rem}}@media(min-width:769px)and (max-width:1024px){.page-header__content{gap:var(--spacing-md)}}.page-content{width:100%}.page-content--sm{max-width:640px;margin:0 auto}.page-content--md{max-width:768px;margin:0 auto}.page-content--lg{max-width:1024px;margin:0 auto}.page-content--xl{max-width:1280px;margin:0 auto}.page-content--full{max-width:none}.page-content--padding-sm{padding:var(--spacing-sm)}.page-content--padding-md{padding:var(--spacing-md)}.page-content--padding-lg{padding:var(--spacing-lg)}@media(max-width:768px){.page-content--sm,.page-content--md,.page-content--lg,.page-content--xl{margin:0;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.page-content--padding-sm{padding:var(--spacing-xs)}.page-content--padding-md{padding:var(--spacing-sm)}.page-content--padding-lg{padding:var(--spacing-md)}}.breadcrumb{margin-bottom:var(--spacing-md)}.breadcrumb__list{display:flex;align-items:center;gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-xs)}.breadcrumb__link{text-decoration:none;color:inherit;transition:color .2s ease}.breadcrumb__link:hover{color:var(--color-primary)}.breadcrumb__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.breadcrumb__separator{display:flex;align-items:center;color:var(--theme-text, #ffffff);flex-shrink:0}.breadcrumb__separator svg{width:14px;height:14px}@media(max-width:768px){.breadcrumb__list{flex-wrap:wrap;gap:var(--spacing-xs)}.breadcrumb__separator svg{width:12px;height:12px}}@media(prefers-contrast:high){.breadcrumb__link:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){.breadcrumb__link{transition:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 1.5s ease-in-out infinite}.file-drop-zone{position:relative;transition:all .2s ease}.file-drop-zone.drag-over{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.drag-overlay{position:absolute;inset:0;background-color:rgba(var(--color-primary-rgb),.1);border:2px dashed var(--color-primary);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.attachment-list{display:flex;flex-wrap:wrap;gap:.5rem}.attachment-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:.75rem;transition:background-color .2s ease}.attachment-item:hover{background-color:var(--color-surface-alt)}.attachment-item.uploading{opacity:.7;background-color:var(--color-surface)}.shortcuts-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.shortcuts-content{max-width:500px;width:90%;max-height:80vh;overflow:auto}.shortcut-grid{display:grid;gap:.25rem;font-size:.875rem}.shortcut-row{display:flex;justify-content:space-between}.shortcut-key{font-family:Consolas,Monaco,Courier New,monospace;background-color:var(--color-surface-alt);padding:.125rem .25rem;border-radius:var(--border-radius-xs);border:1px solid var(--color-border);font-size:.75rem}.editor-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.toolbar-separator{width:1px;height:16px;background-color:var(--color-border)}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:1rem}.save-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.saving{background-color:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}.status-dot.saved{background-color:var(--color-success)}.status-dot.error{background-color:var(--color-error)}.status-dot.unsaved{background-color:var(--color-warning)}.editor-textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}@media(max-width:768px){.editor-toolbar{flex-wrap:wrap;gap:.25rem}.toolbar-right{margin-left:0;width:100%;justify-content:space-between;margin-top:.5rem}.shortcuts-content{width:95%;max-height:90vh}.attachment-list{gap:.25rem}}@media(prefers-contrast:high){.drag-overlay{background-color:#000c;border-width:3px}.status-dot{border:2px solid currentColor}.attachment-item{border-width:2px}}.low-confidence-word{position:relative;cursor:help;transition:all .2s ease}.low-confidence-word:hover{transform:scale(1.02);z-index:5}.confidence-controls{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.875rem}.confidence-threshold-slider{width:100px;accent-color:var(--color-primary)}.confidence-legend{margin-left:auto;display:flex;align-items:center;gap:.75rem}.confidence-indicator{display:flex;align-items:center;gap:.5rem}.confidence-bar{width:12px;height:3px;border-radius:2px}.confidence-bar.high{background-color:var(--color-success)}.confidence-bar.medium{background-color:var(--color-warning)}.confidence-bar.low{background-color:var(--color-error);position:relative}.confidence-bar.low:after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;border-bottom:1px wavy var(--color-error)}.confidence-tooltip{position:fixed;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;pointer-events:none;font-size:.75rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.split-editor{display:grid;grid-template-columns:1fr 1fr;gap:1px}.editor-panel{position:relative}.preview-panel{background-color:var(--color-surface-alt);padding:.5rem 0 .5rem 1rem;border-radius:0 0 var(--border-radius-md) 0}.preview-header{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.preview-content{padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:.9rem;line-height:1.6;min-height:200px;white-space:pre-wrap;overflow:auto;position:relative}@media(max-width:768px){.confidence-controls{flex-wrap:wrap;gap:.5rem}.confidence-legend{margin-left:0;width:100%;justify-content:space-around;margin-top:.5rem}.split-editor{grid-template-columns:1fr;grid-template-rows:auto auto}.preview-panel{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}}.speaker-label-editor{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;color:#fff;transition:all .2s ease}.speaker-label-editor:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.speaker-label-input{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:2px;padding:2px 4px;font-size:.75rem;width:80px;outline:none}.speaker-label-input:focus{background:#ffffff4d;border-color:#ffffff80}.speaker-count{font-size:.7rem;opacity:.7}.speaker-dropdown{font-size:.75rem;padding:.125rem .25rem;border-radius:var(--border-radius-xs);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text-primary)}.speaker-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.segment-speaker-badge{padding:.125rem .375rem;color:#fff;border-radius:var(--border-radius-xs);font-size:.65rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.diarisation-controls{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);font-size:.875rem}.speaker-labels-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.speaker-help-text{font-size:.75rem;color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.diarisation-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.speaker-labels-container{width:100%;justify-content:flex-start}.speaker-label-editor{font-size:.7rem;padding:.2rem .4rem}.speaker-label-input{width:60px;font-size:.7rem}}@media(prefers-contrast:high){.speaker-label-editor{border:2px solid white;box-shadow:0 0 0 1px currentColor}.speaker-dropdown{border-width:2px}.segment-speaker-badge{border:2px solid white;text-shadow:0 1px 3px rgba(0,0,0,.5)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}.pulse{animation:none;opacity:.7}.file-drop-zone,.low-confidence-word{transition:none}.low-confidence-word:hover{transform:none}.confidence-tooltip{animation:none}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}}.conflict-banner{background:linear-gradient(135deg,#ff4757,#ff3742);border-radius:8px;box-shadow:0 4px 12px #ff47574d}.conflict-comparison{border:2px solid #ff9f43;background:linear-gradient(135deg,#fff5f5,#fef5e7);position:relative}.conflict-comparison:before{content:"Conflict Resolution";position:absolute;top:-12px;left:16px;background:#ff9f43;color:#fff;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:700}.comparison-pane{border-radius:6px;box-shadow:0 2px 8px #0000001a;position:relative}.comparison-pane.local{border-left:4px solid #3742fa}.comparison-pane.remote{border-left:4px solid #ff6b6b}.comparison-pane .label{background:#0000000d;padding:8px 12px;border-bottom:1px solid #e1e8ed;font-weight:600;font-size:.875rem}.comparison-pane.local .label{color:#3742fa}.comparison-pane.remote .label{color:#ff6b6b}.collaboration-panel{background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 8px 25px #00000026;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.collaboration-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00000005;border-radius:6px;margin-bottom:12px}.collaboration-status.connected{border-left:4px solid #2ed573}.collaboration-status.disconnected{border-left:4px solid #ff4757}.active-user{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;transition:background-color .2s ease}.active-user:hover{background:#00000008}.user-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.recent-change{padding:8px;background:#00000005;border-radius:6px;border-left:4px solid #5352ed;margin-bottom:8px;transition:background-color .2s ease}.recent-change:hover{background:#0000000d}.recent-change .timestamp{color:#747d8c;font-size:.75rem;margin-bottom:4px}.recent-change .change-text{font-size:.875rem;line-height:1.4}.collaboration-button{position:relative}.collaboration-indicator{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ff9f43;border-radius:50%;animation:pulse 2s infinite}.toolbar.collaborative{border-bottom:2px solid #5352ed;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.toolbar.has-conflicts{border-bottom:2px solid #ff4757;background:linear-gradient(135deg,#fff5f5,#fef5e7)}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-indicator.saving{background:#ff9f431a;color:#ff9f43}.status-indicator.saved{background:#2ed5731a;color:#2ed573}.status-indicator.error{background:#ff47571a;color:#ff4757}.status-indicator.conflict{background:#ff475726;color:#ff4757;animation:pulse 1.5s infinite}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.saving{background:#ff9f43;animation:pulse 1.5s infinite}.status-dot.saved{background:#2ed573}.status-dot.error{background:#ff4757}.status-dot.conflict{background:#ff4757;animation:pulse 1.5s infinite}.editor-container{transition:border-color .3s ease,box-shadow .3s ease}.editor-container.has-conflicts{border-color:#ff4757;box-shadow:0 0 0 3px #ff47571a}.editor-container.is-collaborative{border-color:#5352ed;box-shadow:0 0 0 3px #5352ed1a}@media(prefers-contrast:high){.conflict-banner{background:CanvasText;color:Canvas;border:2px solid CanvasText}.collaboration-panel{border:2px solid CanvasText;background:Canvas}.comparison-pane{border:2px solid CanvasText}}@media(prefers-reduced-motion:reduce){.collaboration-panel,.collaboration-indicator,.status-indicator.conflict,.status-dot.saving,.status-dot.conflict{animation:none}.editor-container{transition:none}}*,*:before,*:after{box-sizing:border-box}@media(max-width:768px){html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow:hidden;height:100%;height:-webkit-fill-available}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%;margin:0;padding:0}}:root{--mobile-primary: var(--brand-primary);--mobile-secondary: var(--brand-secondary);--mobile-dark: var(--brand-dark);--mobile-accent: var(--brand-accent);--mobile-surface: #ffffff;--mobile-surface-secondary: #f8f9fa;--mobile-surface-accent: #f0f4ff;--mobile-background: #fafbfc;--mobile-text-primary: #1f2937;--mobile-text-secondary: var(--text-muted);--mobile-text-light: #ffffff;--mobile-text-muted: #9ca3af;--mobile-border: #e5e7eb;--mobile-border-light: #f3f4f6;--mobile-divider: #f1f3f4;--mobile-shadow-light: 0 1px 3px rgba(0, 0, 0, .05);--mobile-shadow-medium: 0 2px 8px rgba(0, 0, 0, .08);--mobile-shadow-strong: 0 4px 16px rgba(16, 84, 247, .12);--mobile-space-1: .25rem;--mobile-space-2: .5rem;--mobile-space-3: .75rem;--mobile-space-4: 1rem;--mobile-space-5: 1.25rem;--mobile-space-6: 1.5rem;--mobile-space-8: 2rem;--mobile-space-12: 3rem;--mobile-space-16: 4rem;--mobile-radius-sm: .375rem;--mobile-radius-md: .5rem;--mobile-radius-lg: .75rem;--mobile-radius-xl: 1rem;--mobile-radius-full: 9999px;--mobile-font-xs: .75rem;--mobile-font-sm: .875rem;--mobile-font-base: 1rem;--mobile-font-lg: 1.125rem;--mobile-font-xl: 1.25rem;--mobile-font-2xl: 1.5rem;--mobile-header-height: 3.5rem;--mobile-navbar-height: 4rem;--mobile-fab-size: 3.5rem;--mobile-card-padding: var(--mobile-space-4);--mobile-touch-target: 2.75rem;--mobile-page-padding: var(--mobile-space-4)}.mobile-container{width:100%;max-width:100vw;margin:0 auto;padding-left:var(--mobile-page-padding);padding-right:var(--mobile-page-padding)}.mobile-section{margin-bottom:var(--mobile-space-4)}.mobile-page{background-color:var(--mobile-background, #fafbfc);color:var(--mobile-text-primary);padding:0;width:100%;margin:0}.mobile-page-content{width:100%;margin:0;padding:0}.mobile-page-header{background:none;padding:var(--mobile-space-4) var(--mobile-page-padding);margin:0 0 var(--mobile-space-4) 0;box-shadow:none}.mobile-page-header-title{font-size:var(--mobile-font-xl);font-weight:700;line-height:1.3;color:var(--mobile-primary);margin:0;padding:0}.mobile-page-header-subtitle{font-size:var(--mobile-font-sm);font-weight:400;line-height:1.4;color:var(--mobile-text-secondary);margin:var(--mobile-space-1) 0 0 0;padding:0}.mobile-heading-1{font-size:var(--mobile-font-2xl);font-weight:700;line-height:1.2;color:var(--mobile-primary);margin-top:0;margin-bottom:var(--mobile-space-3)}.mobile-heading-2{font-size:var(--mobile-font-xl);font-weight:600;line-height:1.3;color:var(--mobile-text-primary);margin-bottom:var(--mobile-space-3)}.mobile-heading-3{font-size:var(--mobile-font-base);font-weight:600;line-height:1.4;color:var(--mobile-text-primary);margin-bottom:var(--mobile-space-2)}.mobile-body{font-size:var(--mobile-font-base);font-weight:400;line-height:1.5;color:var(--mobile-text-primary)}.mobile-body-sm{font-size:var(--mobile-font-sm);font-weight:400;line-height:1.5;color:var(--mobile-text-primary)}.mobile-caption{font-size:var(--mobile-font-xs);font-weight:400;line-height:1.4;color:var(--mobile-text-secondary)}.mobile-label{font-size:var(--mobile-font-sm);font-weight:500;line-height:1.4;color:var(--mobile-text-secondary);text-transform:uppercase;letter-spacing:.025em}.mobile-card{background-color:var(--mobile-surface);border:1px solid var(--mobile-border);border-radius:var(--mobile-radius-lg);box-shadow:var(--mobile-shadow-light);overflow:hidden;margin-bottom:0}.mobile-card-elevated{box-shadow:var(--mobile-shadow-medium);transform:translateY(-1px)}.mobile-card-header{padding:var(--mobile-space-3) var(--mobile-space-4);border-bottom:1px solid var(--mobile-border-light);background-color:var(--mobile-surface-secondary)}.mobile-card-content{padding:var(--mobile-card-padding)}.mobile-card-footer{padding:var(--mobile-space-3) var(--mobile-space-4);background-color:var(--mobile-surface-secondary);border-top:1px solid var(--mobile-border-light)}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mobile-space-2);min-height:2.75rem;padding:var(--mobile-space-2) var(--mobile-space-5);border:none;border-radius:var(--mobile-radius-xl);font-size:var(--mobile-font-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-btn-primary{background-color:var(--brand-primary, #1054f7);color:var(--mobile-text-light);box-shadow:var(--mobile-shadow-medium)}.mobile-btn-primary:hover,.mobile-btn-primary:active{background-color:var(--brand-secondary, #0068ff);transform:translateY(-1px);box-shadow:var(--mobile-shadow-strong)}.mobile-btn-secondary{background-color:var(--mobile-surface);color:var(--brand-primary, #1054f7);border:2px solid var(--brand-primary, #1054f7);box-shadow:var(--mobile-shadow-light)}.mobile-btn-secondary:hover,.mobile-btn-secondary:active{background-color:var(--mobile-surface-secondary);transform:translateY(-1px);box-shadow:var(--mobile-shadow-medium)}.mobile-btn-ghost{background-color:transparent;color:var(--mobile-primary)}.mobile-btn-ghost:hover,.mobile-btn-ghost:active{background-color:var(--mobile-surface-accent)}.mobile-status-success{color:var(--success-color)}.mobile-status-warning{color:var(--warning-color)}.mobile-status-error{color:var(--error-color)}.mobile-status-info{color:var(--info-color)}.mobile-status-muted{color:var(--mobile-text-secondary)}.mobile-badge{display:inline-flex;align-items:center;padding:var(--mobile-space-1) var(--mobile-space-2);border-radius:var(--mobile-radius-full);font-size:var(--mobile-font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.mobile-badge-success{background-color:var(--color-success-background);color:var(--color-success-text);border:1px solid var(--color-success-border)}.mobile-badge-warning{background-color:#ff98001a;color:#e65100;border:1px solid rgba(255,152,0,.3)}.mobile-badge-error{background-color:var(--color-danger-background);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.mobile-badge-info{background-color:#2196f31a;color:#1976d2;border:1px solid rgba(33,150,243,.3)}.mobile-badge-default{background-color:var(--mobile-surface-secondary);color:var(--mobile-text-secondary);border:1px solid var(--mobile-border)}.mobile-list-item{display:flex;align-items:center;padding:var(--mobile-space-3);background-color:var(--mobile-surface);border-bottom:1px solid var(--mobile-border-light);transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-list-item:hover,.mobile-list-item:active{background-color:var(--mobile-surface-secondary)}.mobile-list-item:last-child{border-bottom:none}.mobile-icon{color:var(--mobile-text-secondary);flex-shrink:0}.mobile-icon-primary{color:var(--mobile-primary)}.mobile-icon-success{color:var(--success-color)}.mobile-icon-warning{color:var(--warning-color)}.mobile-icon-error{color:var(--error-color)}.mobile-input{width:100%;padding:var(--mobile-space-3) var(--mobile-space-4);border:1px solid var(--mobile-border);border-radius:var(--mobile-radius-md);background-color:var(--mobile-surface);font-size:var(--mobile-font-base);color:var(--mobile-text-primary);transition:border-color .2s ease,box-shadow .2s ease;font-size:max(16px,var(--mobile-font-base));-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-input:focus{outline:none;border-color:var(--mobile-primary);box-shadow:0 0 0 3px #1054f71a}.mobile-input::-moz-placeholder{color:var(--mobile-text-muted)}.mobile-input::placeholder{color:var(--mobile-text-muted)}.mobile-input-error{border-color:var(--error-color, #dc2626);box-shadow:0 0 0 3px #dc26261a}.mobile-search{position:relative}.mobile-search-input{padding-left:var(--mobile-space-12)}.mobile-search-icon{position:absolute;left:var(--mobile-space-3);top:50%;transform:translateY(-50%);color:var(--mobile-text-secondary);pointer-events:none}.mobile-divider{height:1px;background-color:var(--mobile-divider);margin:var(--mobile-space-3) 0;border:none}.mobile-safe-top{padding-top:env(safe-area-inset-top,0)}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.mobile-safe-left{padding-left:env(safe-area-inset-left,0)}.mobile-safe-right{padding-right:env(safe-area-inset-right,0)}.mobile-flex{display:flex}.mobile-flex-col{flex-direction:column}.mobile-items-center{align-items:center}.mobile-justify-between{justify-content:space-between}.mobile-justify-center{justify-content:center}.mobile-justify-end{justify-content:flex-end}.mobile-gap-1{gap:var(--mobile-space-1)}.mobile-gap-2{gap:var(--mobile-space-2)}.mobile-gap-3{gap:var(--mobile-space-3)}.mobile-gap-4{gap:var(--mobile-space-4)}.mobile-mb-1{margin-bottom:var(--mobile-space-1)}.mobile-mb-2{margin-bottom:var(--mobile-space-2)}.mobile-mb-3{margin-bottom:var(--mobile-space-3)}.mobile-mb-4{margin-bottom:var(--mobile-space-4)}.mobile-mb-6{margin-bottom:var(--mobile-space-6)}.mobile-mt-1{margin-top:var(--mobile-space-1)}.mobile-mt-2{margin-top:var(--mobile-space-2)}.mobile-mt-3{margin-top:var(--mobile-space-3)}.mobile-mt-4{margin-top:var(--mobile-space-4)}.mobile-mr-1{margin-right:var(--mobile-space-1)}.mobile-mr-2{margin-right:var(--mobile-space-2)}.mobile-mr-3{margin-right:var(--mobile-space-3)}.mobile-mr-4{margin-right:var(--mobile-space-4)}.mobile-p-1{padding:var(--mobile-space-1)}.mobile-p-2{padding:var(--mobile-space-2)}.mobile-p-3{padding:var(--mobile-space-3)}.mobile-p-4{padding:var(--mobile-space-4)}.mobile-text-left{text-align:left}.mobile-text-center{text-align:center}.mobile-text-right{text-align:right}.mobile-w-full{width:100%}.mobile-h-full{height:100%}.mobile-overflow-hidden{overflow:hidden}.mobile-overflow-scroll{overflow:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x}.mobile-overflow-y-auto{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-scrollable{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;will-change:scroll-position;transform:translateZ(0)}.mobile-flex-1{flex:1}.mobile-flex-wrap{flex-wrap:wrap}.mobile-text-primary{color:var(--mobile-text-primary)}.mobile-text-secondary{color:var(--mobile-text-secondary)}.mobile-text-light{color:var(--mobile-text-light)}.mobile-text-muted{color:var(--mobile-text-muted)}.mobile-text-error{color:var(--error-color, #dc2626)}.mobile-pb-4{padding-bottom:var(--mobile-space-4)}.mobile-pt-2{padding-top:var(--mobile-space-2)}.mobile-pt-3{padding-top:var(--mobile-space-3)}.mobile-pt-6{padding-top:var(--mobile-space-6)}.mobile-py-8{padding-top:var(--mobile-space-8);padding-bottom:var(--mobile-space-8)}.mobile-py-12{padding-top:var(--mobile-space-12);padding-bottom:var(--mobile-space-12)}.mobile-input-with-icon{padding-left:calc(var(--mobile-space-8) + var(--mobile-space-2))}.mobile-badge-primary{background-color:var(--mobile-primary);color:var(--mobile-text-light);border:1px solid var(--mobile-primary)}.mobile-card-error{background-color:var(--color-danger-background, #fef2f2);border-color:var(--color-danger-border, #fecaca)}.mobile-card-compact{border-radius:var(--mobile-radius-lg)}.mobile-card-compact .mobile-card-content{padding:var(--mobile-space-3)}.mobile-card-compact .mobile-card-header{padding:var(--mobile-space-2) var(--mobile-space-3)}.mobile-animate-spin{animation:mobile-spin 1s linear infinite}@keyframes mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-card:focus,.mobile-card[tabindex="0"]:focus{outline:2px solid var(--mobile-primary);outline-offset:2px;box-shadow:0 0 0 4px #1054f733}.mobile-input:focus-visible{outline:2px solid var(--mobile-primary);outline-offset:2px}@media(prefers-contrast:high){.mobile-card:focus,.mobile-card[tabindex="0"]:focus{outline:3px solid var(--mobile-text-primary);outline-offset:3px}.mobile-btn:focus{outline:3px solid var(--mobile-text-primary);outline-offset:2px}}.mobile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){#root{width:100vw!important;height:100vh!important;height:-webkit-fill-available!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.app{background:var(--mobile-background, #fafbfc)!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}}.mobile-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mobile-min-w-0{min-width:0}.mobile-max-w-full{max-width:100%}.mobile-w-1\/2{width:50%}.mobile-w-1\/3{width:33.333%}.mobile-w-2\/3{width:66.666%}.mobile-w-3\/4{width:75%}.mobile-cursor-pointer{cursor:pointer}.mobile-cursor-not-allowed{cursor:not-allowed}.mobile-opacity-50{opacity:.5}.mobile-opacity-75{opacity:.75}.mobile-translate-y-1{transform:translateY(-.25rem)}.mobile-transition-all{transition:all .2s ease}.mobile-transition-colors{transition:color .2s ease,background-color .2s ease}.mobile-m-0{margin:0}.mobile-btn-sm{min-height:2.25rem;padding:var(--mobile-space-1) var(--mobile-space-3);font-size:var(--mobile-font-sm)}.mobile-btn-lg{min-height:3.5rem;padding:var(--mobile-space-4) var(--mobile-space-6);font-size:var(--mobile-font-lg)}.mobile-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mobile-btn-loading{position:relative;color:transparent}.mobile-btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-btn-danger{background-color:var(--error-color, #dc2626);color:var(--mobile-text-light);box-shadow:var(--mobile-shadow-medium)}.mobile-btn-danger:hover,.mobile-btn-danger:active{background-color:#b91c1c;transform:translateY(-1px);box-shadow:var(--mobile-shadow-strong)}.mobile-skeleton{animation:mobile-skeleton-pulse 1.5s ease-in-out infinite}@keyframes mobile-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-skeleton-line{height:.875rem;background:linear-gradient(90deg,var(--mobile-border-light) 25%,var(--mobile-surface-secondary) 50%,var(--mobile-border-light) 75%);background-size:200% 100%;animation:mobile-skeleton-shimmer 2s infinite;border-radius:var(--mobile-radius-sm)}.mobile-skeleton-badge{width:4rem;height:1.5rem;background:var(--mobile-surface-secondary);border-radius:var(--mobile-radius-full)}@keyframes mobile-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-pull-to-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:var(--mobile-space-2);padding:var(--mobile-space-3);border-bottom:1px solid var(--mobile-border);background:var(--mobile-surface-accent);animation:mobile-slide-down .3s ease}@keyframes mobile-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-pull-to-refresh-icon{display:flex;align-items:center;justify-content:center}.mobile-sticky-top{position:sticky;top:0;z-index:40;background:var(--mobile-surface);border-bottom:1px solid var(--mobile-border);padding:var(--mobile-space-3) var(--mobile-space-4);will-change:transform}.mobile-progress-bar{height:4px;background:var(--mobile-border);border-radius:var(--mobile-radius-full);overflow:hidden;margin-bottom:var(--mobile-space-2)}.mobile-progress-fill{height:100%;background:var(--mobile-primary);transition:width .3s ease}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mobile-space-12) var(--mobile-space-4)}.mobile-empty-state-icon{color:var(--mobile-text-muted);margin-bottom:var(--mobile-space-4)}.mobile-card-swipeable{position:relative;overflow:visible;transition:transform .3s ease}.mobile-card-delete-action{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding:0 var(--mobile-space-4);background:var(--error-color, #dc2626);animation:mobile-slide-in-left .3s ease}@keyframes mobile-slide-in-left{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-items-start{align-items:flex-start}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.block{display:block}.mobile-relative{position:relative}.mobile-absolute{position:absolute}.mobile-left-3{left:var(--mobile-space-3)}.mobile-top-1\/2{top:50%}.mobile-transform-y-minus-50{transform:translateY(-50%)}.mobile-py-2{padding-top:var(--mobile-space-2);padding-bottom:var(--mobile-space-2)}.mobile-py-3{padding-top:var(--mobile-space-3);padding-bottom:var(--mobile-space-3)}.mobile-border-b{border-bottom:1px solid var(--mobile-border)}.mobile-border-secondary{border-color:var(--mobile-border-light)}.mobile-pb-6{padding-bottom:var(--mobile-space-6)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--brand-primary, #1054f7);border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -4px 12px -2px #00000026;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-container{display:flex;align-items:center;justify-content:space-evenly;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom,0));max-width:100vw}.mobile-nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border:none;background:none;min-height:3.5rem;flex:1;max-width:5rem;position:relative;transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;color:#fffc}.mobile-nav-button:hover{background-color:#ffffff1a;color:#fff}.mobile-nav-button.active{color:#fff;background-color:#ffffff26}.mobile-nav-button.primary{background-color:#fff;border-radius:1rem;color:var(--brand-primary, #1054f7);margin:0 .25rem}.mobile-nav-button.primary:hover{background-color:#ffffffe6;transform:translateY(-1px)}.mobile-nav-icon{margin-bottom:.25rem}.mobile-nav-label{font-size:.75rem;font-weight:500;line-height:1}.mobile-nav-active-indicator{position:absolute;top:-1px;left:50%;transform:translate(-50%);width:.25rem;height:.25rem;background-color:#fff;border-radius:50%}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}.mobile-crime-assessment{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#e2e8f0);min-height:100vh}.mobile-crime-assessment.mobile{padding:0;background:#fff}.mobile-crime-assessment__container{flex:1;display:flex;flex-direction:column;max-width:100%;padding:1rem;gap:1.5rem}@media(min-width:768px){.mobile-crime-assessment__container{max-width:600px;margin:0 auto;padding:2rem}}.mobile-crime-assessment__header{text-align:center;padding:1rem 0}.mobile-crime-assessment__header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.mobile-crime-assessment__header p{font-size:1rem;color:#64748b;line-height:1.5;margin:0 0 1rem}.mobile-crime-assessment__network-status{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem}.network-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.network-indicator.online{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.network-indicator.offline{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.network-latency{font-size:.75rem;color:#94a3b8;background:#94a3b81a;padding:.25rem .5rem;border-radius:12px}.mobile-crime-assessment__progress{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.progress-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.progress-text{flex:1;min-width:0}.stage-title{display:block;font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.stage-description{display:block;font-size:.875rem;color:#64748b;line-height:1.4}.progress-percentage{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-left:1rem}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .5s ease-in-out;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{transform:translate(-20px)}to{transform:translate(20px)}}.time-estimate{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;justify-content:center}.mobile-crime-assessment__status{display:flex;flex-direction:column;gap:1.5rem}.processing-indicator{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem}.processing-indicator .spinning{animation:spin 1s linear infinite;color:#3b82f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-indicator p{text-align:center;color:#64748b;margin:0;font-size:1rem}.mobile-crime-assessment__stages{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.stages-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.stages-header:hover{background:#f1f5f9}.stages-header h4{margin:0;font-size:1rem;font-weight:600;color:#334155}.stages-list{padding:.5rem 0}.stage-item{display:flex;align-items:center;padding:1rem 1.5rem;gap:1rem;transition:background-color .2s}.stage-item.current{background:#3b82f60d;border-left:3px solid #3b82f6}.stage-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.stage-icon .completed{color:#16a34a}.stage-icon .error{color:#dc2626}.stage-icon .active{color:#3b82f6}.stage-content{flex:1;min-width:0}.stage-title{font-weight:600;color:#1e293b;font-size:.9rem;margin-bottom:.25rem}.stage-description{font-size:.8rem;color:#64748b;line-height:1.3}.stage-time{font-size:.75rem;color:#94a3b8;background:#94a3b81a;padding:.25rem .5rem;border-radius:12px;font-weight:500}.mobile-crime-assessment__retry{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #fecaca;background:#fef2f2}.retry-message{display:flex;gap:1rem;margin-bottom:1.5rem}.retry-message .error-icon{flex-shrink:0;color:#dc2626;margin-top:.125rem}.retry-message h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#991b1b}.retry-message p{margin:0;color:#7f1d1d;line-height:1.4}.retry-actions{display:flex;gap:.75rem;flex-direction:column}@media(min-width:480px){.retry-actions{flex-direction:row}}.retry-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;min-height:44px}.retry-button.primary{background:#dc2626;color:#fff}.retry-button.primary:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.retry-button.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.retry-button.secondary:hover{background:#f9fafb;border-color:#9ca3af}.mobile-crime-assessment__results{display:flex;flex-direction:column;gap:1.5rem}.results-header{display:flex;gap:1rem;padding:1.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.results-header .success-icon{flex-shrink:0;color:#16a34a;margin-top:.125rem}.results-header h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#166534}.results-header p{margin:0;color:#15803d;line-height:1.4}.results-summary{display:flex;flex-direction:column;gap:1rem}@media(min-width:480px){.results-summary{flex-direction:row}}.crime-result,.witness-result{flex:1;background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.crime-result h5,.witness-result h5{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.crime-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.crime-info{flex:1;min-width:0}.crime-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;line-height:1.3}.crime-code{font-size:.875rem;font-weight:500;color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-bottom:.25rem}.crime-category{font-size:.875rem;color:#64748b;text-transform:capitalize}.confidence-badge,.witness-confidence{flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem .75rem;border-radius:20px;font-weight:700;font-size:.875rem;text-align:center;min-width:60px}.witness-card{display:flex;justify-content:space-between;align-items:center;gap:1rem}.witness-type{font-size:1.125rem;font-weight:600;color:#1e293b;text-transform:capitalize}.mobile-crime-assessment__actions{display:flex;gap:.75rem;padding:1rem 0;margin-top:auto}.back-button,.start-button,.continue-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;min-height:48px;text-decoration:none}.start-button,.continue-button{flex:2;background:#3b82f6;color:#fff}.start-button:hover:not(:disabled),.continue-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.start-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.results-actions{margin-top:1rem}.continue-button{width:100%;background:linear-gradient(135deg,#16a34a,#15803d)}.continue-button:hover{background:linear-gradient(135deg,#15803d,#166534)}@media(max-width:480px){.mobile-crime-assessment__container{padding:1rem .75rem;gap:1rem}.mobile-crime-assessment__header h2{font-size:1.5rem}.progress-info{flex-direction:column;gap:.5rem}.progress-percentage{align-self:center;margin-left:0;font-size:1.25rem}.stage-item{padding:.875rem 1rem}.mobile-crime-assessment__actions{flex-direction:column}.back-button,.start-button{flex:1}}@media(prefers-reduced-motion:reduce){.progress-fill,.retry-button,.start-button,.continue-button{transition:none}.progress-fill:after{animation:none}.processing-indicator .spinning{animation:none}}@media(prefers-contrast:high){.mobile-crime-assessment{background:#fff}.network-indicator.online{background:#16a34a;color:#fff}.network-indicator.offline{background:#dc2626;color:#fff}.confidence-badge,.witness-confidence{background:#1e293b}}.mobile-witness-selection{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#e2e8f0);min-height:100vh}.mobile-witness-selection.mobile{padding:0;background:#fff}.mobile-witness-selection__container{flex:1;display:flex;flex-direction:column;max-width:100%;padding:1rem;gap:1.5rem}@media(min-width:768px){.mobile-witness-selection__container{max-width:800px;margin:0 auto;padding:2rem}}.mobile-witness-selection__header{text-align:center;padding:1rem 0}.mobile-witness-selection__header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.mobile-witness-selection__header p{font-size:1rem;color:#64748b;line-height:1.5;margin:0}.mobile-witness-selection__ai-recommendation{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ai-recommendation-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s}.ai-recommendation-header:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.ai-badge{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:1rem}.ai-recommendation-header svg{color:#fff}.ai-recommendation-preview{padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.recommended-type{display:flex;align-items:center;gap:1rem}.type-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#3b82f61a}.type-info{flex:1;min-width:0}.type-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.confidence-score{font-size:.875rem;color:#3b82f6;font-weight:500}.selected-indicator{flex-shrink:0;color:#16a34a}.ai-recommendation-details{padding:1.5rem;background:#fff}.reasoning-section,.key-factors,.alternatives{margin-bottom:1.5rem}.reasoning-section:last-child,.key-factors:last-child,.alternatives:last-child{margin-bottom:0}.reasoning-section h4,.key-factors h4,.alternatives h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem}.reasoning-section p{color:#64748b;line-height:1.5;margin:0}.key-factors ul{margin:0;padding-left:1.5rem;color:#64748b}.key-factors li{margin-bottom:.5rem;line-height:1.4}.alternative-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.75rem}.alternative-item:last-child{margin-bottom:0}.alt-type{font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.alt-likelihood{font-size:.875rem;color:#6b7280;font-weight:500}.alt-reason{font-size:.875rem;color:#64748b;line-height:1.4;text-align:right;max-width:60%}.mobile-witness-selection__options h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem;text-align:center}.witness-options-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.witness-options-grid{grid-template-columns:repeat(3,1fr)}}.witness-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;min-height:180px}.witness-option:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.witness-option.selected{border-color:var(--option-color);background:color-mix(in srgb,var(--option-color) 5%,white);box-shadow:0 4px 12px color-mix(in srgb,var(--option-color) 20%,transparent)}.witness-option.recommended{border-color:#fbbf24;background:#fbbf240d}.witness-option.recommended.selected{border-color:var(--option-color);background:color-mix(in srgb,var(--option-color) 5%,white)}.option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--option-color) 10%,white);color:var(--option-color)}.recommendation-badge{position:absolute;top:-8px;right:-8px;background:#fbbf24;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.selection-indicator{color:#16a34a;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.option-content{flex:1;margin-bottom:1rem}.option-content h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.option-content p{color:#64748b;line-height:1.4;margin:0;font-size:.9rem}.option-footer{margin-top:auto}.examples-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s}.examples-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.option-examples{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.option-examples ul{margin:0;padding-left:1.25rem;list-style:none}.option-examples li{position:relative;font-size:.875rem;color:#64748b;line-height:1.4;margin-bottom:.5rem}.option-examples li:before{content:"•";color:var(--option-color);font-weight:700;position:absolute;left:-1rem}.option-examples li:last-child{margin-bottom:0}.mobile-witness-selection__summary{margin:1rem 0}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-header h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.ai-match-badge{display:flex;align-items:center;gap:.5rem;background:#22c55e1a;color:#16a34a;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.selected-display{display:flex;align-items:center;gap:1rem}.selected-display .type-icon{width:40px;height:40px;background:color-mix(in srgb,var(--option-color, #3b82f6) 15%,white)}.type-info h5{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.type-info p{color:#64748b;margin:0;font-size:.9rem}.mobile-witness-selection__actions{display:flex;gap:.75rem;padding:1rem 0;margin-top:auto}.back-button,.continue-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;min-height:48px;text-decoration:none}.back-button{flex:1;background:#fff;color:#374151;border:1px solid #d1d5db}.back-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.back-button:disabled{opacity:.5;cursor:not-allowed}.continue-button{flex:2;background:#3b82f6;color:#fff}.continue-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.continue-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.mobile-witness-selection__confirmation-overlay{position:fixed;inset:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.confirmation-dialog{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.confirmation-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}.confirmation-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.override-warning{display:flex;align-items:center;gap:.5rem;background:#f59e0b1a;color:#d97706;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.confirmation-content{padding:0 1.5rem}.selected-summary{margin-bottom:1.5rem}.selected-type{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.selected-type .type-icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--option-color, #3b82f6) 15%,white)}.type-details h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.type-details p{color:#64748b;margin:0;font-size:.9rem}.override-explanation{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.ai-suggested,.user-choice{margin-bottom:.5rem;font-size:.9rem}.override-explanation p{color:#92400e;font-size:.875rem;line-height:1.4;margin:.75rem 0 0}.confirmation-notice{display:flex;gap:.75rem;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:1.5rem}.confirmation-notice svg{flex-shrink:0;color:#3b82f6;margin-top:.125rem}.confirmation-notice p{color:#1e40af;font-size:.875rem;line-height:1.4;margin:0}.confirmation-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0}.cancel-button,.confirm-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;min-height:44px}.cancel-button{background:#fff;color:#374151;border:1px solid #d1d5db}.cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.confirm-button{background:#16a34a;color:#fff}.confirm-button:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 8px #16a34a4d}.cancel-button:disabled,.confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:640px){.mobile-witness-selection__container{padding:1rem .75rem;gap:1rem}.mobile-witness-selection__header h2{font-size:1.5rem}.witness-option{padding:1.25rem;min-height:160px}.mobile-witness-selection__actions{flex-direction:column}.back-button,.continue-button{flex:1}.confirmation-dialog{margin:.5rem;max-height:95vh}.confirmation-actions{flex-direction:column}.recommended-type{flex-direction:column;align-items:flex-start;gap:1rem}.selected-display{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(prefers-reduced-motion:reduce){.witness-option,.back-button,.continue-button,.cancel-button,.confirm-button{transition:none}.witness-option:hover{transform:none}.continue-button:hover:not(:disabled),.confirm-button:hover:not(:disabled){transform:none}}@media(prefers-contrast:high){.mobile-witness-selection{background:#fff}.ai-recommendation-header{background:#1e293b}.witness-option.selected{border-width:3px}.ai-match-badge{background:#16a34a;color:#fff}.override-warning{background:#f59e0b;color:#fff}}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;background:var(--theme-bg-gradient);color:var(--theme-text);transition:background var(--transition-base),color var(--transition-base)}:root.theme-glass-blue .app,:root.theme-light .app{background:var(--theme-bg-gradient);color:var(--theme-text)}.demo-section{margin-bottom:var(--spacing-xxl)}ul,ol{padding-left:var(--spacing-lg)}code{font-family:Courier New,Courier,monospace;background-color:#0000000d;padding:.125rem .25rem;border-radius:var(--border-radius-sm);font-size:.875em}pre{background-color:#0000000d;padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;font-family:Courier New,Courier,monospace}.theme-dark code,.theme-dark pre{background-color:#ffffff1a}