:root{--agency-primary: #1e3a8a;--agency-primary-light: #2563eb;--agency-primary-dark: #1e40af;--agency-secondary: #075985;--agency-secondary-light: #0284c7;--agency-secondary-dark: #0c4a6e;--agency-accent: #047857;--agency-accent-light: #059669;--agency-accent-dark: #064e3b;--agency-logo-url: none;--agency-logo-width: 2rem;--agency-logo-height: 2rem;--agency-show-logo: none;--agency-hide-title-icon: block;--agency-font-primary: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--agency-font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--agency-name: "TAK Onboarding Platform";--agency-subtitle: "Generate configuration QR codes for rapid TAK client deployment";--color-primary: var(--agency-primary);--color-primary-light: var(--agency-primary-light);--color-primary-dark: var(--agency-primary-dark);--color-primary-hover: var(--agency-primary-light);--color-accent: var(--agency-secondary);--color-accent-light: var(--agency-secondary-light);--color-accent-dark: var(--agency-secondary-dark);--color-accent-hover: var(--agency-secondary-light);--color-success: var(--agency-accent);--color-warning: #d97706;--color-error: #dc2626;--color-critical: #991b1b;--color-info: var(--color-accent-light);--color-background: #f1f5f9;--color-background-secondary: #e2e8f0;--color-surface: #f8fafc;--color-surface-elevated: #cbd5e1;--color-surface-hover: #e2e8f0;--color-surface-dark: var(--color-primary);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-inverse: #f8fafc;--color-text-disabled: #94a3b8;--color-border: #d1d5db;--color-border-hover: #9ca3af;--color-border-focus: var(--color-accent);--color-border-error: var(--color-error);--color-border-success: var(--color-success);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .25);--shadow-lg: 0 8px 16px -4px rgb(0 0 0 / .3);--shadow-xl: 0 16px 32px -8px rgb(0 0 0 / .35);--shadow-focus: 0 0 0 3px rgb(29 78 216 / .25);--shadow-focus-error: 0 0 0 3px rgb(220 38 38 / .25);--shadow-inset: inset 0 1px 2px 0 rgb(0 0 0 / .1);--backdrop-blur: blur(8px);--backdrop-opacity: rgba(15, 23, 42, .8);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--spacing-4xl: 3rem;--spacing-5xl: 4rem;--font-family-base: var(--agency-font-primary);--font-family-mono: var(--agency-font-mono);--font-family-display: var(--agency-font-primary);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.625;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 450;--z-tooltip: 500;--z-notification: 600;--z-emergency: 1000;--container-max-width: 1400px;--container-padding: var(--spacing-lg);--header-height: 3rem;--header-height-compact: 2.25rem;--header-padding: var(--spacing-lg);--button-height: 3rem;--button-height-sm: 2.75rem;--button-height-lg: 4rem;--input-height: var(--button-height);--tab-height: 4rem;--qr-size: min(320px, 80vw);--qr-size-mobile: min(280px, 75vw);--qr-size-landscape: min(40vh, 280px);--qr-border-width: 2px;--qr-padding: var(--spacing-xl)}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-primary-hover: #60a5fa;--color-accent: #10b981;--color-accent-light: #34d399;--color-accent-dark: #047857;--color-accent-hover: #34d399;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-critical: #dc2626;--color-info: #60a5fa;--color-background: #0f172a;--color-background-secondary: #1e293b;--color-surface: #1e293b;--color-surface-elevated: #334155;--color-surface-hover: #374151;--color-surface-dark: #0f172a;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-inverse: #0f172a;--color-text-disabled: #64748b;--color-border: #475569;--color-border-hover: #64748b;--color-border-focus: var(--color-accent);--color-border-error: var(--color-error);--color-border-success: var(--color-success);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .5);--shadow-lg: 0 8px 16px -4px rgb(0 0 0 / .6);--shadow-xl: 0 16px 32px -8px rgb(0 0 0 / .7);--shadow-focus: 0 0 0 3px rgb(96 165 250 / .4);--shadow-focus-error: 0 0 0 3px rgb(239 68 68 / .4);--shadow-inset: inset 0 1px 2px 0 rgb(0 0 0 / .3);--backdrop-opacity: rgba(15, 23, 42, .9)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-text-secondary);margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}.text-transform-none{text-transform:none!important}.font-mono{font-family:var(--font-family-mono)!important}.font-display{font-family:var(--font-family-display)!important}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background);position:relative}.header{background:var(--color-surface);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);height:var(--header-height);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);transition:transform var(--transition-base),height var(--transition-base),box-shadow var(--transition-base);will-change:transform,height}.header.header-hidden{transform:translateY(-100%);box-shadow:none}.header.header-compact{height:var(--header-height-compact);box-shadow:var(--shadow-sm)}.header.header-compact .header-main .subtitle{display:none}.header.header-compact .header-main .title{font-size:var(--font-size-lg)}.header.header-compact .agency-logo{width:1.5rem;height:1.5rem}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--header-padding);max-width:var(--container-max-width);margin:0 auto}.header-main{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1;overflow:hidden}.agency-logo{display:var(--agency-show-logo);width:var(--agency-logo-width);height:var(--agency-logo-height);background-image:var(--agency-logo-url);background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;transition:all var(--transition-fast)}.header-main .title{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2;letter-spacing:.02em;display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.header-main .subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;margin-left:var(--spacing-xs);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8;transition:opacity var(--transition-fast);display:none}.title-icon{display:var(--agency-hide-title-icon);font-size:1.5rem;flex-shrink:0;opacity:1}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.theme-toggle{background:var(--color-surface-elevated);border:2px solid var(--color-border);width:var(--button-height-sm);height:var(--button-height-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.theme-toggle:before{content:"";position:absolute;inset:0;background:var(--color-accent);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.theme-toggle:hover:before{opacity:.1}.theme-toggle:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.theme-toggle:active{transform:translateY(0);box-shadow:var(--shadow-inset)}.theme-icon{width:1.125rem;height:1.125rem;color:var(--color-text-primary);transition:all var(--transition-fast)}[data-theme=dark] .theme-icon-dark{color:var(--color-text-primary)!important;display:block!important}[data-theme=light] .theme-icon-light,:root:not([data-theme=dark]) .theme-icon-light{color:var(--color-text-primary)!important;display:block!important}.theme-toggle:hover .theme-icon{color:var(--color-text-primary);transform:scale(1.1)}[data-theme=dark] .theme-icon-light{display:none}[data-theme=light] .theme-icon-dark,:root .theme-icon-dark{display:none}.github-link{background:var(--color-surface-elevated);border:1px solid var(--color-border);width:var(--button-height-sm);height:var(--button-height-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;overflow:hidden}.github-link:before{content:"";position:absolute;inset:0;background:var(--color-text-primary);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.github-link:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.github-link:hover:before{opacity:.05}.github-link:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.github-link:active{transform:translateY(0);box-shadow:var(--shadow-inset)}.github-icon{width:1.125rem;height:1.125rem;transition:transform var(--transition-fast)}.github-link:hover .github-icon{transform:scale(1.1) rotate(-5deg)}.help-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);min-height:2.75rem;padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.025em;position:relative;overflow:hidden}.help-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.help-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.help-btn:hover:before{left:100%}.help-btn:focus{outline:none;box-shadow:var(--shadow-focus)}.help-btn:active{transform:translateY(0);box-shadow:var(--shadow-inset)}.help-icon{font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.help-btn:hover .help-icon{transform:scale(1.1)}.help-text{display:none}@media (min-width: 640px){.help-text{display:inline}.help-icon{display:none}}.main{flex:1;padding-top:calc(var(--header-height) + var(--spacing-xl));padding-bottom:var(--spacing-xl);min-height:calc(100vh - var(--header-height));transition:padding-top var(--transition-base);position:relative}.header-compact~.main{padding-top:calc(var(--header-height-compact) + var(--spacing-xl))}.header-hidden~.main{padding-top:var(--spacing-xl)}.main-content{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.tabs{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0;overflow-x:auto;overflow-y:visible;padding:var(--spacing-xs);box-shadow:var(--shadow-md);position:relative;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:transparent}.tabs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.tabs::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.tab-btn{background:transparent;border:1px solid transparent;color:var(--color-text-secondary);height:var(--tab-height);padding:0 var(--spacing-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;min-width:140px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);position:relative;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;overflow:hidden}.tab-btn:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--color-accent);transition:transform var(--transition-fast)}.tab-btn:hover:not(.active){background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active):before{transform:translate(-50%) scaleX(.5)}.tab-btn.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tab-btn.active:before{transform:translate(-50%) scaleX(1);background:var(--color-text-inverse)}.tab-btn:focus{outline:none;box-shadow:var(--shadow-focus)}.tab-btn:focus:not(.active){border-color:var(--color-border-focus)}.tab-btn:active{transform:translateY(0);box-shadow:var(--shadow-inset)}.tab-content{background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);min-height:600px;box-shadow:var(--shadow-md);position:relative;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.tab-pane{display:none;padding:var(--spacing-2xl);min-height:560px;animation:fadeIn var(--transition-base) ease-out}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tak-config-container{display:grid;grid-template-columns:1fr var(--qr-size);gap:var(--spacing-2xl);align-items:start}@media (max-width: 1200px){.tak-config-container{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media (max-width: 768px){.tak-config-container{gap:var(--spacing-lg)}}.config-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.config-panel:hover{box-shadow:var(--shadow-md)}.config-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.config-header h2{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.025em}.config-description{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.platform-selector{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.platform-selector:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover)}.tak-mode-toggle{display:flex;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-inset)}.tak-mode-toggle input{display:none}.tak-mode-toggle label{flex:1;padding:var(--spacing-lg);text-align:center;cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:transparent;border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:3rem;transition:all var(--transition-fast);position:relative;text-transform:uppercase;letter-spacing:.025em;font-size:var(--font-size-sm)}.tak-mode-toggle label:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.tak-mode-toggle input:checked+label{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.platform-icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.tak-mode-toggle input:checked+label .platform-icon{transform:scale(1.1)}.platform-info{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-inset)}.platform-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-style:italic;margin:0}.form-section,.form-section-compact{margin-bottom:var(--spacing-2xl)}.form-section:last-child,.form-section-compact:last-child{margin-bottom:0}.section-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em}.section-icon{font-size:var(--font-size-xl);opacity:.8}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-xl);align-items:start}.form-group{margin-bottom:var(--spacing-xl);display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.025em;font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;height:var(--input-height);padding:0 var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-inset)}.form-group textarea{height:auto;min-height:100px;padding:var(--spacing-lg);resize:vertical;line-height:var(--line-height-relaxed)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);transform:translateY(-2px)}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{border-color:var(--color-border-error)}.form-group input:invalid:focus,.form-group select:invalid:focus,.form-group textarea:invalid:focus{box-shadow:var(--shadow-focus-error)}.form-group input.field-valid,.form-group select.field-valid,.form-group textarea.field-valid{border-color:var(--color-success);background-color:var(--color-success-bg);box-shadow:0 0 0 2px #10b9811a}.form-group input.field-valid:focus,.form-group select.field-valid:focus,.form-group textarea.field-valid:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #10b98133}.form-group input.field-invalid,.form-group select.field-invalid,.form-group textarea.field-invalid{border-color:var(--color-error);background-color:var(--color-error-bg);box-shadow:0 0 0 2px #dc26261a}.form-group input.field-invalid:focus,.form-group select.field-invalid:focus,.form-group textarea.field-invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc262633}.form-group label.field-required:after{content:" *";color:var(--color-error);font-weight:600}.form-group label.field-optional:after{content:" (optional)";color:var(--color-text-secondary);font-weight:400;font-size:var(--font-size-sm)}.form-group.has-validation{position:relative}.form-group.has-validation:after{content:"";position:absolute;right:.75rem;top:2.2rem;width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.form-group.field-valid.has-validation:after{content:"✓";background-color:var(--color-success);color:#fff}.form-group.field-invalid.has-validation:after{content:"!";background-color:var(--color-error);color:#fff}.help-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-sm);line-height:var(--line-height-base);font-style:italic}.form-options{margin-top:var(--spacing-xl)}.option-toggle{display:flex;align-items:flex-start;gap:var(--spacing-lg);cursor:pointer;padding:var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);transition:all var(--transition-fast);position:relative;overflow:hidden}.option-toggle:before{content:"";position:absolute;inset:0;background:var(--color-accent);opacity:0;transition:opacity var(--transition-fast);z-index:0}.option-toggle:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.option-toggle:hover:before{opacity:.05}.option-toggle input[type=checkbox],.option-toggle input[type=radio]{margin:0;width:1.25rem;height:1.25rem;flex-shrink:0;position:relative;z-index:1;cursor:pointer;accent-color:var(--color-accent)}.option-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);position:relative;z-index:1;flex:1}.option-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm);line-height:var(--line-height-base);font-style:italic;position:relative;z-index:1}.security-notice,.info-notice,.warning-notice,.success-notice{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);border-width:2px;border-style:solid;font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);position:relative;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.security-notice{background:#fef2f2;border-color:var(--color-error);color:var(--color-critical)}.info-notice{background:#eff6ff;border-color:var(--color-accent);color:var(--color-accent-dark)}.warning-notice{background:#fffbeb;border-color:var(--color-warning);color:#92400e}.success-notice{background:#ecfdf5;border-color:var(--color-success);color:#065f46}[data-theme=dark] .security-notice{background:#450a0a;border-color:var(--color-error);color:#fecaca}[data-theme=dark] .info-notice{background:#172554;border-color:var(--color-accent);color:#dbeafe}[data-theme=dark] .warning-notice{background:#451a03;border-color:var(--color-warning);color:#fed7aa}[data-theme=dark] .success-notice{background:#064e3b;border-color:var(--color-success);color:#a7f3d0}.enrollment-warning{margin:2rem 1rem 1rem;padding:1rem;background:#fef3c7;border-left:4px solid #dc2626;border-radius:.375rem}.enrollment-warning .warning-content{display:flex;gap:.75rem}.enrollment-warning .warning-icon{font-size:1.5rem}.enrollment-warning .warning-body{flex:1}.enrollment-warning .warning-title{color:#000;display:block;margin-bottom:.5rem;font-size:1.1rem}.enrollment-warning .warning-details{margin:.25rem 0 .5rem;color:#000;font-size:.95rem}.enrollment-warning .warning-details p{margin:0 0 .5rem}.enrollment-warning .error-message{color:#dc2626}.enrollment-warning .warning-solution{font-size:.95rem;color:#000;padding-top:.5rem;border-top:1px solid #dc2626}.enrollment-warning .warning-link{color:#06c;font-weight:600;text-decoration:underline}[data-theme=dark] .enrollment-warning{background:#451a03;border-left-color:#f59e0b}[data-theme=dark] .enrollment-warning .warning-title{color:#fed7aa}[data-theme=dark] .enrollment-warning .warning-details{color:#fbbf24}[data-theme=dark] .enrollment-warning .error-message{color:#fca5a5}[data-theme=dark] .enrollment-warning .warning-solution{color:#fed7aa;border-top-color:#f59e0b}[data-theme=dark] .enrollment-warning .warning-link{color:#60a5fa}.notice-icon{font-size:var(--font-size-2xl);flex-shrink:0;margin-top:var(--spacing-xs);opacity:.9}.notice-content{flex:1;min-width:0}.notice-content strong{font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--spacing-xs)}.qr-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);position:sticky;top:calc(var(--header-height) + var(--spacing-lg));transition:all var(--transition-fast)}.qr-panel:hover{box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.qr-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);text-align:center}.qr-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;position:relative}.qr-header h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--color-accent)}.qr-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;font-style:italic}.qr-container{width:var(--qr-size);height:var(--qr-size);max-width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-2xl) auto;background:var(--color-background);border:var(--qr-border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-container:before{content:"";position:absolute;top:var(--qr-border-width);left:var(--qr-border-width);right:var(--qr-border-width);bottom:var(--qr-border-width);border:2px dashed var(--color-border);border-radius:calc(var(--radius-lg) - var(--qr-border-width));opacity:.5;transition:opacity var(--transition-fast)}.qr-container:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.qr-container:hover:before{opacity:.8}.qr-container.has-qr{border:var(--qr-border-width) solid var(--color-accent);box-shadow:var(--shadow-md);background:var(--color-surface)}.qr-container.has-qr:before{display:none}.qr-container.has-qr:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-hover)}@media (max-width: 768px){.qr-container{width:var(--qr-size-mobile);height:var(--qr-size-mobile)}.form-section,.form-section-compact{margin-bottom:var(--spacing-xl)}.form-row{gap:var(--spacing-lg)}.config-panel{padding:var(--spacing-xl)}}@media (max-width: 844px) and (orientation: landscape){.qr-container{width:var(--qr-size-landscape);height:var(--qr-size-landscape)}}@media (max-width: 768px){#back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:100;box-shadow:var(--shadow-lg);min-width:3rem;min-height:3rem}}@media (max-width: 390px){.form-section,.form-section-compact{margin-bottom:var(--spacing-lg)}.config-panel{padding:var(--spacing-lg)}.tabs{padding:var(--spacing-xs);position:relative}.tab-btn{min-width:100px;padding:0 var(--spacing-lg);font-size:.75rem}.tabs:after{content:"›";position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(to right,transparent,var(--color-surface) 20%);padding:0 var(--spacing-md);font-size:1.5rem;color:var(--color-text-secondary);pointer-events:none;opacity:.8}.tabs.scrolled-end:after{display:none}}.qr-container img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:calc(var(--radius-lg) - var(--spacing-sm));transition:transform var(--transition-fast)}.qr-container:hover img{transform:scale(1.02)}.qr-placeholder{text-align:center;color:var(--color-text-tertiary);padding:var(--qr-padding);max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-lg);display:block;opacity:.4;transition:all var(--transition-fast)}.qr-container:hover .placeholder-icon{opacity:.7;transform:scale(1.1)}.placeholder-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:var(--line-height-tight);max-width:200px;text-align:center;opacity:.8}.qr-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}@media (max-width: 640px){.qr-actions{flex-direction:column;gap:var(--spacing-md)}}.qr-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-top:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.qr-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;text-align:center}.qr-section .qr-description{text-align:center;margin-bottom:var(--spacing-2xl);font-style:italic;color:var(--color-text-secondary)}.qr-section .qr-container{margin:var(--spacing-xl) auto}.btn{height:var(--button-height);padding:0 var(--spacing-xl);border:2px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast);min-width:140px;text-transform:uppercase;letter-spacing:.025em;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:before{display:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-inverse);border-color:var(--color-primary-dark);box-shadow:0 4px 12px #1e3a8a40;font-weight:var(--font-weight-bold)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 20px #1e3a8a59}.btn-primary:focus{outline:none;box-shadow:var(--shadow-focus)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-inset)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:focus{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-inset)}.btn-icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.btn:hover .btn-icon{transform:scale(1.1)}.btn-small{height:var(--button-height-sm);padding:0 var(--spacing-lg);font-size:var(--font-size-sm);min-width:100px}.btn-large{height:var(--button-height-lg);padding:0 var(--spacing-2xl);font-size:var(--font-size-lg);min-width:180px}.modal{display:none;position:fixed;inset:0;background:var(--backdrop-opacity);z-index:var(--z-modal);align-items:center;justify-content:center;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:var(--spacing-lg);animation:modalBackdropFadeIn var(--transition-base) ease-out}@keyframes modalBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}}.modal.active{display:flex}.modal.closing{animation:modalBackdropFadeOut var(--transition-base) ease-out}@keyframes modalBackdropFadeOut{to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.modal-content{background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalContentSlideIn var(--transition-base) ease-out;position:relative}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--spacing-2xl);border-bottom:2px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.modal-close{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);width:var(--button-height-sm);height:var(--button-height-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.modal-close:before{content:"";position:absolute;inset:0;background:var(--color-error);opacity:0;transition:opacity var(--transition-fast)}.modal-close:hover:before{opacity:.1}.modal-close:hover{background:var(--color-surface-elevated);color:var(--color-error);border-color:var(--color-border-hover);transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-sm)}.modal-close:active{transform:scale(.95);box-shadow:var(--shadow-inset)}.modal-body{padding:var(--spacing-2xl);max-height:60vh;overflow-y:auto}.modal-footer{padding:var(--spacing-2xl);border-top:2px solid var(--color-border);background:var(--color-surface-elevated);display:flex;justify-content:flex-end;gap:var(--spacing-lg);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@media (max-width: 480px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2xl);text-align:center;background:var(--color-surface-elevated);cursor:pointer;transition:border-color var(--transition-fast)}.dropzone:hover{border-color:var(--color-border-hover);background:var(--color-background)}.dropzone.drag-over{border-color:var(--color-primary);background:#2563eb0d}.dropzone-text{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.profiles-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.profile-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.profile-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-card h4{margin-bottom:var(--spacing-sm)}.profile-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.profile-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.profile-actions-card{display:flex;gap:var(--spacing-sm)}.btn-small{height:2rem;font-size:var(--font-size-sm);padding:0 var(--spacing-md);min-width:auto}.help-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.help-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.help-section-content{margin-bottom:var(--spacing-2xl)}.help-section-content h3{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.help-steps{display:grid;gap:var(--spacing-lg)}.help-step{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.step-number{width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}.step-content{flex:1}.step-content h4{margin-bottom:var(--spacing-sm)}.help-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.help-tab-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.help-tab-item h4,.help-tab-item p{margin-bottom:var(--spacing-md)}.help-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.feature-tag{background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:auto}.footer p{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.notification{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-notification);max-width:400px;min-width:300px;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-base);transform:translate(calc(100% + var(--spacing-xl)));transition:transform var(--transition-base) ease-out;cursor:pointer}.notification-info{color:var(--color-info);border-left:4px solid var(--color-info)}.notification-success{color:var(--color-success);border-left:4px solid var(--color-success)}.notification-warning{color:var(--color-warning);border-left:4px solid var(--color-warning)}.notification-error{color:var(--color-error);border-left:4px solid var(--color-error)}.notification-show{transform:translate(0)}.notification-hide{transform:translate(calc(100% + var(--spacing-xl)));opacity:0}@media (max-width: 768px){.notification{top:calc(var(--header-height) + var(--spacing-lg));left:var(--spacing-lg);right:var(--spacing-lg);max-width:none;min-width:auto;transform:translateY(-100vh);transition:transform var(--transition-base) ease-out}.notification-show{transform:translateY(0)}.notification-hide{transform:translateY(-100vh);opacity:0}}.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}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;z-index:1000}.skip-link:focus{top:6px}.preferences-search-section{background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.preferences-search-section:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.preferences-search-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--spacing-xl);align-items:end;margin-bottom:var(--spacing-lg)}.preferences-search-grid label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em;font-size:var(--font-size-sm)}.preferences-search-grid input,.preferences-search-grid select{width:100%;height:var(--input-height);padding:0 var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-background);color:var(--color-text-primary);transition:all var(--transition-smooth)}.preferences-search-grid input:hover,.preferences-search-grid select:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.preferences-search-grid input:focus,.preferences-search-grid select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);transform:translateY(-2px)}@media (max-width: 1024px){.preferences-search-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.preferences-search-grid .preferences-controls{display:flex;width:100%;gap:var(--spacing-md)}.preferences-search-grid .preferences-controls button{flex:1}}@media (max-width: 640px){.preferences-search-grid{grid-template-columns:1fr}}.pref-search-field{position:relative}#pref-suggestions{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:500px;overflow-y:auto;margin-top:var(--spacing-xs);display:none}.pref-search-help-container{background:#eff6ff;border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl)}[data-theme=dark] .pref-search-help-container{background:#172554;border-color:var(--color-accent)}.pref-search-help-container .help-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-relaxed)}.pref-search-help-container strong{color:var(--color-accent)}.preferences-controls{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.preferences-controls{flex-direction:column}}#pref-rows{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);min-height:200px}.pref-row{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:var(--spacing-lg);align-items:end;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pref-row-grid{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:var(--spacing-lg);align-items:start}.pref-row-grid label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em;font-size:var(--font-size-sm)}.pref-row-grid input,.pref-row-grid select{width:100%;height:var(--input-height);padding:0 var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-background);color:var(--color-text-primary);transition:all var(--transition-smooth)}.pref-row-grid input:hover,.pref-row-grid select:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pref-row-grid input:focus,.pref-row-grid select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);transform:translateY(-2px)}.pref-field-with-hint{position:relative}.pref-field-with-hint input{width:100%}.pref-key-hint{position:absolute;top:100%;left:0;right:0;margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pref-description{position:absolute;top:calc(100% + 18px);left:0;right:0;font-size:var(--font-size-xs);color:var(--color-accent);line-height:1.3;padding:4px 0;display:none}.pref-value-field{position:relative}.pref-value-hint{position:absolute;top:100%;left:0;right:0;margin-top:2px;font-size:var(--font-size-xs);color:var(--color-success);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.pref-remove-btn{align-self:center;margin-top:24px}@media (max-width: 768px){.pref-row,.pref-row-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.pref-remove-btn{margin-top:var(--spacing-md);width:100%}}.pref-row button{align-self:end;height:var(--input-height)}@media (max-width: 768px){.container{padding:0 var(--spacing-lg)}.header-content{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.header{height:auto;position:relative}.main{padding-top:var(--spacing-xl)}.tabs{flex-direction:column;padding:var(--spacing-md)}.tab-btn{height:var(--button-height);min-width:auto}.form-grid{grid-template-columns:1fr}.qr-actions{flex-direction:column}.profiles-grid,.help-steps{grid-template-columns:1fr}.help-step{flex-direction:column;text-align:center}.help-tabs{grid-template-columns:1fr}.tak-config-container{gap:var(--spacing-xl)}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}.header-content{padding:var(--spacing-sm) var(--spacing-md)}.header-actions{flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.btn{min-width:auto;flex:1;font-size:var(--font-size-sm)}.qr-actions{gap:var(--spacing-md)}.modal-content{width:95%;margin:var(--spacing-md)}.tab-pane{padding:var(--spacing-xl)}}@media print{.header-actions,.footer,.help-btn{display:none}.header{position:static;border-bottom:2px solid #000}.qr-container{background:#fff;border:2px solid #000}.btn{display:none}}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-primary: #000000;--color-background: #ffffff;--shadow-focus: 0 0 0 3px #000000}[data-theme=dark]{--color-border: #ffffff;--color-text-primary: #ffffff;--color-background: #000000;--shadow-focus: 0 0 0 3px #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}html{scroll-behavior:auto}}