:root{--background-primary:#0a0a0b;--background-secondary:#1d1d1f;--background-tertiary:#2c2c2e;--fill-primary-translucent:#1c1c1eeb;--fill-secondary-translucent:#1c1c1eb8;--fill-tertiary-translucent:#1c1c1e70;--text-primary:#fff;--text-secondary:#d0d0d4;--text-tertiary:#b2b2b8;--text-red:#d20909;--text-red-hover:#ff0a0a;--text-orange:#ff9808;--text-dark:#111;--accent-blue:#007aff;--accent-blue-dark:#0056b3;--accent-blue-hover:#005bb5;--accent-green:#34c759;--accent-green-hover:#28a745;--accent-red:#dc3545;--accent-red-hover:#ff4d5b;--accent-orange:#8a6518;--accent-orange-hover:#ffb347;--border-primary:#d2d2d6eb;--border-secondary:#ffffff24;--border-translucent:#ffffff3d;--border-success:#34c759;--border-blue:#007aff;--border-error:#dc3545;--border-error-touch:#ff3b30;--border-orange:#ff9800;--font-family:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--line-height-tight:1.2;--line-height-body:1.6;--font-size-hero:clamp(2.35rem, 5.4vw, 3.85rem);--font-size-headline:clamp(1.75rem, 3.3vw, 2.55rem);--font-size-title:clamp(1.45rem, 2.35vw, 2rem);--font-size-title2:clamp(1.3rem, 2vw, 1.75rem);--font-size-subtitle:clamp(1.08rem, 1.5vw, 1.3rem);--font-size-body:.95rem;--font-size-caption:.82rem;--font-size-price:clamp(1.32rem, 2vw, 1.68rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--max-width:1200px;--border-radius-small:7px;--border-radius-medium:10px;--border-radius-large:14px;--border-radius-xlarge:17px;--border-radius-card:20px;--border-radius-hero:28px;--border-radius-round:50%;--spacing-section:clamp(34px, 4.8vw, 58px);--spacing-container:clamp(16px, 3.4vw, 50px);--space-2xs:3px;--space-xs:6px;--space-sm:10px;--space-md:14px;--space-lg:18px;--space-xl:22px;--space-2xl:28px;--space-3xl:34px;--space-4xl:40px;--space-5xl:50px;--shadow-sm:0 3px 10px #0003;--shadow-md:0 8px 22px #00000052;--shadow-lg:0 14px 30px #0000006b;--shadow-xl:0 18px 42px #00000085;--shadow-accent-blue:0 4px 16px #007bff66;--shadow-accent-green:0 4px 16px #34c75966;--shadow-accent-red:0 4px 16px #f30b0b66;--shadow-accent-orange:0 4px 16px #e1950066;--shadow-input-error-focus:0 0 0 3px #80808066;--shadow-input-error-focus-touch:0 0 0 3px #e1950066;--blur-sm:8px;--blur-md:12px;--blur-lg:20px;--transition-fast:.16s ease;--transition-normal:.24s ease;--transition-smooth:.4s cubic-bezier(.25, 1, .5, 1);--hover-lift:translateY(-4px);--hover-lift-scale:translateY(-4px) scale(1.015);--hover-scale:scale(1.015);--hover-scale-sm:scale(1.02);--hover-scale-button:scale(1.06);--color-notification:#ff3b30;--color-notification-text:#fff;--color-notification-shadow:#ff3b301f;--header-height:60px;--ct-vgap:20px;--wizard-card-width:800px;--wizard-card-height:720px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background:radial-gradient(circle at top right, #18181b 0%, var(--background-primary) 48%, #060607 100%);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--header-height);flex-grow:1}section{--gutter:var(--spacing-container);grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [content] minmax(0, min(var(--max-width), calc(100% - 2 * var(--gutter)))) minmax(var(--gutter), 1fr) [full-end];padding-block:var(--spacing-section);display:grid}section>*{grid-column:content}h1,h2{line-height:var(--line-height-tight)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);letter-spacing:-.02rem;color:var(--text-primary);margin:0}h3,h4,h5,h6{color:var(--text-secondary)}p{color:var(--text-tertiary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}a{color:var(--accent-blue);transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue-hover);opacity:1}a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes entry-fade-slide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes puls-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animation-entry{animation:1s cubic-bezier(.25,1,.5,1) .2s backwards entry-fade-slide}.animation-fade{animation:1.5s ease-out forwards fade-in}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{transform:var(--hover-lift);box-shadow:var(--shadow-lg)}.hover-lift-scale{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift-scale:hover{transform:var(--hover-lift-scale);box-shadow:var(--shadow-xl)}.glass{background:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-translucent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){:root{--font-size-hero:clamp(2.2rem, 7vw, 3.2rem);--font-size-headline:clamp(1.7rem, 5vw, 2.25rem);--font-size-title:clamp(1.4rem, 3.8vw, 1.85rem);--spacing-section:clamp(34px, 8vw, 50px);--spacing-container:clamp(16px, 5vw, 32px)}}@media (width<=480px){:root{--font-size-hero:clamp(1.95rem, 9vw, 2.45rem);--font-size-headline:clamp(1.5rem, 7vw, 1.9rem);--font-size-body:.98rem;--spacing-container:16px}}main{height:calc(100vh - var(--header-height))}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.jn-button{appearance:none;border-radius:var(--border-radius-large);justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--btn-pad-x,var(--space-lg));min-height:var(--btn-height,35px);font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--btn-font,var(--font-size-body));color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:1px solid #0000;line-height:1;display:inline-flex}.jn-button svg{margin:0 5px;display:inline-block}.jn-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.jn-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.jn-button--full{width:100%}.jn-button--size-sm{--btn-height:30px;--btn-pad-x:var(--space-md);--btn-font:var(--font-size-caption)}.jn-button--size-md{--btn-height:35px;--btn-pad-x:var(--space-lg);--btn-font:var(--font-size-body)}.jn-button--size-lg{--btn-height:44px;--btn-pad-x:var(--space-xl);--btn-font:1.02rem}.jn-button--tone-primary{--btn-bg:var(--accent-blue);--btn-bg-hover:var(--accent-blue-hover);--btn-border:var(--accent-blue);--btn-text-solid:var(--text-primary);--btn-soft-bg:#007aff26;--btn-soft-hover:#007aff40;--btn-soft-text:var(--accent-blue);--btn-shadow:var(--shadow-accent-blue)}.jn-button--tone-success{--btn-bg:var(--accent-green);--btn-bg-hover:var(--accent-green-hover);--btn-border:var(--accent-green);--btn-text-solid:var(--text-primary);--btn-soft-bg:#34c75926;--btn-soft-hover:#34c75940;--btn-soft-text:var(--accent-green);--btn-shadow:var(--shadow-accent-green)}.jn-button--tone-danger{--btn-bg:var(--accent-red);--btn-bg-hover:var(--accent-red-hover);--btn-border:var(--accent-red);--btn-text-solid:var(--text-primary);--btn-soft-bg:#dc354526;--btn-soft-hover:#dc354540;--btn-soft-text:var(--accent-red);--btn-shadow:var(--shadow-accent-red)}.jn-button--tone-warning{--btn-bg:var(--accent-orange);--btn-bg-hover:var(--accent-orange-hover);--btn-border:var(--accent-orange);--btn-text-solid:var(--text-dark);--btn-soft-bg:#ff950026;--btn-soft-hover:#e1950040;--btn-soft-text:var(--accent-orange);--btn-shadow:var(--shadow-accent-orange)}.jn-button--tone-neutral{--btn-bg:var(--background-tertiary);--btn-bg-hover:var(--background-secondary);--btn-border:var(--border-secondary);--btn-text-solid:var(--text-primary);--btn-soft-bg:#fffc;--btn-soft-hover:#ffffff26;--btn-soft-text:var(--text-primary);--btn-shadow:var(--shadow-sm)}.jn-button--filled{background:var(--btn-bg,var(--accent-blue));border-color:var(--btn-border,transparent);color:var(--btn-text-solid);box-shadow:var(--btn-shadow)}.jn-button--filled:hover:not(:disabled){background:var(--btn-bg-hover,var(--btn-bg));transform:var(--hover-lift)}.jn-button--outlined{color:var(--btn-soft-text,var(--btn-bg,var(--accent-blue)));border-color:var(--btn-border,currentColor);background:0 0}.jn-button--outlined:hover:not(:disabled){background:var(--btn-soft-bg)}.jn-button--soft{background:var(--btn-soft-bg);color:var(--btn-soft-text,var(--text-primary));box-shadow:none;border-color:#0000}.jn-button--soft:hover:not(:disabled){background:var(--btn-soft-hover)}.jn-button--ghost{color:var(--btn-soft-text,var(--text-primary));box-shadow:none;background:0 0;border-color:#0000}.jn-button--ghost:hover:not(:disabled){background:#ffffff0a}.jn-button--link{min-height:auto;color:var(--btn-soft-text,var(--accent-blue));font-weight:var(--font-weight-medium);gap:var(--space-2xs);box-shadow:none;background:0 0;border:none;padding:0}.jn-button--link:hover{text-decoration:underline}.jn-button-icon{justify-content:center;align-items:center;font-size:1.1em;display:inline-flex}.jn-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite jn-button-spin}.jn-button--loading .jn-button-label,.jn-button--loading .jn-button-icon{opacity:.85}@keyframes jn-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jn-text-field{gap:var(--space-xs,8px);flex-direction:column;display:flex}.jn-text-field--full{width:100%}.jn-text-field-label{align-items:center;gap:var(--space-2xs,4px);font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#c2c2c6);display:flex}.jn-text-field-required{color:var(--accent-red,#dc3545);font-weight:var(--font-weight-semibold,600)}.jn-text-field-control{align-items:center;gap:var(--space-sm,8px);border-radius:var(--border-radius-large);border:1px solid var(--border-secondary,#ffffff1a);background:var(--background-primary,#1c1c1e);transition:border-color var(--transition-fast,.2s ease), box-shadow var(--transition-fast,.2s ease), background var(--transition-fast,.2s ease);padding-inline:12px;display:flex}.jn-text-field-input{color:var(--text-primary,#fff);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);min-height:inherit;background:0 0;border:none;flex:1;padding-block:8px;font-size:.9rem;line-height:1.5}.jn-text-field-input::placeholder{color:var(--text-tertiary,#a1a1a6)}.jn-text-field-input:focus{outline:none}.jn-text-field-control:focus-within{border-color:var(--accent-blue,#007aff);background:var(--background-secondary,#1d1d1f);box-shadow:0 0 0 3px #007aff26}.jn-text-field--error .jn-text-field-control{border-color:var(--border-error,#dc3545);box-shadow:0 0 0 3px #dc35452e}.jn-text-field--error .jn-text-field-input::placeholder{color:#dc354599}.jn-text-field--disabled .jn-text-field-control{opacity:.5;cursor:not-allowed}.jn-text-field--disabled .jn-text-field-input,.jn-text-field--disabled .jn-text-field-icon{cursor:not-allowed}.jn-text-field-icon{color:var(--text-secondary,#c2c2c6);justify-content:center;align-items:center;font-size:1.1em;display:inline-flex}.jn-text-field-support{color:var(--text-tertiary,#a1a1a6);align-items:flex-start;gap:var(--space-2xs,4px);margin:0;font-size:.85rem;display:flex}.jn-text-field-support--error{color:var(--accent-red,#dc3545)}.jn-text-field--sm .jn-text-field-control{min-height:36px;padding-inline:var(--space-md,16px)}.jn-text-field--sm .jn-text-field-input{padding-block:var(--space-2xs,6px);font-size:.95rem}.jn-text-field--lg .jn-text-field-control{min-height:56px;padding-inline:var(--space-xl,24px)}.jn-text-field--lg .jn-text-field-input{padding-block:var(--space-md,16px);font-size:1.1rem}.jn-text-area-control{align-items:stretch}.jn-text-area-input{resize:vertical;min-height:84px;line-height:var(--line-height-body,1.6)}.jn-password-field{gap:var(--space-xs);flex-direction:column;display:flex}.jn-password-field-requirements{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jn-password-field-requirement{align-items:center;gap:var(--space-xs);font-size:var(--font-size-caption);color:var(--text-tertiary);display:flex}.jn-password-field-requirement-icon{border:1px solid var(--border-secondary);width:16px;height:16px;color:var(--text-tertiary);border-radius:999px;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.jn-password-field-requirement--met{color:var(--accent-green)}.jn-password-field-requirement--met .jn-password-field-requirement-icon{color:var(--accent-green);background:#34c7591f;border-color:#34c75973}.toast-container{bottom:var(--space-xl);right:var(--space-xl);gap:var(--space-sm);z-index:1100;width:min(380px, calc(100vw - 2 * var(--space-lg)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in var(--transition-smooth) both;border-left-width:4px;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translate(16px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{border-left-color:var(--border-success)}.toast-error{border-left-color:var(--border-error)}.toast-warning{border-left-color:var(--border-orange)}.toast-info{border-left-color:var(--border-blue)}.toast-success .toast-icon{color:var(--accent-green)}.toast-error .toast-icon{color:var(--accent-red)}.toast-warning .toast-icon{color:var(--accent-orange-hover)}.toast-info .toast-icon{color:var(--accent-blue)}.toast-icon{flex-shrink:0;align-items:center;margin-top:1px;display:flex}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.35}.toast-message{font-size:var(--font-size-caption);color:var(--text-secondary);margin:var(--space-2xs) 0 0;white-space:pre-line;word-break:break-word;line-height:1.45}.toast-close.jn-button{min-height:auto;padding:var(--space-2xs);margin:calc(-1 * var(--space-2xs)) calc(-1 * var(--space-xs)) 0 0;color:var(--text-tertiary);flex-shrink:0;align-self:flex-start}.toast-close.jn-button:hover:not(:disabled){color:var(--text-primary)}.jn-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-xl);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jn-modal{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);width:100%;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex}.jn-modal:focus{outline:none}.jn-modal--sm{max-width:440px}.jn-modal--md{max-width:580px}.jn-modal--lg{max-width:820px}.jn-modal-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-secondary);flex-shrink:0;display:flex}.jn-modal-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.jn-modal-close{border-radius:var(--border-radius-small);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.jn-modal-close:hover{background:var(--fill-secondary-translucent);color:var(--text-primary)}.jn-modal-close:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.jn-modal-body{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.jn-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-secondary);flex-shrink:0;display:flex}.dialog-box-component .overlay-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box-component .dialog-box{background:var(--background-secondary);border-radius:var(--border-radius-large);width:90%;max-width:500px;box-shadow:0 20px 60px #00000080}.dialog-box-component .dialog-box .dialog-header{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-secondary)}.dialog-box-component .dialog-box .dialog-header h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.dialog-box-component .dialog-box .dialog-content{padding:var(--space-xl)}.dialog-box-component .dialog-box .dialog-footer{padding:var(--space-sm);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-md);display:flex}.jn-select{gap:var(--space-xs,8px);flex-direction:column;width:100%;display:flex}.jn-select.disabled{cursor:not-allowed}.jn-select-label{font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-semibold,600);color:var(--text-secondary,#c2c2c6);letter-spacing:.02em}.jn-select-required{color:var(--accent-red,#dc3545);font-weight:var(--font-weight-semibold,600)}.jn-select-trigger{-webkit-user-select:none;user-select:none;background:var(--background-primary,#1c1c1e);border:1px solid var(--border-secondary,#ffffff14);border-radius:var(--border-radius-large);color:var(--text-primary,#fff);font-size:.9rem;font-weight:var(--font-weight-medium,500);cursor:pointer;transition:border-color var(--transition-fast,.2s ease), box-shadow var(--transition-fast,.2s ease), background var(--transition-fast,.2s ease);justify-content:space-between;align-items:center;gap:var(--space-sm,8px);outline:none;min-width:90px;min-height:38px;padding:0 12px;display:flex;position:relative}.jn-select-trigger.open,.jn-select-trigger:focus,.jn-select-trigger:focus-visible{border-color:var(--accent-blue,#007aff);background:var(--background-secondary,#1d1d1f);box-shadow:0 0 0 3px #007aff2e}.jn-select-trigger.disabled{opacity:.5;cursor:not-allowed;background:var(--background-tertiary,#2c2c2e);pointer-events:none}.jn-select-value{text-align:left;font-size:1rem;font-weight:var(--font-weight-semibold,600);letter-spacing:.01em;flex:1;padding-right:4px}.jn-select-menu{background:var(--background-primary,#1c1c1e);border:1px solid var(--border-secondary,#ffffff14);border-radius:var(--border-radius-large);width:100%;box-shadow:var(--shadow-sm,0 4px 12px #00000026);z-index:200;scrollbar-width:thin;flex-direction:column;gap:5px;max-height:240px;padding:4px;animation:.18s fade-in;display:flex;position:absolute;left:0;overflow-y:auto}.jn-select-menu.below{top:calc(100% + 4px)}.jn-select-menu.above{bottom:calc(100% + 4px)}.jn-select-option{cursor:pointer;color:var(--text-primary,#fff);transition:background var(--transition-fast,.2s ease), color var(--transition-fast,.2s ease);text-align:left;border-radius:var(--border-radius-large);background:0 0;border:none;outline:none;margin:0;padding:8px 12px;font-size:.9rem;position:relative}.jn-select-option:hover,.jn-select-option:focus,.jn-select-option.highlighted{color:var(--text-primary,#fff);background:#ffffff1a}.jn-select-option.selected.highlighted{background:var(--accent-blue,#007aff);color:#fff;box-shadow:inset 0 0 0 2px #ffffff59}.jn-select-option.selected{background:var(--accent-blue,#007aff);color:#fff;font-weight:var(--font-weight-medium,500)}.jn-select-arrow{pointer-events:none;color:var(--text-tertiary,#a1a1a6);transition:transform var(--transition-fast,.2s ease), color var(--transition-fast,.2s ease);font-size:.8rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.jn-select-control:hover .jn-select-arrow{color:var(--accent-blue,#007aff)}.jn-select-control.open .jn-select-arrow{transform:translateY(-50%)rotate(180deg)}.jn-select-control.disabled .jn-select-arrow{opacity:.4}.brand-dropdown-trigger{padding:6px 12px}.brand-trigger-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.brand-placeholder{color:var(--text-tertiary,#a1a1a6);font-weight:var(--font-weight-medium,500)}.brand-item-logo{object-fit:contain;background:var(--background-tertiary,#2c2c2e);border-radius:4px;flex-shrink:0;width:28px;height:28px}.brand-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:var(--font-weight-medium,500);flex:1;overflow:hidden}.brand-dropdown-list{max-height:300px}.brand-dropdown-item{align-items:center;gap:10px;padding:6px 8px;display:flex}.brand-item-actions{opacity:0;transition:opacity var(--transition-fast,.15s ease);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.brand-dropdown-item:hover .brand-item-actions{opacity:1}.brand-action-btn{border-radius:var(--border-radius-sm,4px);cursor:pointer;width:26px;height:26px;transition:background var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);color:var(--text-secondary,#c2c2c6);background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;display:flex}.brand-action-btn.edit:hover{color:var(--accent-blue,#007aff);background:#007aff26}.brand-action-btn.delete:hover{color:var(--accent-red,#ff3b30);background:#ff3b3026}.brand-dropdown-empty{color:var(--text-tertiary,#a1a1a6);text-align:center;padding:12px 8px;font-size:.85rem;font-style:italic}.brand-dropdown-create-btn{border-top:1px solid var(--border-secondary,#ffffff14);cursor:pointer;font-size:.85rem;font-weight:var(--font-weight-medium,500);color:var(--accent-blue,#007aff);border-radius:var(--border-radius-large);transition:background var(--transition-fast,.15s ease);align-items:center;gap:8px;margin-top:4px;padding:8px 10px;display:flex}.brand-dropdown-create-btn:hover{background:#007aff1a}.brand-create-icon{flex-shrink:0;font-size:.75rem}.brand-form-content{gap:var(--space-lg,16px);flex-direction:column;display:flex}.brand-logo-upload-area{justify-content:center;display:flex}.brand-logo-placeholder{border:2px dashed var(--border-secondary,#fff3);border-radius:var(--border-radius-large);cursor:pointer;width:100px;height:100px;color:var(--text-tertiary,#a1a1a6);transition:border-color var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.8rem;display:flex}.brand-logo-placeholder:hover{border-color:var(--accent-blue,#007aff);color:var(--accent-blue,#007aff)}.brand-logo-placeholder-icon{font-size:1.4rem}.brand-logo-required{color:var(--accent-red,#dc3545);font-weight:var(--font-weight-semibold,600);font-size:.75rem}.brand-logo-preview-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.brand-logo-preview{object-fit:contain;border-radius:var(--border-radius-large);border:1px solid var(--border-secondary,#ffffff14);background:var(--background-tertiary,#2c2c2e);width:100px;height:100px}.jn-checkbox{gap:var(--space-xs,8px);flex-direction:column;display:flex}.jn-checkbox-control{align-items:center;display:flex}.jn-checkbox-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.jn-checkbox-label{align-items:center;gap:var(--space-sm,12px);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.jn-checkbox-box{border:2px solid var(--border-secondary,#ffffff1a);background:var(--background-primary,#1c1c1e);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:relative}.jn-checkbox-checkmark{color:#fff;opacity:0;width:12px;height:12px;transition:all .15s;transform:scale(.5)}.jn-checkbox-input:checked+.jn-checkbox-label .jn-checkbox-box{background:var(--accent-blue,#007aff);border-color:var(--accent-blue,#007aff)}.jn-checkbox-input:checked+.jn-checkbox-label .jn-checkbox-checkmark{opacity:1;transform:scale(1)}.jn-checkbox-input:focus-visible+.jn-checkbox-label .jn-checkbox-box{outline:2px solid var(--accent-blue,#007aff);outline-offset:2px}.jn-checkbox-label:hover .jn-checkbox-box{border-color:var(--accent-blue,#007aff);background:var(--background-secondary,#1d1d1f)}.jn-checkbox-input:checked+.jn-checkbox-label:hover .jn-checkbox-box{background:var(--accent-blue-hover,#0051d5);border-color:var(--accent-blue-hover,#0051d5)}.jn-checkbox-text{font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-primary,#fff)}.jn-checkbox-error{font-size:var(--font-size-small,.875rem);color:var(--accent-red,#dc3545);margin-left:32px}.jn-checkbox-hint{font-size:var(--font-size-small,.875rem);color:var(--text-tertiary,#a1a1a6);margin-left:32px}.jn-checkbox--error .jn-checkbox-box{border-color:var(--border-error,#dc3545)}.jn-checkbox--disabled .jn-checkbox-label{opacity:.5;cursor:not-allowed}.jn-checkbox--disabled .jn-checkbox-box{cursor:not-allowed}.jn-date-picker{gap:var(--space-xs,8px);flex-direction:column;display:flex;position:relative}.jn-date-picker--full{width:100%}.jn-date-picker-label{align-items:center;gap:var(--space-2xs,4px);font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#c2c2c6);display:flex}.jn-date-picker-required{color:var(--accent-red,#dc3545);font-weight:var(--font-weight-semibold,600)}.jn-date-picker-control{align-items:center;gap:var(--space-sm,8px);border-radius:var(--border-radius-large);border:1px solid var(--border-secondary,#ffffff1a);background:var(--background-primary,#1c1c1e);cursor:pointer;transition:border-color var(--transition-fast,.2s ease), box-shadow var(--transition-fast,.2s ease), background var(--transition-fast,.2s ease);padding-inline:12px;display:flex}.jn-date-picker-control:hover{border-color:var(--border-tertiary,#fff3)}.jn-date-picker-input{color:var(--text-primary,#fff);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);min-height:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding-block:8px;font-size:.9rem;line-height:1.5}.jn-date-picker-input::placeholder{color:var(--text-tertiary,#a1a1a6)}.jn-date-picker-input:focus{outline:none}.jn-date-picker-control:focus-within{border-color:var(--accent-blue,#007aff);background:var(--background-secondary,#1d1d1f);box-shadow:0 0 0 3px #007aff26}.jn-date-picker--error .jn-date-picker-control{border-color:var(--border-error,#dc3545);box-shadow:0 0 0 3px #dc35452e}.jn-date-picker--disabled .jn-date-picker-control{opacity:.5;cursor:not-allowed}.jn-date-picker--disabled .jn-date-picker-input,.jn-date-picker--disabled .jn-date-picker-icon{cursor:not-allowed}.jn-date-picker-icon{color:var(--text-secondary,#c2c2c6);justify-content:center;align-items:center;font-size:.9em;display:inline-flex}.jn-date-picker-dropdown{z-index:300;background:var(--background-secondary,#2c2c2e);border:1px solid var(--border-secondary,#ffffff1a);min-width:280px;padding:var(--space-md,16px);border-radius:12px;animation:.15s ease-out datePickerSlideIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 32px #0006}.jn-date-picker-dropdown.jn-date-picker-dropdown--above{animation:.15s ease-out datePickerSlideInAbove;top:auto;bottom:calc(100% + 8px)}@keyframes datePickerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes datePickerSlideInAbove{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.jn-date-picker-header{justify-content:space-between;align-items:center;gap:var(--space-xs,8px);margin-bottom:var(--space-md,16px);display:flex}.jn-date-picker-nav{width:28px;height:28px;color:var(--text-secondary,#c2c2c6);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:-2px;font-size:.65rem;transition:all .15s;display:flex}.jn-date-picker-nav:hover{background:var(--background-tertiary,#ffffff0d);color:var(--text-primary,#fff)}.jn-date-picker-nav:active{transform:scale(.95)}.jn-date-picker-month-year{text-align:center;font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#fff);flex:1;font-size:.95rem}.jn-date-picker-weekdays{margin-bottom:var(--space-xs,8px);grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.jn-date-picker-weekday{text-align:center;font-size:.75rem;font-weight:var(--font-weight-medium,500);color:var(--text-tertiary,#a1a1a6);padding:var(--space-xs,8px) 0}.jn-date-picker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.jn-date-picker-day{aspect-ratio:1;width:100%;min-width:32px;color:var(--text-primary,#fff);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.jn-date-picker-day:hover:not(:disabled){background:var(--background-tertiary,#ffffff14)}.jn-date-picker-day--other{color:var(--text-tertiary,#a1a1a6);opacity:.5}.jn-date-picker-day--disabled{color:var(--text-tertiary,#a1a1a6);opacity:.3;cursor:not-allowed}.jn-date-picker-day--today{font-weight:var(--font-weight-semibold,600);color:var(--accent-blue,#007aff);position:relative}.jn-date-picker-day--today:after{content:"";background:var(--accent-blue,#007aff);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.jn-date-picker-day--selected{font-weight:var(--font-weight-semibold,600);background:var(--accent-blue,#007aff)!important;color:#fff!important}.jn-date-picker-day--selected:after{display:none}.jn-date-picker-footer{margin-top:var(--space-md,16px);padding-top:var(--space-sm,12px);border-top:1px solid var(--border-secondary,#ffffff1a);justify-content:center;display:flex}.jn-date-picker-today-btn{color:var(--accent-blue,#007aff);font-size:.85rem;font-weight:var(--font-weight-medium,500);cursor:pointer;padding:var(--space-xs,8px) var(--space-md,16px);background:0 0;border:none;border-radius:6px;transition:all .15s}.jn-date-picker-today-btn:hover{background:#007aff1a}.jn-date-picker-support{color:var(--text-tertiary,#a1a1a6);align-items:flex-start;gap:var(--space-2xs,4px);margin:0;font-size:.85rem;display:flex}.jn-date-picker-support--error{color:var(--accent-red,#dc3545)}.jn-date-picker--sm .jn-date-picker-control{min-height:36px;padding-inline:var(--space-md,16px)}.jn-date-picker--sm .jn-date-picker-input{padding-block:var(--space-2xs,6px);font-size:.85rem}.jn-date-picker--lg .jn-date-picker-control{min-height:56px;padding-inline:var(--space-xl,24px)}.jn-date-picker--lg .jn-date-picker-input{padding-block:var(--space-md,16px);font-size:1.1rem}.hint-box{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-medium);margin-bottom:var(--space-md);align-items:flex-start;gap:var(--space-sm);font-size:.85rem;line-height:1.5;display:flex}.hint-box-icon{flex-shrink:0;margin-top:2px}.hint-box-text{flex:1}.hint-box-info{border-left:3px solid var(--accent-blue);color:var(--text-primary);background:#007bff14}.hint-box-info .hint-box-icon{color:var(--accent-blue)}.hint-box-warning{background:var(--warning-secondary);border-left:3px solid var(--warning-primary);color:var(--text-primary)}.hint-box-warning .hint-box-icon{color:var(--warning-primary)}.hint-box-success{color:var(--text-primary);background:#22c55e14;border-left:3px solid #22c55e}.hint-box-success .hint-box-icon{color:#22c55e}.jn-phone-field{gap:var(--space-xs,8px);flex-direction:column;display:flex}.jn-phone-field--full{width:100%}.jn-phone-field-label{align-items:center;gap:var(--space-2xs,4px);font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#c2c2c6);display:flex}.jn-phone-field-required{color:var(--accent-red,#dc3545);font-weight:var(--font-weight-semibold,600)}.jn-phone-field-control{border-radius:var(--border-radius-large);border:1px solid var(--border-secondary,#ffffff1a);background:var(--background-primary,#1c1c1e);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);align-items:stretch;display:flex;overflow:visible}.jn-phone-field-control:focus-within{border-color:var(--accent-blue);background:var(--background-secondary);box-shadow:0 0 0 3px #007aff26}.jn-phone-field--error .jn-phone-field-control{border-color:var(--accent-red);box-shadow:0 0 0 3px #dc35452e}.jn-phone-field--disabled .jn-phone-field-control{opacity:.5;cursor:not-allowed}.jn-phone-field-prefix-wrap{flex-shrink:0;align-items:stretch;display:flex;position:relative}.jn-phone-field-prefix{padding:0 var(--space-sm) 0 var(--space-md);cursor:pointer;white-space:nowrap;font-family:var(--font-family);border-radius:var(--border-radius-large) 0 0 var(--border-radius-large);transition:background var(--transition-fast);background:0 0;border:none;outline:none;align-items:center;gap:4px;min-width:72px;display:flex}.jn-phone-field-prefix:hover:not(:disabled){background:#ffffff0a}.jn-phone-field-prefix:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-blue)}.jn-phone-field-prefix-iso{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);letter-spacing:.03em}.jn-phone-field-prefix-code{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.jn-phone-field-prefix-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast);font-size:.5rem}.jn-phone-field-prefix--open .jn-phone-field-prefix-chevron{transform:rotate(180deg)}.jn-phone-field-divider{background:var(--border-secondary);flex-shrink:0;align-self:stretch;width:1px;margin:6px 0}.jn-phone-field-input{color:var(--text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 12px;font-size:.9rem}.jn-phone-field-input::placeholder{color:var(--text-tertiary)}.jn-phone-field--disabled .jn-phone-field-input{cursor:not-allowed}.jn-phone-field--sm .jn-phone-field-input{min-height:36px;font-size:var(--font-size-caption)}.jn-phone-field--md .jn-phone-field-input{min-height:38px}.jn-phone-field--lg .jn-phone-field-input{min-height:56px;font-size:1.1rem}.jn-phone-field-dropdown{min-width:220px;padding:var(--space-xs) 0;background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-lg);z-index:200;max-height:260px;margin:0;list-style:none;animation:.14s fade-in;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.jn-phone-field-dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);cursor:pointer;font-size:var(--font-size-body);color:var(--text-secondary);transition:background var(--transition-fast);display:flex}.jn-phone-field-dropdown-item:hover,.jn-phone-field-dropdown-item--active{color:var(--text-primary);background:#007aff1a}.jn-phone-field-dropdown-iso{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);letter-spacing:.03em;min-width:28px}.jn-phone-field-dropdown-name{font-size:var(--font-size-body);flex:1}.jn-phone-field-dropdown-code{font-size:var(--font-size-caption);color:var(--text-tertiary)}.jn-phone-field-support{color:var(--text-tertiary);margin:0;font-size:.85rem}.jn-phone-field-support--error{color:var(--accent-red)}.jn-number-stepper{gap:var(--space-xs,8px);flex-direction:column;display:flex}.jn-number-stepper-label{align-items:center;gap:var(--space-2xs,4px);font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#c2c2c6);display:flex}.jn-number-stepper-required{color:var(--accent-red,#dc3545);font-weight:var(--font-weight-semibold,600)}.jn-number-stepper-control{border-radius:var(--border-radius-large);border:1px solid var(--border-secondary,#ffffff1a);background:var(--background-primary,#1c1c1e);transition:border-color var(--transition-fast,.2s ease), box-shadow var(--transition-fast,.2s ease), background var(--transition-fast,.2s ease);align-items:stretch;display:flex;overflow:hidden}.jn-number-stepper-control:focus-within{border-color:var(--accent-blue,#007aff);background:var(--background-secondary,#1d1d1f);box-shadow:0 0 0 3px #007aff26}.jn-number-stepper-btn{background:var(--background-tertiary,#2c2c2e);width:40px;min-height:38px;font-size:1.25rem;font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#fff);cursor:pointer;transition:background var(--transition-fast,.2s ease), color var(--transition-fast,.2s ease);border:none;justify-content:center;align-items:center;display:flex}.jn-number-stepper-btn:first-of-type{border-right:1px solid var(--border-secondary,#ffffff1a)}.jn-number-stepper-btn:last-of-type{border-left:1px solid var(--border-secondary,#ffffff1a)}.jn-number-stepper-btn:not(:disabled):hover,.jn-number-stepper-btn:not(:disabled):focus-visible{background:var(--background-secondary,#1d1d1f);color:var(--accent-blue,#007aff)}.jn-number-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.jn-number-stepper-input{text-align:center;min-width:60px;font-size:.9rem;font-weight:var(--font-weight-medium,500);color:var(--text-primary,#fff);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:0 0;border:none;outline:none;flex:1;padding:8px 4px}.jn-number-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jn-number-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jn-number-stepper-input[type=number]{-moz-appearance:textfield}.jn-number-stepper-unit{color:var(--text-tertiary,#a1a1a6);font-size:.8rem;font-weight:var(--font-weight-medium,500);align-items:center;padding-right:8px;display:flex}.jn-number-stepper-error{font-size:var(--font-size-small,.875rem);color:var(--accent-red,#dc3545)}.jn-number-stepper-hint{font-size:var(--font-size-small,.875rem);color:var(--text-tertiary,#a1a1a6)}.jn-number-stepper--error .jn-number-stepper-control{border-color:var(--border-error,#dc3545);box-shadow:0 0 0 3px #dc35452e}.jn-number-stepper--disabled .jn-number-stepper-control{opacity:.5;cursor:not-allowed}.jn-number-stepper--disabled .jn-number-stepper-input{cursor:not-allowed}.passkey-setup-field{align-items:center;gap:var(--space-xl);padding:var(--space-xl) 0;text-align:center;flex-direction:column;display:flex}.passkey-setup-icon-wrapper{border-radius:var(--border-radius-round);width:72px;height:72px;color:var(--accent-blue);transition:background var(--transition-normal), color var(--transition-normal);background:#007aff1f;justify-content:center;align-items:center;display:flex}.passkey-setup-icon-wrapper--success{color:var(--accent-green);background:#34c7591f;animation:.6s ease-out puls-scale}.passkey-setup-desc{max-width:380px;font-size:var(--font-size-body);color:var(--text-tertiary);line-height:var(--line-height-body);margin:0}.passkey-setup-status{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0}.passkey-setup-status--success{color:var(--accent-green)}.passkey-setup-error{font-size:var(--font-size-caption);color:var(--accent-red);max-width:360px;margin:0}.passkey-setup-unsupported{align-items:center;gap:var(--space-md);color:var(--text-orange);font-size:var(--font-size-body);text-align:center;flex-direction:column;max-width:380px;display:flex}.totp-setup-field{align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.totp-setup-qr-wrapper{border-radius:var(--border-radius-large);background:var(--background-primary);border:1px solid var(--border-secondary);width:208px;height:208px;padding:var(--space-lg);color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.totp-setup-qr{width:100%;height:100%;display:block}.totp-setup-secret{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.totp-setup-secret-label{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.totp-setup-secret-row{align-items:center;gap:var(--space-sm);background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);padding:var(--space-sm) var(--space-md);display:flex}.totp-setup-secret-code{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-body);color:var(--text-primary);letter-spacing:.1em;word-break:break-all;-webkit-user-select:all;user-select:all;flex:1}.totp-setup-copy-btn{border-radius:var(--border-radius-small);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.totp-setup-copy-btn:hover{color:var(--accent-blue);background:#007aff1a}.totp-setup-copy-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.totp-setup-token{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.totp-setup-token-label{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-medium);letter-spacing:.01em}.totp-setup-token-inputs{grid-template-columns:repeat(3, 1fr) var(--space-xl) repeat(3, 1fr);gap:var(--space-xs);align-items:center;display:grid}.totp-setup-token-sep{background:var(--border-secondary);border-radius:1px;justify-self:center;width:12px;height:2px}.totp-setup-token-digit{border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-medium);background:var(--background-tertiary);width:100%;min-width:0;height:52px;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:1.25rem;font-weight:var(--font-weight-bold);text-align:center;caret-color:#0000;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.totp-setup-token-digit[data-filled=true]{border-color:var(--border-translucent);background:var(--background-secondary)}.totp-setup-token-digit:focus{border-color:var(--accent-blue);background:var(--background-primary);z-index:1;outline:none;position:relative;transform:scale(1.06);box-shadow:0 0 0 3px #007aff26}.totp-setup-token-digit:disabled{opacity:.45;cursor:not-allowed}.totp-setup-token--error .totp-setup-token-digit{border-color:#dc354573}.totp-setup-token--error .totp-setup-token-digit:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px #dc354526}.totp-setup-token-support{font-size:var(--font-size-caption);color:var(--text-tertiary);margin:0}.totp-setup-token-support--error{color:var(--accent-red)}.context-menu{z-index:1100;padding:var(--space-2xs);background:var(--background-secondary);border:1px solid var(--border-translucent);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-lg);flex-direction:column;animation:.14s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex;position:fixed}.context-menu-group{flex-direction:column;display:flex}.context-menu-title{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-2xs);overflow:hidden}.context-menu-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-small);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-body);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.context-menu-item svg{opacity:.85;flex-shrink:0;font-size:.9rem}.context-menu-item:hover{background:var(--fill-secondary-translucent);color:var(--text-primary)}.context-menu-item:disabled{opacity:.45;cursor:not-allowed;color:var(--text-secondary);background:0 0}.context-menu-item--danger{color:var(--text-red)}.context-menu-item--danger:hover{color:var(--text-red-hover);background:#dc35451f}.context-menu-divider{background:var(--border-secondary);height:1px;margin:var(--space-2xs) var(--space-sm)}.header{width:100vw;height:var(--header-height);padding:0 clamp(var(--space-md), 1vw, var(--space-2xl));z-index:980;background-color:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-secondary);box-sizing:border-box;justify-content:space-between;align-items:center;transition:transform .3s,background-color .3s;display:flex;position:fixed;top:0;left:0}.header-nav-desktop{gap:var(--space-xs);align-items:center;display:flex}.header-nav-desktop a{color:var(--text-secondary);border-radius:var(--border-radius-xlarge);font-size:.9rem;font-weight:var(--font-weight-medium);align-items:center;gap:8px;padding:10px 14px;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.header-nav-desktop a:hover,.header-nav-desktop a:focus-visible,.header-nav-desktop a.active{color:var(--text-primary);background-color:var(--border-secondary);text-decoration:none}.right-container{align-items:center;gap:var(--space-md);display:flex}.icon-button{color:var(--text-primary);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;width:42px;min-height:42px;padding:0;font-size:18px;position:relative}.icon-button:hover,.icon-button:focus-visible{opacity:.75;transform:scale(1.1)}@media (width<=1200px){.header-nav-desktop a span{display:none}.header-nav-desktop a{padding:10px}}.error-boundary-fallback{text-align:center;color:#1a1a1a;background:#fff;border:1px solid #e3e3e3;border-radius:8px;max-width:560px;margin:4rem auto;padding:2rem}.error-boundary-fallback h1{margin-bottom:1rem;font-size:1.75rem}.error-boundary-fallback p{color:#555}.category-sidebar{background-color:var(--background-secondary);border-right:1px solid var(--border-secondary);flex-direction:column;flex-shrink:0;min-width:200px;max-width:600px;height:100%;display:flex;position:relative}.category-sidebar .sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;height:50px;display:flex}.category-sidebar .sidebar-header h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.category-sidebar .sidebar-header button{color:var(--text-primary);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;width:42px;min-height:42px;padding:0;font-size:16px;position:relative}.category-sidebar .sidebar-search{padding:var(--space-xs);flex-direction:row;display:flex;position:relative}.category-sidebar .sidebar-search .jn-text-field-control{background:var(--background-tertiary);border-radius:var(--border-radius-large);height:20px;overflow:clip}.category-sidebar .sidebar-search button{color:var(--text-secondary);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;margin-left:5px;padding:0;font-size:16px}.category-sidebar .sidebar-search button:hover{color:var(--text-primary);background:0 0}.category-sidebar .tree-container{padding:var(--space-xs);margin:var(--space-xs);background-color:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);flex:1;overflow-y:auto}.category-sidebar .tree-container .loading-container{padding:var(--space-xxl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-direction:column;display:flex}.category-sidebar .tree-container .loading-container .loading-spinner{border:3px solid var(--border-secondary);border-top-color:var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.category-sidebar .tree-container .no-result{color:var(--text-secondary)}.category-sidebar .tree-container .loading-error{padding:var(--space-xl);color:var(--text-primary);background:var(--background-secondary);border-radius:var(--border-radius-large);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.category-sidebar .tree-container .loading-error h2{font-size:var(--font-size-body)}.category-sidebar .tree-container .loading-error p{color:var(--text-secondary);font-style:italic}.category-sidebar .tree-container .tree-node{position:relative}.category-sidebar .tree-container .tree-children{border-left:1px solid var(--border-secondary);margin-left:20px;padding-left:10px;position:relative}.category-sidebar .tree-container .tree-item{cursor:pointer;border-radius:var(--border-radius-medium);color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;height:28px;margin-top:4px;padding:4px 8px;font-size:.95rem;transition:background-color .15s,color .15s;display:flex;position:relative}.category-sidebar .tree-container .tree-children .tree-item:before{content:"";background-color:var(--border-secondary);width:10px;height:1px;position:absolute;top:50%;left:-10px}.category-sidebar .tree-container .tree-item:hover{background-color:var(--fill-secondary-translucent);color:var(--text-primary)}.category-sidebar .tree-container .tree-item.selected{background-color:var(--accent-blue);color:#fff;font-weight:var(--font-weight-medium)}.category-sidebar .tree-container .empty-tag{background-color:var(--fill-secondary);color:var(--text-tertiary);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.75rem;line-height:1}.category-sidebar .tree-container .tree-item.selected .empty-tag{color:#fff;background-color:#fff3}.category-sidebar .tree-container .expand-icon{opacity:.7;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-right:2px;font-size:.7rem;transition:opacity .15s,transform .15s;display:flex}.category-sidebar .tree-container .expand-icon.visible{opacity:1;cursor:pointer}.category-sidebar .tree-container .expand-icon.visible:hover{opacity:1;transform:scale(1.2)}.category-sidebar .tree-container .expand-icon:not(.visible){cursor:default;opacity:0}.category-sidebar .tree-container .folder-icon{color:var(--text-tertiary);align-items:center;min-width:18px;margin-right:6px;font-size:.9rem;transition:color .15s;display:flex}.category-sidebar .tree-container .tree-item:hover .folder-icon{color:var(--text-secondary)}.category-sidebar .tree-container .tree-item.selected .folder-icon{color:#ffffffe6}.category-sidebar .tree-container .node-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;overflow:hidden}.tree-children{position:relative}.category-sidebar .sidebar-resizer{cursor:col-resize;z-index:10;width:4px;height:100%;transition:background-color .2s;position:absolute;top:0;right:-4px}.category-sidebar .sidebar-resizer:hover,.category-sidebar .sidebar-resizer:active{background-color:var(--border-secondary)}.confirmation-dialog-box-component .overlay-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmation-dialog-box-component .confirmation-dialog-box{background:var(--background-secondary);border-radius:var(--border-radius-large);width:90%;max-width:500px;box-shadow:0 20px 60px #00000080}.confirmation-dialog-box-component .confirmation-dialog-box .dialog-header{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-secondary)}.confirmation-dialog-box-component .confirmation-dialog-box .dialog-header h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.confirmation-dialog-box-component .confirmation-dialog-box .dialog-content{padding:var(--space-xl)}.confirmation-dialog-box-component .confirmation-dialog-box .dialog-footer{padding:var(--space-sm);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-md);display:flex}.product-table-container{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.products-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:var(--font-size-body);table-layout:fixed}.products-table th{z-index:1;background:var(--background-tertiary);color:var(--text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);text-align:left;border-bottom:1px solid var(--border-secondary);padding:8px 12px;position:sticky;top:0}.products-table th:hover{background:var(--background-secondary);color:var(--text-secondary)}.products-table td{text-align:left;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;overflow:hidden}.products-table tbody tr:nth-child(2n){background:var(--background-tertiary)}.products-table tbody tr:hover{background:var(--fill-secondary-translucent);cursor:pointer}.products-table .th-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;width:4px;height:100%;transition:background-color var(--transition-fast);position:absolute;top:0;right:0}.products-table .th-resizer:hover,.products-table th:hover .th-resizer{background:var(--border-translucent)}.products-table-header-context-menu{z-index:1100;min-width:160px;padding:var(--space-2xs);background:var(--background-secondary);border:1px solid var(--border-translucent);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-lg);flex-direction:column;animation:.14s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex;position:fixed}.products-table-header-context-menu .context-menu-header{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-2xs)}.products-table-header-context-menu .context-menu-item{padding:var(--space-xs) var(--space-sm);align-items:center;gap:var(--space-sm);cursor:pointer;border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:var(--font-size-body);transition:background var(--transition-fast), color var(--transition-fast);display:flex}.products-table-header-context-menu .context-menu-item:hover{background:var(--fill-secondary-translucent);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.detail-loading{padding:var(--space-2xl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-direction:column;flex:1;display:flex}.loading-spinner-large{border:3px solid var(--border-secondary);border-top-color:var(--accent-blue);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.detail-error{padding:var(--space-xl);text-align:center;justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.error-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.error-message{font-size:var(--font-size-caption);color:var(--text-tertiary);margin:0;font-style:italic}.detail-tabs{border-bottom:1px solid var(--border-secondary);background:var(--background-tertiary);padding:0 var(--space-sm);gap:var(--space-2xs);flex-shrink:0;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-body);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-family:inherit;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:var(--font-weight-medium)}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.detail-content{min-height:0;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tab-panel{display:none}.tab-panel.active{display:block}.detail-form{gap:var(--space-xl);flex-direction:column;display:flex}.detail-section{width:100%}.form-section{gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-secondary);flex-direction:column;width:100%;display:flex}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.form-section-heading{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);display:flex}.form-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.form-grid.three-cols{grid-template-columns:repeat(3,1fr)}.form-group{gap:var(--space-2xs);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group .form-label{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.form-textarea{width:100%;padding:var(--space-sm);border-radius:var(--border-radius-medium);border:1px solid var(--border-secondary);font-family:inherit;font-size:var(--font-size-body);color:var(--text-primary);background:var(--background-primary);resize:vertical;min-height:100px;transition:border-color var(--transition-fast);box-sizing:border-box}.form-textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #007aff26}.form-textarea:disabled{background:var(--background-tertiary);color:var(--text-tertiary);cursor:not-allowed}.price-list,.prices-list{gap:var(--space-sm);flex-direction:column;display:flex}.price-error-banner{color:var(--text-orange);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-medium);font-size:var(--font-size-caption);align-items:center;gap:var(--space-sm);background:#ff95001a;border:1px solid #ff950033;display:flex}.price-row{border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);padding:var(--space-md);background:var(--background-tertiary)}.price-row-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.price-row-actions{margin-top:var(--space-sm);justify-content:flex-end;display:flex}.empty-state-text{color:var(--text-tertiary);font-size:var(--font-size-body);text-align:center;padding:var(--space-lg) var(--space-md);background:var(--background-tertiary);border-radius:var(--border-radius-medium);border:1px dashed var(--border-secondary)}.discount-list{gap:var(--space-sm);flex-direction:column;display:flex}.discount-row{border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);padding:var(--space-md);background:var(--background-tertiary)}.discount-row.active{border-color:#34c75973}.discount-row.expired{opacity:.7}.discount-row-header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.discount-name-container{align-items:center;gap:var(--space-sm);display:flex}.discount-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-body)}.discount-badge{border-radius:var(--border-radius-small);font-size:.72rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;padding:2px 6px}.discount-badge.active{color:var(--accent-green);background:#34c75924}.discount-badge.expired{color:var(--accent-red);background:#dc354524}.discount-badge.future{color:var(--accent-blue);background:#007aff24}.discount-value-display{align-items:center;display:flex}.discount-value{font-size:1.05rem;font-weight:var(--font-weight-bold);color:var(--accent-green)}.discount-row-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.discount-row-grid .jn-date-picker{z-index:300;position:relative}.discount-row-actions{margin-top:var(--space-sm);justify-content:flex-end;display:flex}.stock-overview{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stock-item{gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);background:var(--background-tertiary);border-radius:var(--border-radius-medium);border:1px solid var(--border-secondary);flex-direction:column;display:flex}.stock-label{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.stock-value{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.supplier-info-card{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.supplier-info-row{padding:var(--space-sm) 0;border-bottom:1px solid #ffffff12;display:flex}.supplier-info-row:last-child{border-bottom:none}.supplier-info-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary);flex:0 0 160px;font-size:.9rem}.supplier-info-value{color:var(--text-primary);flex:1;font-size:.9rem}.supplier-link{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}.supplier-link:hover{color:var(--accent-blue-hover);text-decoration:underline}.language-tabs{gap:var(--space-xs);padding:var(--space-xs);background:var(--background-tertiary);border-radius:var(--border-radius-medium);margin-bottom:var(--space-md);display:flex}.lang-tab-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-secondary);border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;transition:all .2s}.lang-tab-btn:hover{color:var(--text-primary);background:#ffffff0f}.lang-tab-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.required-marker{color:var(--accent-red);font-weight:var(--font-weight-semibold);margin-left:var(--space-xs)}.optional-marker{color:var(--text-tertiary);font-size:.8rem;font-weight:var(--font-weight-regular)}.field-hint{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:.75rem}.product-info-container{background:var(--background-secondary);border-radius:var(--border-radius-medium);flex-direction:column;height:100%;display:flex;overflow:hidden}.info-header{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-secondary);flex-shrink:0;display:flex}.language-selector{min-width:140px}.info-actions{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.info-sections{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.collapsible-section{border-radius:var(--border-radius-large);background:var(--background-secondary);overflow:hidden;box-shadow:0 1px 3px #0000001a}.collapsible-section .section-header{padding:var(--space-sm) var(--space-xl);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:background-color .15s;display:flex}.collapsible-section .section-header:hover{background:var(--background-tertiary)}.collapsible-section .section-header h4{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);align-items:center;gap:var(--space-sm);margin:0;display:flex}.collapsible-section .section-header-actions{align-items:center;gap:var(--space-sm);display:flex}.collapsible-section .toggle-icon{border-radius:var(--border-radius-small);background:var(--background-tertiary);width:24px;height:24px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.collapsible-section.expanded .toggle-icon{background:var(--accent-blue);color:#fff}.collapsible-section .section-content{background:var(--background-primary);border-top:1px solid var(--border-secondary);animation:.2s ease-out slideDown}.html-preview-container{background:var(--background-primary);border-radius:var(--border-radius-small);max-height:400px;overflow-y:auto}.html-content-preview{padding:var(--space-lg);color:var(--text-primary);font-size:.9rem;line-height:1.7}.html-content-preview .empty-content{color:var(--text-tertiary);font-style:italic}.banner-preview{border-radius:var(--border-radius-medium);background:var(--background-tertiary);border:1px solid var(--border-secondary);position:relative;overflow:hidden}.banner-preview .banner-image{object-fit:cover;width:100%;max-height:200px;display:block}.banner-preview .image-actions{bottom:var(--space-sm);right:var(--space-sm);gap:var(--space-xs);display:flex;position:absolute}.empty-image-placeholder{padding:var(--space-xl);background:var(--background-tertiary);border:2px dashed var(--border-secondary);border-radius:var(--border-radius-medium);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.empty-image-placeholder .placeholder-icon{opacity:.5;font-size:2rem}.empty-image-placeholder p{font-size:var(--font-size-body);margin:0}.images-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.images-grid.editable{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-card{border:2px solid var(--border-secondary);border-radius:var(--border-radius-medium);background:var(--background-tertiary);scroll-margin-block:var(--space-lg);position:relative;overflow:hidden}.image-card.main-image{border-color:var(--accent-blue)}.image-card img{object-fit:cover;width:100%;height:110px}.main-badge{top:var(--space-xs);right:var(--space-xs);background:var(--accent-blue);color:#fff;border-radius:var(--border-radius-small);padding:2px 6px;font-size:.7rem;position:absolute}.image-desc{padding:var(--space-xs);color:var(--text-secondary);margin:0;font-size:.8rem}.images-grid.editable .image-preview{background:var(--background-tertiary);justify-content:center;align-items:center;height:140px;display:flex;position:relative}.images-grid.editable .image-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.images-grid.editable .image-details{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;display:flex}.images-grid.editable .image-card-actions{gap:var(--space-xs);justify-content:flex-end;display:flex}.product-detail-view{background:var(--background-secondary);border-left:1px solid var(--border-secondary);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative;overflow:hidden}.product-detail-view.bottom{border-left:none;border-top:1px solid var(--border-secondary);width:100%;height:auto}.detail-resizer{cursor:col-resize;z-index:10;width:4px;height:100%;transition:background-color .2s;position:absolute;top:0;left:0}.detail-resizer:hover,.detail-resizer:active{background-color:var(--border-secondary)}.detail-resizer-vertical{cursor:row-resize;z-index:10;height:4px;transition:background-color .2s;position:absolute;top:0;left:0;right:0}.detail-resizer-vertical:hover,.detail-resizer-vertical:active{background-color:var(--border-secondary)}.detail-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.detail-header h2{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.detail-header .header-actions{align-items:center;gap:var(--space-xs);display:flex}.icon-btn-small{color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-small);width:28px;height:28px;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.9rem;display:flex}.icon-btn-small:hover{background:var(--background-tertiary);color:var(--text-primary)}.detail-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-secondary);background:var(--background-secondary);flex-shrink:0;display:flex}.save-error-banner{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);color:var(--accent-red);font-size:var(--font-size-caption);background:#dc35451a;border-bottom:1px solid #dc354533;flex-shrink:0;display:flex}.save-error-banner span{flex:1}.dismiss-btn{color:var(--accent-red);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-small);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.dismiss-btn:hover{opacity:1}.new-product-container .overlay-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.new-product-container .dialog-box{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:18px;flex-direction:column;width:90%;max-width:900px;height:90vh;animation:.2s ease-out slideInScale;display:flex;box-shadow:0 24px 64px #0000008c}.new-product-container .dialog-header{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.new-product-container .dialog-header h2{font-size:clamp(1.08rem,1.5vw,1.3rem);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.new-product-container .dialog-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.new-product-container .dialog-footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-md);flex-shrink:0;display:flex}@media (width<=768px){.new-product-container .dialog-box{width:95%}.form-grid,.form-grid.three-cols{grid-template-columns:1fr}}.html-editor-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.html-editor-modal{background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#333);border-radius:12px;flex-direction:column;width:90vw;max-width:1200px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.html-editor-header{border-bottom:1px solid var(--border-color,#333);background:var(--bg-tertiary,#252525);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.html-editor-header h3{color:var(--text-primary,#fff);margin:0;font-size:16px;font-weight:600}.html-editor-actions{gap:8px;display:flex}.html-editor-tabs{background:var(--bg-tertiary,#252525);border-bottom:1px solid var(--border-color,#333);gap:4px;padding:8px 16px;display:flex}.html-editor-tab{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.html-editor-tab:hover:not(:disabled){background:var(--bg-hover,#333);color:var(--text-primary,#fff)}.html-editor-tab.active{background:var(--accent-color,#0078d4);color:#fff}.html-editor-tab:disabled{opacity:.4;cursor:not-allowed}.html-editor-tab-icon{width:14px;height:14px}.html-editor-toolbar{background:var(--bg-secondary,#1e1e1e);border-bottom:1px solid var(--border-color,#333);align-items:center;gap:8px;padding:8px 16px;display:flex}.html-editor-toolbar-group{gap:2px;display:flex}.html-editor-toolbar-btn{width:32px;height:32px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.html-editor-toolbar-btn:hover{background:var(--bg-hover,#333);color:var(--text-primary,#fff)}.html-editor-toolbar-btn svg{width:16px;height:16px}.html-editor-toolbar-divider{background:var(--border-color,#333);width:1px;height:24px;margin:0 4px}.html-editor-hint{color:var(--text-tertiary,#666);margin-left:8px;font-size:12px}.html-editor-body{flex:1;display:flex;overflow:hidden}.html-editor-body.split-view{grid-template-columns:1fr 1fr;display:grid}.html-editor-pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.html-editor-pane.hidden{display:none}.html-editor-code-pane{background:#1e1e1e}.html-editor-code-container{flex:1;position:relative;overflow:auto}.html-editor-code{min-height:100%;background:0 0!important}.html-editor-code textarea,.html-editor-code pre{white-space:pre!important;word-wrap:normal!important;overflow-wrap:normal!important;outline:none!important}.html-editor-textarea{caret-color:#fff!important}.html-editor-pre{pointer-events:none}.html-editor-preview-pane{border-left:1px solid var(--border-color,#333);background:#fff}.html-editor-preview-iframe{border:none;width:100%;height:100%}.html-editor-statusbar{background:var(--bg-tertiary,#252525);border-top:1px solid var(--border-color,#333);color:var(--text-tertiary,#666);justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;display:flex}.html-editor-statusbar-left,.html-editor-statusbar-right{gap:16px;display:flex}.html-editor-statusbar-item{align-items:center;gap:4px;display:flex}.html-editor-code code[class*=language-],.html-editor-code pre[class*=language-]{color:#d4d4d4;text-shadow:none;background:0 0}.html-editor-code .token.comment,.html-editor-code .token.prolog,.html-editor-code .token.doctype,.html-editor-code .token.cdata{color:#6a9955}.html-editor-code .token.punctuation{color:gray}.html-editor-code .token.property,.html-editor-code .token.tag,.html-editor-code .token.boolean,.html-editor-code .token.number,.html-editor-code .token.constant,.html-editor-code .token.symbol,.html-editor-code .token.deleted{color:#569cd6}.html-editor-code .token.selector,.html-editor-code .token.attr-name,.html-editor-code .token.string,.html-editor-code .token.char,.html-editor-code .token.builtin,.html-editor-code .token.inserted{color:#ce9178}.html-editor-code .token.operator,.html-editor-code .token.entity,.html-editor-code .token.url,.html-editor-code .language-css .token.string,.html-editor-code .style .token.string{color:#d4d4d4}.html-editor-code .token.atrule,.html-editor-code .token.attr-value,.html-editor-code .token.keyword{color:#c586c0}.html-editor-code .token.function,.html-editor-code .token.class-name{color:#dcdcaa}.html-editor-code .token.regex,.html-editor-code .token.important,.html-editor-code .token.variable{color:#d16969}.html-editor-code-container::-webkit-scrollbar{width:14px;height:14px}.html-editor-code-container::-webkit-scrollbar-track{background:0 0}.html-editor-code-container::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:3px solid #0000;border-radius:7px}.html-editor-code-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d padding-box padding-box;border:3px solid #0000}.html-editor-code-container::-webkit-scrollbar-corner{background:0 0}.products-page{height:calc(100vh - var(--header-height));box-sizing:border-box;background-color:var(--background-primary);flex-direction:row;display:flex;overflow:hidden}.products-page .content-area{background-color:var(--background-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.products-page .content-area .content-header{padding:var(--space-sm) var(--space-xl);box-sizing:border-box;border-bottom:1px solid var(--border-secondary);background:var(--background-secondary);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-flow:row;flex-shrink:0;height:50px;display:flex}.products-page .content-area .content-header .header-left{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex;overflow:hidden}.products-page .content-area .content-header .header-left span{font-size:clamp(1rem,1.5rem - 2vw,1.25rem);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);margin:0;overflow:hidden}.products-page .content-area .content-header .header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.products-page .content-area .content-header .region-selector{min-width:160px}.products-page .content-area .content-wrapper{flex-direction:row;flex:auto;width:100%;min-height:0;display:flex}.products-page .content-area .content-wrapper.layout-bottom{flex-direction:column}.products-page .content-area .content-body{min-width:0;min-height:0;padding:var(--space-sm) var(--space-md);flex-direction:column;flex:1;display:flex;overflow:visible}.products-page .content-area .content-body .products-toolbar{z-index:10;margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--background-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-large);flex-direction:row;flex-shrink:0;display:flex;position:relative}.products-page .content-area .content-body .products-toolbar .search-group,.products-page .content-area .content-body .products-toolbar .search-group .search-bar{align-items:center;gap:var(--space-xs);flex-direction:row;display:flex}.products-page .content-area .content-body .products-toolbar .search-group .search-bar .jn-text-field--sm .jn-text-field-control{background:var(--background-tertiary);border-radius:var(--border-radius-large);height:20px}.products-page .content-area .content-body .products-toolbar .search-group .search-bar button{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.products-page .content-area .content-body .products-toolbar .search-group .search-bar button:hover{color:var(--text-primary)}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper{position:relative}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-badge{background:var(--accent-red);border:2px solid var(--background-primary);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-menu{margin-top:var(--space-xs);z-index:200;background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);padding:var(--space-md);min-width:300px;max-width:420px;box-shadow:var(--shadow-md);animation:.16s ease-out slideDown;position:absolute;top:100%;left:0}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-menu .filter-menu-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-menu .filter-menu-header h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-menu .filter-menu-content{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:min(600px,60vh);display:grid;overflow-y:auto}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-menu .filter-section{gap:var(--space-xs);flex-direction:column;display:flex}.products-page .content-area .content-body .products-toolbar .search-group .filter-button-wrapper .filter-menu .filter-section h4{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-xs) 0}.products-page .content-area .content-body .products-toolbar .toolbar-info{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:var(--font-size-caption);flex-shrink:0;display:flex}.products-page .content-area .content-body .products-toolbar .toolbar-info .product-count{color:var(--text-secondary)}.products-page .content-area .content-body .products-toolbar .toolbar-info .loading-text{color:var(--accent-blue)}.products-page .content-area .content-body .products-toolbar .toolbar-info .error-text{color:var(--accent-red)}.products-page .content-area .content-body .loading-container{justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-direction:column;flex:1;display:flex}.products-page .content-area .content-body .loading-container .loading-spinner{border:3px solid var(--border-secondary);border-top-color:var(--accent-blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.products-page .content-area .content-body .error-container{padding:var(--space-xl);color:var(--text-primary);text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.products-page .content-area .content-body .error-container h2{font-weight:var(--font-weight-semibold);margin:0;padding:0}.products-page .content-area .content-body .error-container p{color:var(--text-secondary);margin:0;padding:0;font-style:italic}.image-upload-dialog{gap:var(--space-md);flex-direction:column;display:flex}.image-upload-dialog .file-input-wrapper{align-items:center;gap:var(--space-sm);display:flex}.image-upload-dialog .file-input-label{padding:var(--space-sm) var(--space-md);background:var(--background-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);border-radius:var(--border-radius-medium);cursor:pointer;font-weight:var(--font-weight-medium);transition:background var(--transition-fast), color var(--transition-fast);display:inline-block}.image-upload-dialog .file-input-label:hover{color:var(--text-primary);background:#ffffff14}.image-upload-dialog .selected-file-name{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.9rem;overflow:hidden}.image-upload-dialog .image-preview-container{padding:var(--space-md);background:var(--background-tertiary);border-radius:var(--border-radius-medium);border:1px solid var(--border-secondary);justify-content:center;display:flex}.image-upload-dialog .image-preview{object-fit:contain;border-radius:var(--border-radius-small);max-width:100%;max-height:200px}.procurement-page{height:calc(100vh - var(--header-height));background-color:var(--background-primary);flex-direction:column;display:flex;overflow:hidden}.procurement-page .page-header{background:var(--background-secondary);padding:0 var(--space-xl);border-bottom:1px solid var(--border-secondary);justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:row;flex-shrink:0;height:50px;display:flex}.procurement-page .page-header .tab-switcher-pill{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-xlarge);box-shadow:var(--shadow-sm);gap:3px;padding:4px;display:inline-flex}.procurement-page .page-header .tab-pill-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-xl);border-radius:var(--border-radius-large);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:inline-flex}.procurement-page .page-header .tab-pill-item:hover{color:var(--text-primary)}.procurement-page .page-header .tab-pill-item.active{background:var(--background-tertiary);color:var(--text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.procurement-page .page-body{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.procurement-page .contractors-view{background:var(--background-secondary);flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.procurement-page .contractor-list-panel{border-right:1px solid var(--border-secondary);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative}.procurement-page .contractor-list-panel .sidebar-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;display:flex}.procurement-page .contractor-list-panel .sidebar-header .sidebar-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.procurement-page .contractor-list-panel .sidebar-search{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-secondary);align-items:center;gap:var(--space-xs);flex-shrink:0;height:50px;display:flex}.procurement-page .contractor-list-panel .sidebar-search .jn-text-field--sm .jn-text-field-control{background:var(--background-tertiary);border-radius:var(--border-radius-large);height:20px}.procurement-page .contractor-list-panel .contractor-tree-container{flex:1;min-height:0;overflow:auto}.procurement-page .contractor-list-panel .contractor-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:min-content}.procurement-page .contractor-list-panel .contractor-table thead tr{z-index:1;position:sticky;top:0}.procurement-page .contractor-list-panel .contractor-table th.col-header{background:var(--background-tertiary);border-bottom:1px solid var(--border-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--transition-fast);text-align:left;padding:6px 22px 6px 8px;position:relative}.procurement-page .contractor-list-panel .contractor-table th.col-header:hover{color:var(--text-secondary)}.procurement-page .contractor-list-panel .contractor-table th.col-header.sort-active{color:var(--accent-blue)}.procurement-page .contractor-list-panel .col-header-label{align-items:center;gap:4px;max-width:100%;display:inline-flex;overflow:hidden}.procurement-page .contractor-list-panel .col-header-label .sort-icon{flex-shrink:0;font-size:.7rem}.procurement-page .contractor-list-panel .col-header-label .sort-icon--inactive{opacity:.3}.procurement-page .contractor-list-panel .col-resize-handle{cursor:col-resize;z-index:2;width:6px;transition:border-color var(--transition-fast);border-right:2px solid #0000;position:absolute;top:0;bottom:0;right:0}.procurement-page .contractor-list-panel .col-resize-handle:hover{border-right-color:var(--accent-blue)}.procurement-page .contractor-list-panel .contractor-table tbody .contractor-row{cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.procurement-page .contractor-list-panel .contractor-table tbody .contractor-row:last-child{border-bottom:none}.procurement-page .contractor-list-panel .contractor-table tbody .contractor-row:hover{background-color:var(--fill-secondary-translucent)}.procurement-page .contractor-list-panel .contractor-table tbody .contractor-row.selected{background-color:var(--accent-blue);border-bottom-color:#ffffff1a}.procurement-page .contractor-list-panel .contractor-table td.col-nr{min-width:auto;padding:8px}.procurement-page .contractor-list-panel .nr-badge{background:var(--background-secondary);color:var(--text-secondary);border-radius:var(--border-radius-small);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;padding:2px 6px;display:inline-block}.procurement-page .contractor-list-panel .contractor-row.selected .nr-badge{color:#fff;background:#fff3}.procurement-page .contractor-list-panel .contractor-table td.col-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:auto;padding:8px 4px;overflow:hidden}.procurement-page .contractor-list-panel .contractor-row.selected td.col-name{color:#fff}.procurement-page .contractor-list-panel .contractor-table td.col-country,.procurement-page .contractor-list-panel .contractor-table td.col-currency{font-size:var(--font-size-caption);color:var(--text-secondary);text-align:center;white-space:nowrap;min-width:auto;padding:8px 4px}.procurement-page .contractor-list-panel .contractor-row.selected td.col-country,.procurement-page .contractor-list-panel .contractor-row.selected td.col-currency{color:#ffffffd1}.procurement-page .list-empty{padding:var(--space-5xl) var(--space-xl);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.procurement-page .list-empty svg{opacity:.28;font-size:2rem}.procurement-page .list-empty p{color:var(--text-tertiary);font-size:var(--font-size-body);margin:0}.procurement-page .contractor-list-panel .sidebar-resizer{cursor:col-resize;z-index:10;width:8px;height:100%;transition:background-color .2s;position:absolute;top:0;right:-4px}.procurement-page .contractor-list-panel .sidebar-resizer:hover,.procurement-page .contractor-list-panel .sidebar-resizer:active{background-color:var(--border-translucent)}.procurement-page .contractor-detail{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.procurement-page .contractor-detail .detail-header{height:50px;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);box-sizing:border-box;background:var(--background-tertiary);flex-shrink:0;display:flex}.procurement-page .contractor-detail .detail-header .detail-title{font-size:clamp(.9rem,1.4rem - 1.5vw,1.05rem);font-weight:var(--font-weight-bold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.procurement-page .contractor-detail .detail-header .detail-header-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.procurement-page .contractor-detail .detail-empty{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;flex:1;display:flex}.procurement-page .contractor-detail .detail-empty svg{opacity:.14;color:var(--text-tertiary);font-size:3.5rem}.procurement-page .contractor-detail .detail-empty p{font-size:var(--font-size-body);color:var(--text-tertiary);margin:0}.procurement-page .contractor-detail .detail-tabs-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.procurement-page .detail-info-tabs{border-bottom:1px solid var(--border-secondary);background:var(--background-tertiary);height:50px;padding:0 var(--space-md);scrollbar-width:none;flex-direction:row;flex-shrink:0;display:flex;overflow-x:auto}.procurement-page .detail-info-tabs::-webkit-scrollbar{display:none}.procurement-page .detail-info-tabs .info-tab{align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);height:50px;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;display:inline-flex}.procurement-page .detail-info-tabs .info-tab:hover{color:var(--text-primary)}.procurement-page .detail-info-tabs .info-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.procurement-page .detail-info-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.procurement-page .detail-content-scroll{padding:var(--space-md);flex:1;overflow-y:auto}.procurement-page .detail-content-box{gap:var(--space-md);flex-direction:column;display:flex}.procurement-page .section-card{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);padding:var(--space-md) var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.procurement-page .section-card .section-card-header{justify-content:space-between;align-items:center;display:flex}.procurement-page .section-card .section-card-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em}.procurement-page .section-card .section-card-title-bar{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.procurement-page .fields-grid{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;display:grid}.procurement-page .fields-grid.cols-2{grid-template-columns:1fr 1fr}.procurement-page .fields-grid .field-span-full{grid-column:1/-1}.procurement-page .field-checkbox-align{align-items:flex-end;padding-bottom:4px;display:flex}.procurement-page .ro-field{flex-direction:column;gap:4px;min-width:0;display:flex}.procurement-page .ro-field-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.procurement-page .ro-field-value{font-size:var(--font-size-body);color:var(--text-primary);word-break:break-word;min-height:1.4em}.procurement-page .ro-field--multiline .ro-field-value{white-space:pre-wrap}.procurement-page a.ro-field-link{color:var(--accent-blue);text-decoration:none}.procurement-page a.ro-field-link:hover{text-decoration:underline}.procurement-page .section-save-row{justify-content:flex-end;gap:var(--space-xs);display:flex}.procurement-page .tab-split-panel{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.procurement-page .tab-split-list{border-right:1px solid var(--border-secondary);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.procurement-page .tab-split-list .split-list-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);background:var(--background-secondary);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;display:flex}.procurement-page .tab-split-list .split-list-header .split-list-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.procurement-page .tab-split-list .split-list-body{flex:1;min-height:0;overflow-y:auto}.procurement-page .tab-split-list .split-list-body .split-list-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;display:flex}.procurement-page .tab-split-list .split-list-body .split-list-item:last-child{border-bottom:none}.procurement-page .tab-split-list .split-list-body .split-list-item:hover{background:var(--fill-secondary-translucent)}.procurement-page .tab-split-list .split-list-body .split-list-item.selected{background:var(--accent-blue)}.procurement-page .tab-split-list .split-list-body .split-list-item .item-primary{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.procurement-page .tab-split-list .split-list-body .split-list-item .item-secondary{font-size:var(--font-size-caption);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.procurement-page .tab-split-list .split-list-body .split-list-item.selected .item-primary{color:#fff}.procurement-page .tab-split-list .split-list-body .split-list-item.selected .item-secondary{color:#ffffffbf}.procurement-page .tab-split-list .split-list-empty{padding:var(--space-5xl) var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.procurement-page .tab-split-list .split-list-empty svg{opacity:.25;font-size:2rem}.procurement-page .tab-split-list .split-list-empty p{color:var(--text-tertiary);font-size:var(--font-size-body);margin:0}.procurement-page .tab-split-detail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.procurement-page .tab-split-detail .split-detail-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--background-secondary);flex-shrink:0;height:46px;display:flex}.procurement-page .tab-split-detail .split-detail-header .split-detail-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.procurement-page .tab-split-detail .split-detail-header .split-detail-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.procurement-page .tab-split-detail .split-detail-body{padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.procurement-page .tab-split-detail .split-detail-empty{justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-tertiary);text-align:center;padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.procurement-page .tab-split-detail .split-detail-empty svg{opacity:.18;font-size:2.5rem}.procurement-page .tab-split-detail .split-detail-empty p{color:var(--text-tertiary);font-size:var(--font-size-body);margin:0}.procurement-page .discount-section-card{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);flex-direction:column;min-height:280px;display:flex;overflow:hidden}.procurement-page .discount-section-card .discount-section-header{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;display:flex}.procurement-page .discount-section-card .discount-section-header .section-card-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em}.procurement-page .discount-split{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.procurement-page .discount-split .discount-split-list{border-right:1px solid var(--border-secondary);flex-direction:column;width:50%;min-height:0;display:flex;overflow:hidden}.procurement-page .discount-split .discount-split-list .discount-list-body{flex:1;overflow-y:auto}.procurement-page .discount-split .discount-split-list .discount-list-empty{padding:var(--space-xl);color:var(--text-tertiary);font-size:var(--font-size-body);justify-content:center;align-items:center;display:flex}.procurement-page .discount-split .discount-list-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.procurement-page .discount-split .discount-list-item:last-child{border-bottom:none}.procurement-page .discount-split .discount-list-item:hover{background:var(--fill-secondary-translucent)}.procurement-page .discount-split .discount-list-item.selected{background:var(--accent-blue)}.procurement-page .discount-split .discount-list-item .discount-type-badge{border-radius:var(--border-radius-small);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--accent-blue);background:#007aff1f;flex-shrink:0;align-items:center;padding:2px 8px;display:inline-flex}.procurement-page .discount-split .discount-list-item.selected .discount-type-badge{color:#fff;background:#fff3}.procurement-page .discount-split .discount-list-item .discount-value-label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1}.procurement-page .discount-split .discount-list-item.selected .discount-value-label{color:#fff}.procurement-page .discount-split .discount-list-item .discount-min-label{font-size:var(--font-size-caption);color:var(--text-secondary)}.procurement-page .discount-split .discount-list-item.selected .discount-min-label{color:#ffffffbf}.procurement-page .discount-split .discount-split-detail{flex-direction:column;flex:1;display:flex;overflow:hidden}.procurement-page .discount-split .discount-split-detail .discount-detail-body{padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.procurement-page .discount-split .discount-split-detail .discount-detail-empty{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.procurement-page .discount-split .discount-split-detail .discount-detail-empty svg,.procurement-page .discount-split .discount-split-detail .discount-detail-empty .discount-empty-icon{opacity:.2;font-size:1.8rem}.procurement-page .discount-split .discount-split-detail .discount-detail-empty p{color:var(--text-tertiary);font-size:var(--font-size-caption);margin:0}.procurement-page .split-detail-save-bar{justify-content:flex-end;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-secondary);background:var(--background-secondary);flex-shrink:0;display:flex}.procurement-page .orders-view{background:var(--background-secondary);flex:1;min-height:0;display:flex;overflow:hidden}.procurement-page .orders-view--row{flex-direction:column}.procurement-page .orders-view--column{flex-direction:row}.procurement-page .orders-list-panel{flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.orders-view--row .orders-list-panel{border-bottom:1px solid var(--border-secondary);width:100%}.orders-view--column .orders-list-panel{border-right:1px solid var(--border-secondary);height:100%}.procurement-page .orders-toolbar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-secondary);background:var(--background-secondary);flex-wrap:wrap;flex-shrink:0;display:flex}.procurement-page .orders-toolbar-search{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.procurement-page .orders-toolbar-search .jn-text-field--sm .jn-text-field-control{background:var(--background-tertiary);border-radius:var(--border-radius-large);height:20px}.procurement-page .orders-filter-pills{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.procurement-page .orders-filter-pill{border-radius:var(--border-radius-large);border:1px solid var(--border-secondary);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;align-items:center;padding:3px 10px;display:inline-flex}.procurement-page .orders-filter-pill:hover{background:var(--fill-secondary-translucent);color:var(--text-primary)}.procurement-page .orders-filter-pill.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:var(--font-weight-semibold)}.procurement-page .orders-toolbar-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;margin-left:auto;display:flex}.procurement-page .orders-table-container{flex:1;min-height:0;overflow:auto}.procurement-page .orders-table{border-collapse:collapse;table-layout:fixed;width:100%}.procurement-page .orders-th{background:var(--background-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:1;padding:6px 10px;position:sticky;top:0}.procurement-page .orders-th.sortable{cursor:pointer;transition:color var(--transition-fast)}.procurement-page .orders-th.sortable:hover{color:var(--text-secondary)}.procurement-page .orders-th.sort-active{color:var(--accent-blue)}.procurement-page .orders-th--right{text-align:right}.procurement-page .orders-th .sort-icon{vertical-align:middle;margin-left:3px;font-size:.65rem}.procurement-page .orders-th .sort-icon--inactive{opacity:.3}.procurement-page .orders-tr{cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.procurement-page .orders-tr:last-child{border-bottom:none}.procurement-page .orders-tr:hover{background:var(--fill-secondary-translucent)}.procurement-page .orders-tr.selected{background:var(--accent-blue)}.procurement-page .orders-td{font-size:var(--font-size-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:7px 10px;overflow:hidden}.procurement-page .orders-tr.selected .orders-td{color:#fff}.procurement-page .orders-td--right{text-align:right}.procurement-page .orders-td--date{color:var(--text-secondary);font-size:var(--font-size-caption)}.procurement-page .orders-tr.selected .orders-td--date{color:#fffc}.procurement-page .orders-td--mono{font-variant-numeric:tabular-nums}.procurement-page .order-number-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-caption);background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-small);color:var(--text-secondary);white-space:nowrap;padding:2px 7px}.procurement-page .orders-tr.selected .order-number-label{color:#fff;background:#ffffff2e;border-color:#0000}.procurement-page .order-status-badge{border-radius:var(--border-radius-small);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.procurement-page .order-status-badge--ongoing{color:#1a8c3a;background:#34c75924}.procurement-page .order-status-badge--finished{color:var(--accent-blue);background:#007aff1f}.procurement-page .order-status-badge--cancelled{color:var(--color-danger,#d9363e);background:#ff3b301f}.procurement-page .orders-tr.selected .order-status-badge{color:#fff;background:#ffffff38}.procurement-page .orders-table-empty{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-5xl) var(--space-xl);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.procurement-page .orders-table-empty svg{opacity:.22;font-size:2rem}.procurement-page .orders-table-empty p{font-size:var(--font-size-body);color:var(--text-tertiary);margin:0}.procurement-page .orders-resizer{z-index:10;transition:background-color .2s}.procurement-page .orders-resizer--row{cursor:row-resize;height:8px;position:absolute;bottom:-4px;left:0;right:0}.procurement-page .orders-resizer--column{cursor:col-resize;width:8px;height:100%;position:absolute;top:0;right:-4px}.procurement-page .orders-resizer:hover,.procurement-page .orders-resizer:active{background-color:var(--border-translucent)}.procurement-page .orders-detail-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.procurement-page .orders-detail-header{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--background-secondary);flex-wrap:wrap;flex-shrink:0;height:46px;display:flex}.procurement-page .orders-detail-meta{align-items:center;gap:var(--space-xs);flex-shrink:1;min-width:0;display:flex;overflow:hidden}.procurement-page .orders-detail-order-nr{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap}.procurement-page .orders-detail-sep{color:var(--text-tertiary)}.procurement-page .orders-detail-contractor{font-size:var(--font-size-body);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.procurement-page .orders-detail-header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.procurement-page .orders-detail-eta{font-size:var(--font-size-caption);color:var(--text-tertiary);white-space:nowrap}.procurement-page .orders-detail-empty-state{justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-tertiary);flex-direction:column;flex:1;display:flex}.procurement-page .orders-detail-empty-state svg{opacity:.14;font-size:3rem}.procurement-page .orders-detail-empty-state p{font-size:var(--font-size-body);color:var(--text-tertiary);margin:0}.procurement-page .orders-items-container{flex:1;min-height:0;overflow:auto}.procurement-page .orders-items-empty{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-5xl) var(--space-xl);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.procurement-page .orders-items-empty svg{opacity:.18;font-size:2.5rem}.procurement-page .orders-items-empty p{color:var(--text-tertiary);font-size:var(--font-size-body);margin:0}.procurement-page .orders-items-table{border-collapse:collapse;table-layout:auto;width:100%}.procurement-page .orders-items-th{background:var(--background-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-secondary);white-space:nowrap;z-index:1;padding:6px 10px;position:sticky;top:0}.procurement-page .orders-items-th--right{text-align:right}.procurement-page .orders-items-th--name{width:100%}.procurement-page .orders-items-tr{border-bottom:1px solid var(--border-secondary)}.procurement-page .orders-items-tr:last-child{border-bottom:none}.procurement-page .orders-items-tr:hover{background:var(--fill-secondary-translucent)}.procurement-page .orders-items-td{font-size:var(--font-size-body);color:var(--text-primary);white-space:nowrap;padding:7px 10px}.procurement-page .orders-items-td--name{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:220px;overflow:hidden}.procurement-page .orders-items-td--right{text-align:right}.procurement-page .orders-items-td--mono{font-variant-numeric:tabular-nums}.procurement-page .item-nr-badge{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-small);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap;padding:2px 6px;display:inline-block}.procurement-page .item-nr-secondary{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-medium);white-space:nowrap}.procurement-page .qty-complete{color:#1a8c3a;font-weight:var(--font-weight-semibold)}.procurement-page .qty-partial{color:#b85a00;font-weight:var(--font-weight-semibold)}.procurement-page .qty-pending{color:var(--text-tertiary)}.procurement-page .proc-loading-spinner{border:2px solid var(--border-secondary);border-top-color:var(--accent-blue);border-radius:50%;width:22px;height:22px;margin:auto;animation:.75s linear infinite procSpin}@keyframes procSpin{to{transform:rotate(360deg)}}.procurement-page .detail-loading-state{flex:1;justify-content:center;align-items:center;display:flex}.proc-dialog-form{padding:var(--space-xs) 0}.proc-dialog-form .fields-grid{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;display:grid}.proc-dialog-form .fields-grid .field-span-full{grid-column:1/-1}.proc-dialog-form .field-checkbox-align{align-items:flex-end;padding-bottom:4px;display:flex}.proc-dialog-form .jn-text-field-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary);display:block}.procurement-page .section-card .section-card-title-bar{align-items:center}.setup-account-page{height:100dvh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex;overflow:hidden}.setup-account-card{width:100%;max-width:var(--wizard-card-width);height:min(var(--wizard-card-height), calc(100dvh - var(--space-4xl)));height:min(var(--wizard-card-height), calc(100vh - var(--space-4xl)));background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-card);box-shadow:var(--shadow-xl);animation:.45s cubic-bezier(.25,1,.5,1) backwards entry-fade-slide;display:flex;overflow:hidden}.setup-account-sidebar{background:var(--background-primary);border-right:1px solid var(--border-secondary);width:220px;padding:var(--space-3xl) var(--space-2xl);flex-direction:column;flex-shrink:0;display:flex}.setup-account-brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-4xl);display:flex}.setup-account-brand-icon{border-radius:var(--border-radius-medium);width:36px;height:36px;color:var(--accent-blue);background:#007aff26;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.setup-account-brand-name{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01rem;line-height:1.2}.setup-account-brand-sub{font-size:var(--font-size-caption);color:var(--text-tertiary)}.setup-account-stepper{flex-direction:column;flex:1;justify-content:center;display:flex}.setup-account-step{align-items:center;gap:var(--space-md);padding-bottom:var(--space-2xl);display:flex;position:relative}.setup-account-step:last-child{padding-bottom:0}.setup-account-step:not(:last-child):after{content:"";background:var(--border-secondary);width:1.5px;transition:background var(--transition-smooth);position:absolute;top:28px;bottom:0;left:13px}.setup-account-step--completed:not(:last-child):after{background:var(--accent-blue)}.setup-account-step-circle{border-radius:var(--border-radius-round);border:1.5px solid var(--border-secondary);background:var(--background-tertiary);width:28px;height:28px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);z-index:1;transition:background var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.setup-account-step--active .setup-account-step-circle{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary);box-shadow:var(--shadow-accent-blue)}.setup-account-step--completed .setup-account-step-circle{border-color:var(--accent-blue);color:var(--accent-blue);background:#007aff29}.setup-account-step-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-tertiary);transition:color var(--transition-normal)}.setup-account-step--active .setup-account-step-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.setup-account-step--completed .setup-account-step-label{color:var(--accent-blue)}.setup-account-sidebar-footer{font-size:var(--font-size-caption);color:var(--text-tertiary);padding-top:var(--space-xl)}.setup-account-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.setup-account-content{padding:var(--space-3xl) var(--space-3xl) var(--space-xl);scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent;flex:1;animation:.28s cubic-bezier(.25,1,.5,1) backwards entry-fade-slide;overflow:hidden auto}.setup-account-footer{padding:var(--space-md) var(--space-3xl);border-top:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.setup-account-footer-spacer{width:1px}.setup-account-step-header{margin-bottom:var(--space-lg)}.setup-account-step-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02rem;margin-bottom:var(--space-xs)}.setup-account-step-description{font-size:var(--font-size-body);color:var(--text-tertiary);line-height:var(--line-height-body)}.setup-account-welcome{flex-direction:column;min-height:100%;display:flex}.setup-account-warning{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-large);background:linear-gradient(180deg, #ff95001f, #ff95000f), var(--background-tertiary);color:var(--text-secondary);border:1px solid #ff950038;align-self:stretch;margin-top:auto;display:flex;box-shadow:0 12px 30px #00000024}.setup-account-warning-icon{border-radius:var(--border-radius-round);width:30px;height:30px;color:var(--text-orange);background:#ff95002e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.setup-account-warning-body{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.setup-account-warning-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.setup-account-warning-text{font-size:var(--font-size-caption);line-height:var(--line-height-body);color:var(--text-secondary);margin:0}.setup-account-form{gap:var(--space-sm);flex-direction:column;display:flex}.setup-account-form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.setup-account-icon-btn{cursor:pointer;color:inherit;opacity:.65;transition:opacity var(--transition-fast);border-radius:var(--border-radius-small);background:0 0;border:none;align-items:center;padding:0;display:flex}.setup-account-icon-btn:hover{opacity:1}.setup-account-icon-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;opacity:1}.setup-account-password-strength{gap:var(--space-2xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.setup-account-password-strength-bars{gap:var(--space-2xs);display:flex}.setup-account-password-strength-bar{background:var(--border-secondary);height:3px;transition:background var(--transition-normal);border-radius:99px;flex:1}.setup-account-password-strength-bar--weak{background:var(--accent-red)}.setup-account-password-strength-bar--fair{background:var(--text-orange)}.setup-account-password-strength-bar--strong{background:var(--accent-green)}.setup-account-password-strength-label{font-size:var(--font-size-caption);color:var(--text-tertiary)}.setup-account-features{gap:var(--space-lg);flex-direction:column;display:flex}.setup-account-feature{align-items:flex-start;gap:var(--space-md);display:flex}.setup-account-feature-icon{border-radius:var(--border-radius-small);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;display:flex}.setup-account-feature-icon--blue{color:var(--accent-blue);background:#007aff24}.setup-account-feature-icon--green{color:var(--accent-green);background:#34c75924}.setup-account-feature-icon--orange{color:var(--text-orange);background:#ff950024}.setup-account-feature-body{gap:var(--space-2xs);flex-direction:column;display:flex}.setup-account-feature-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-secondary);line-height:1.3}.setup-account-feature-desc{font-size:var(--font-size-caption);color:var(--text-tertiary);line-height:var(--line-height-body)}.setup-account-review-block{background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);overflow:hidden}.setup-account-review-block-title{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-secondary)}.setup-account-review-item{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);display:flex}.setup-account-review-item:not(:last-child){border-bottom:1px solid var(--border-secondary)}.setup-account-review-label{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.setup-account-review-value{font-size:var(--font-size-body);color:var(--text-primary);font-weight:var(--font-weight-medium)}.setup-account-review-value--muted{color:var(--text-tertiary);font-style:italic}.setup-account-review-badge{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);color:var(--accent-blue);border-radius:var(--border-radius-small);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);background:#007aff24;display:inline-flex}.setup-account-complete{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;height:100%;display:flex}.setup-account-success-icon{border-radius:var(--border-radius-round);width:68px;height:68px;color:var(--accent-green);margin-bottom:var(--space-sm);background:#34c75924;justify-content:center;align-items:center;font-size:1.75rem;animation:1.6s ease-in-out puls-scale;display:flex}.setup-account-complete-title{font-size:var(--font-size-title2);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02rem}.setup-account-complete-desc{font-size:var(--font-size-body);color:var(--text-tertiary);line-height:var(--line-height-body);max-width:340px}.setup-account-mfa-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-xs)}.setup-account-mfa-options{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.setup-account-mfa-option{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--background-tertiary);border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-medium);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.setup-account-mfa-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.setup-account-mfa-option:hover{border-color:var(--border-translucent);background:var(--background-secondary)}.setup-account-mfa-option--selected{border-color:var(--accent-blue);background:#007aff0f}.setup-account-mfa-option-icon{border-radius:var(--border-radius-small);width:30px;height:30px;color:var(--accent-blue);transition:background var(--transition-fast);background:#007aff1f;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.setup-account-mfa-option--selected .setup-account-mfa-option-icon{background:#007aff38}.setup-account-mfa-option-body{flex:1;min-width:0}.setup-account-mfa-option-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin-bottom:var(--space-2xs);transition:color var(--transition-fast);line-height:1.3;display:block}.setup-account-mfa-option--selected .setup-account-mfa-option-title{color:var(--text-primary)}.setup-account-mfa-option-desc{font-size:var(--font-size-caption);color:var(--text-tertiary);line-height:1.35}.setup-account-submit-error{font-size:var(--font-size-caption);color:var(--accent-red);text-align:center;padding:0 var(--space-md);flex:1}@media (width<=640px){.setup-account-page{align-items:stretch;padding:0}.setup-account-card{border-radius:0;flex-direction:column;height:100dvh;max-height:none}.setup-account-sidebar{width:100%;padding:var(--space-md) var(--space-xl);border-right:none;border-bottom:1px solid var(--border-secondary);align-items:center;gap:var(--space-lg);flex-direction:row}.setup-account-brand{flex-shrink:0;margin-bottom:0}.setup-account-brand-sub{display:none}.setup-account-stepper{justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-direction:row;flex:1}.setup-account-step{gap:0;padding-bottom:0}.setup-account-step:not(:last-child):after{width:var(--space-sm);height:1.5px;top:13px;bottom:auto;left:28px}.setup-account-step-label,.setup-account-sidebar-footer{display:none}.setup-account-warning{margin-top:var(--space-lg)}.setup-account-content{padding:var(--space-xl)}.setup-account-welcome{min-height:calc(100dvh - 2 * var(--space-xl) - 2 * var(--space-3xl))}.setup-account-footer{padding:var(--space-sm) var(--space-xl)}.setup-account-form-row{grid-template-columns:1fr}}.login-page{height:100dvh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.login-card{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-card);width:100%;max-width:420px;box-shadow:var(--shadow-xl);animation:.45s cubic-bezier(.25,1,.5,1) backwards entry-fade-slide;overflow:hidden}.login-card-inner{padding:var(--space-3xl);gap:var(--space-xl);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-sm);display:flex}.login-brand-icon{border-radius:var(--border-radius-medium);width:36px;height:36px;color:var(--accent-blue);background:#007aff26;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.login-brand-name{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01rem;line-height:1.2}.login-brand-sub{font-size:var(--font-size-caption);color:var(--text-tertiary)}.login-heading{gap:var(--space-2xs);flex-direction:column;display:flex}.login-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02rem;margin:0}.login-subtitle{font-size:var(--font-size-body);color:var(--text-tertiary);margin:0}.login-form{gap:var(--space-sm);flex-direction:column;display:flex}.login-error{align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-medium);color:var(--accent-red);font-size:var(--font-size-caption);line-height:var(--line-height-body);background:#dc354514;border:1px solid #dc354533;display:flex}.login-debug{padding-top:var(--space-md);border-top:1px solid var(--border-secondary);gap:var(--space-xs);flex-direction:column;display:flex}.login-debug-label{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.login-2fa-icon{border-radius:var(--border-radius-round);width:56px;height:56px;color:var(--accent-blue);background:#007aff1f;justify-content:center;align-items:center;font-size:1.4rem;animation:1.6s ease-in-out puls-scale;display:flex}.login-2fa-heading{gap:var(--space-2xs);flex-direction:column;display:flex}.login-2fa-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02rem;margin:0}.login-2fa-description{font-size:var(--font-size-body);color:var(--text-tertiary);line-height:var(--line-height-body);margin:0}@media (width<=480px){.login-page{align-items:flex-start;padding:0}.login-card{max-width:none;min-height:100dvh;box-shadow:none;border:none;border-radius:0}.login-card-inner{padding:var(--space-2xl)}}.website-management-page{min-height:calc(100vh - var(--header-height));padding:var(--space-4xl) var(--spacing-container);background-color:var(--background-primary);box-sizing:border-box;flex-direction:column;display:flex}.website-management-items-grid{gap:var(--space-xl);width:100%;max-width:var(--max-width);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.website-management-items-grid>a{color:inherit;border-radius:var(--border-radius-card);text-decoration:none;animation:.55s cubic-bezier(.25,1,.5,1) backwards entry-fade-slide;display:block}.website-management-items-grid>a:first-child{animation-delay:50ms}.website-management-items-grid>a:nth-child(2){animation-delay:.12s}.website-management-items-grid>a:nth-child(3){animation-delay:.19s}.website-management-items-grid>a:nth-child(4){animation-delay:.26s}.website-management-items-grid>a:nth-child(5){animation-delay:.33s}.website-management-items-grid>a:nth-child(6){animation-delay:.4s}.website-management-item{gap:var(--space-md);padding:var(--space-2xl);box-sizing:border-box;background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-card);height:100%;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-normal), background var(--transition-normal);flex-direction:column;display:flex}.website-management-items-grid>a:hover .website-management-item,.website-management-items-grid>a:focus-visible .website-management-item{transform:var(--hover-lift-scale);box-shadow:var(--shadow-xl), 0 0 0 1px var(--border-blue);border-color:var(--border-blue);background:var(--background-tertiary)}.website-management-items-grid>a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.website-management-item-header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-direction:row;display:flex}.website-management-item-header h1{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.02rem;line-height:var(--line-height-tight);margin:0}.website-management-item-header svg{color:var(--accent-blue);opacity:.85;transition:opacity var(--transition-fast), transform var(--transition-normal);flex-shrink:0;font-size:1.4rem}.website-management-items-grid>a:hover .website-management-item-header svg{opacity:1;transform:scale(1.15)rotate(-4deg)}.website-management-description p{font-size:var(--font-size-body);color:var(--text-tertiary);line-height:var(--line-height-body);transition:color var(--transition-normal);margin:0}.website-management-items-grid>a:hover .website-management-description p{color:var(--text-secondary)}@media (width<=1024px){.website-management-items-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.website-management-page{padding:var(--space-2xl) var(--spacing-container)}.website-management-items-grid{gap:var(--space-md);grid-template-columns:1fr}.website-management-item{padding:var(--space-xl)}}.website-management-categories-page{height:calc(100vh - var(--header-height));background:var(--background-primary);flex-direction:row;display:flex;overflow:hidden}.website-management-categories-page .category-tree-viewer{border-right:1px solid var(--border-secondary);background:var(--background-secondary);flex-direction:column;flex-shrink:0;width:50%;display:flex;overflow:hidden}.website-management-categories-page .category-detail{background:var(--background-primary);flex-direction:column;flex:1;width:50%;display:flex;overflow:hidden}.category-detail--empty{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-lg)}.category-detail--empty svg{opacity:.35;font-size:2.5rem}.cat-detail-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);flex-shrink:0;height:50px;display:flex}.cat-detail-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cat-detail-actions{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.cat-detail-body{gap:var(--space-md);padding:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.cat-detail-card{gap:var(--space-sm);padding:var(--space-md);background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);flex-direction:column;animation:.25s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex}.cat-detail-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.cat-detail-card-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.cat-detail-count{border-radius:var(--border-radius-round,999px);background:var(--background-tertiary);border:1px solid var(--border-secondary);min-width:22px;height:22px;color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;padding:0 7px;display:inline-flex}.cat-detail-info{gap:var(--space-sm);flex-direction:column;display:flex}.cat-detail-row{align-items:baseline;gap:var(--space-md);display:flex}.cat-detail-row-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-tertiary);flex:0 0 84px}.cat-detail-row-value{min-width:0;font-size:var(--font-size-body);color:var(--text-primary);word-break:break-word;flex:1}.cat-detail-lang-chip{border-radius:var(--border-radius-small);background:var(--background-tertiary);border:1px solid var(--border-secondary);min-width:30px;color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;justify-content:center;align-items:center;padding:1px 7px;display:inline-flex}.cat-detail-media{gap:var(--space-md);flex-wrap:wrap;display:flex}.cat-detail-media-item{gap:var(--space-2xs);flex-direction:column;flex:1;min-width:140px;display:flex}.cat-detail-media-item--banner{flex-basis:100%}.cat-detail-media-label{font-size:var(--font-size-caption);color:var(--text-tertiary)}.cat-detail-image{aspect-ratio:1;object-fit:cover;border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);background:var(--background-tertiary);width:100%;max-width:200px}.cat-detail-image--banner{aspect-ratio:16/9;max-width:100%}.cat-detail-image--empty{color:var(--text-tertiary);font-size:var(--font-size-caption);justify-content:center;align-items:center;display:flex}.cat-detail-products{gap:var(--space-xs);flex-direction:column;display:flex}.cat-detail-product{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.cat-detail-product:hover{background:var(--fill-secondary-translucent);border-color:var(--border-blue);box-shadow:0 0 0 1px var(--border-blue)}.cat-detail-product:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.cat-detail-product-thumb{object-fit:cover;border-radius:var(--border-radius-small);background:var(--background-primary);flex-shrink:0;width:38px;height:38px}.cat-detail-product-thumb--empty{color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.cat-detail-product-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cat-detail-product-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cat-detail-product-sku{font-size:var(--font-size-caption);color:var(--text-tertiary)}.cat-detail-product-stock{font-size:var(--font-size-caption);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.cat-detail-product-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;font-size:.7rem}.cat-detail-product:hover .cat-detail-product-chevron{color:var(--accent-blue);transform:translate(2px)}.cat-detail-products-empty{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-tertiary);font-size:var(--font-size-caption);display:flex}.cat-page-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);flex-shrink:0;height:50px;display:flex}.cat-page-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ct-outer{flex-direction:column;flex:1;display:flex;overflow:hidden}.ct-roots-bar{gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;flex-shrink:0;display:flex}.ct-root-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-xlarge);color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.ct-root-btn:hover{background:var(--fill-secondary-translucent);color:var(--text-primary);border-color:var(--border-translucent)}.ct-root-btn-active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:var(--shadow-accent-blue)}.ct-root-btn-active:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:#fff}.ct-root-label{white-space:nowrap}.ct-root-badge{min-width:18px;height:18px;font-size:.7rem;font-weight:var(--font-weight-semibold);color:inherit;background:#fff3;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex}.ct-root-btn:not(.ct-root-btn-active) .ct-root-badge{background:var(--fill-tertiary-translucent);color:var(--text-tertiary)}.ct-subtree-scroll{padding:var(--space-3xl) var(--space-2xl) var(--space-4xl);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.ct-node-wrap{flex-direction:column;align-items:center;display:flex}.ct-node-card{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:80px;max-width:200px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);animation:.3s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex}.ct-node-card:hover{background:var(--fill-secondary-translucent);border-color:var(--border-translucent);transform:translateY(-1px)}.ct-node-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.ct-node-card.ct-node-root{padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-semibold);border-color:var(--border-translucent);box-shadow:var(--shadow-sm);background:var(--background-secondary);min-width:110px}.ct-node-card.ct-node-selected{border-color:var(--border-blue);box-shadow:0 0 0 1px var(--border-blue), var(--shadow-accent-blue);background:#007aff24}.ct-node-card.ct-node-root.ct-node-selected{background:#007aff33}.ct-node-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ct-node-badge{background:var(--fill-tertiary-translucent);min-width:18px;height:18px;color:var(--text-tertiary);font-size:.7rem;font-weight:var(--font-weight-semibold);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex}.ct-node-selected .ct-node-badge{color:var(--accent-blue);background:#007aff4d}.ct-v-stem{width:2px;height:var(--ct-vgap);background:var(--border-secondary);border-radius:1px;flex-shrink:0}.ct-children-row{flex-direction:row;justify-content:center;align-items:flex-start;display:flex}.ct-child-branch{padding:0 var(--space-lg);flex-direction:column;align-items:center;display:flex;position:relative}.ct-child-branch:before{content:"";background:var(--border-secondary);height:2px;position:absolute;top:0;left:0;right:0}.ct-child-branch:first-child:before{left:50%}.ct-child-branch:last-child:before{right:50%}.ct-child-branch:only-child:before{left:50%;right:50%}.ct-child-branch:after{content:"";width:2px;height:var(--ct-vgap);background:var(--border-secondary);position:absolute;top:0;left:50%;transform:translate(-50%)}.ct-child-branch>.ct-node-wrap{margin-top:var(--ct-vgap)}.ct-state-container{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-4xl) var(--space-2xl);text-align:center;flex-direction:column;flex:1;display:flex}.ct-state-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ct-state-message{font-size:var(--font-size-caption);color:var(--text-tertiary);margin:0}.ct-state-text{font-size:var(--font-size-body);color:var(--text-secondary)}.ct-spinner{border:2px solid var(--border-secondary);border-top-color:var(--accent-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.cat-form-error-banner{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-error);border-radius:var(--border-radius-small);color:var(--accent-red);font-size:var(--font-size-body);background:#dc35451f}.cat-form-section{gap:var(--space-sm);flex-direction:column;display:flex}.cat-form-section-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.cat-form-required{color:var(--accent-red);font-weight:var(--font-weight-semibold)}.cat-translations-list{gap:var(--space-sm);flex-direction:column;display:flex}.cat-translation-row{align-items:flex-start;gap:var(--space-sm);display:flex}.cat-lang-chip{background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-small);width:32px;height:36px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cat-translation-input{flex:1;min-width:0}.cat-upload-zone{border:1.5px dashed var(--border-secondary);border-radius:var(--border-radius-medium);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:var(--background-primary);justify-content:center;align-items:center;display:flex;overflow:hidden}.cat-upload-zone:hover,.cat-upload-zone:focus-visible{border-color:var(--border-blue);background:#007aff0a;outline:none}.cat-upload-zone-dragover{border-style:solid;border-color:var(--border-blue);background:#007aff1a}.cat-upload-square{width:100px;height:100px}.cat-upload-banner{width:100%;height:110px}.cat-upload-placeholder{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:var(--font-size-caption);pointer-events:none;padding:var(--space-md);text-align:center;flex-direction:column;display:flex}.cat-upload-icon{opacity:.5;font-size:1.4rem}.cat-upload-img{object-fit:cover;width:100%;height:100%;display:block}.website-management-taxes-page{height:calc(100vh - var(--header-height));background:var(--background-primary);flex-direction:row;display:flex;overflow:hidden}.tax-panel-left{border-right:1px solid var(--border-secondary);background:var(--background-secondary);flex-direction:column;flex-shrink:0;width:50%;display:flex;overflow:hidden}.tax-panel-right{background:var(--background-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.tax-panel-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);flex-shrink:0;height:50px;display:flex}.tax-panel-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tax-panel-subtitle{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:var(--font-weight-regular);margin-left:var(--space-xs)}.tax-panel-body{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tax-type-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);background:var(--background-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);animation:.25s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex}.tax-type-card:hover{background:var(--fill-secondary-translucent);border-color:var(--border-translucent)}.tax-type-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.tax-type-card.tax-type-card--selected{border-color:var(--border-blue);box-shadow:0 0 0 1px var(--border-blue);background:#007aff1f}.tax-type-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tax-type-card-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tax-type-card--selected .tax-type-card-name{color:var(--accent-blue)}.tax-type-card-desc{font-size:var(--font-size-caption);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tax-type-card-actions{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.tax-list{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;display:flex}.tax-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);transition:background var(--transition-fast), border-color var(--transition-fast);animation:.25s cubic-bezier(.25,1,.5,1) both entry-fade-slide;display:flex}.tax-row:hover{background:var(--background-tertiary);border-color:var(--border-translucent)}.tax-row-name{min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tax-row-rate{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap;text-align:right;min-width:48px}.tax-row-actions{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.tax-badge{padding:2px var(--space-xs);border-radius:var(--border-radius-small);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tax-badge-country{color:var(--accent-blue);background:#007aff24;border:1px solid #007aff40;min-width:28px}.tax-badge-class-standard{color:var(--accent-green);background:#34c7591f;border:1px solid #34c75938}.tax-badge-class-reduced{color:var(--text-orange);background:#ff98081f;border:1px solid #ff980838}.tax-badge-class-special{color:var(--accent-red);background:#dc35451a;border:1px solid #dc354533}.tax-badge-import{color:var(--text-tertiary);border:1px solid var(--border-secondary);background:#b2b2b81f}.tax-badge-import-active{color:var(--accent-green);background:#34c7591f;border:1px solid #34c75938}.tax-empty-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-5xl) var(--space-2xl);text-align:center;flex-direction:column;flex:1;display:flex}.tax-empty-icon{color:var(--text-tertiary);opacity:.4;font-size:2rem}.tax-empty-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.tax-empty-hint{font-size:var(--font-size-caption);color:var(--text-tertiary);margin:0}.tax-spinner{border:2px solid var(--border-secondary);border-top-color:var(--accent-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.tax-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--background-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.tax-toggle-row:hover{background:var(--fill-tertiary-translucent);border-color:var(--border-translucent)}.tax-toggle-label{font-size:var(--font-size-body);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.tax-toggle{flex-shrink:0;width:38px;height:22px;position:relative}.tax-toggle input{opacity:0;width:0;height:0;position:absolute}.tax-toggle-track{background:var(--background-tertiary);border:1px solid var(--border-secondary);transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:11px;position:absolute;inset:0}.tax-toggle input:checked+.tax-toggle-track{background:var(--accent-blue);border-color:var(--accent-blue)}.tax-toggle-thumb{background:var(--text-tertiary);width:14px;height:14px;transition:transform var(--transition-fast), background var(--transition-fast);pointer-events:none;border-radius:50%;position:absolute;top:3px;left:3px}.tax-toggle input:checked~.tax-toggle-thumb{background:#fff;transform:translate(16px)}@media (width<=768px){.website-management-taxes-page{height:auto;min-height:calc(100vh - var(--header-height));flex-direction:column}.tax-panel-left,.tax-panel-right{border-right:none;border-bottom:1px solid var(--border-secondary);width:100%;max-height:50vh}}.website-management-brands-page{height:calc(100vh - var(--header-height));background:var(--background-primary);flex-direction:row;display:flex;overflow:hidden}.brand-panel-left{border-right:1px solid var(--border-secondary);background:var(--background-secondary);flex-direction:column;flex-shrink:0;width:40%;display:flex;overflow:hidden}.brand-panel-right{background:var(--background-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.brand-panel-right-top{border-bottom:1px solid var(--border-secondary);flex-direction:column;flex:1;display:flex;overflow:hidden}.brand-panel-right-bottom{flex-direction:column;flex:1;display:flex;overflow:hidden}.brand-card-logo{object-fit:contain;border-radius:var(--border-radius-small);background:var(--background-primary);border:1px solid var(--border-secondary);flex-shrink:0;width:36px;height:36px}.brand-contact-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.brand-contact-email{font-size:var(--font-size-caption);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.website-management-brands-page{height:auto;min-height:calc(100vh - var(--header-height));flex-direction:column}.brand-panel-left,.brand-panel-right{border-right:none;border-bottom:1px solid var(--border-secondary);width:100%}}.dashboard-page{max-width:1100px;margin:0 auto;padding:2rem}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard-header h1{color:var(--text-primary);margin:0}.dashboard-monitoring-link{color:var(--accent-blue);align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.dashboard-monitoring-link:hover{color:var(--accent-blue-hover)}.dashboard-disclaimer{color:var(--text-tertiary);max-width:70ch;margin:.5rem 0 1.5rem;font-size:.85rem}.dashboard-loading,.dashboard-error{color:var(--text-secondary);padding:2rem 0}.dashboard-error p:first-child{color:var(--accent-red);font-weight:600}.dashboard-error-detail{color:var(--text-tertiary);font-size:.85rem}.dashboard-prometheus-warning{margin-bottom:1rem}.status-tile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.status-tile{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.status-tile-icon{flex-shrink:0;margin-top:.15rem;font-size:1.1rem}.status-tile-icon-ok{color:var(--accent-green)}.status-tile-icon-warn{color:var(--accent-orange)}.status-tile-icon-error{color:var(--accent-red)}.status-tile-icon-unknown{color:var(--text-tertiary)}.status-tile-warn{border-color:var(--border-orange)}.status-tile-body{flex-direction:column;gap:.15rem;display:flex}.status-tile-label{color:var(--text-tertiary);margin:0;font-size:.8rem}.status-tile-value{color:var(--text-primary);margin:0;font-weight:600}.warehouse-page{height:calc(100vh - var(--header-height));background-color:var(--background-primary);flex-direction:column;display:flex;overflow:hidden}.warehouse-page .page-body{background:var(--background-secondary);flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.warehouse-page .warehouse-sidebar{border-right:1px solid var(--border-secondary);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative}.warehouse-page .warehouse-sidebar .sidebar-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;display:flex}.warehouse-page .warehouse-sidebar .sidebar-header .sidebar-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.warehouse-page .warehouse-sidebar .sidebar-search{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-secondary);align-items:center;gap:var(--space-xs);flex-shrink:0;height:50px;display:flex}.warehouse-page .warehouse-sidebar .sidebar-search .jn-text-field--sm .jn-text-field-control{background:var(--background-tertiary);border-radius:var(--border-radius-large);height:20px}.warehouse-page .warehouse-sidebar .warehouse-list-container{flex:1;min-height:0;overflow-y:auto}.warehouse-page .warehouse-sidebar .warehouse-row{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;display:flex}.warehouse-page .warehouse-sidebar .warehouse-row:hover{background-color:var(--fill-secondary-translucent)}.warehouse-page .warehouse-sidebar .warehouse-row.selected{background-color:var(--accent-blue)}.warehouse-page .warehouse-sidebar .warehouse-row-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.warehouse-page .warehouse-sidebar .warehouse-row.selected .warehouse-row-name{color:#fff}.warehouse-page .warehouse-sidebar .warehouse-row-location{font-size:var(--font-size-caption);color:var(--text-secondary)}.warehouse-page .warehouse-sidebar .warehouse-row.selected .warehouse-row-location{color:#ffffffd1}.warehouse-page .warehouse-sidebar .sidebar-resizer{cursor:col-resize;z-index:10;width:8px;height:100%;transition:background-color .2s;position:absolute;top:0;right:-4px}.warehouse-page .warehouse-sidebar .sidebar-resizer:hover,.warehouse-page .warehouse-sidebar .sidebar-resizer:active{background-color:var(--border-translucent)}.warehouse-page .list-empty{padding:var(--space-5xl) var(--space-xl);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.warehouse-page .list-empty svg{opacity:.28;font-size:2rem}.warehouse-page .list-empty p{color:var(--text-tertiary);font-size:var(--font-size-body);margin:0}.warehouse-page .warehouse-detail{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.warehouse-page .warehouse-detail .detail-header{height:50px;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);box-sizing:border-box;background:var(--background-tertiary);flex-shrink:0;display:flex}.warehouse-page .warehouse-detail .detail-header .detail-title{font-size:clamp(.9rem,1.4rem - 1.5vw,1.05rem);font-weight:var(--font-weight-bold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.warehouse-page .warehouse-detail .detail-header .detail-header-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.warehouse-page .warehouse-detail .detail-empty{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;flex:1;display:flex}.warehouse-page .warehouse-detail .detail-empty svg{opacity:.14;color:var(--text-tertiary);font-size:3.5rem}.warehouse-page .warehouse-detail .detail-empty p{font-size:var(--font-size-body);color:var(--text-tertiary);margin:0}.warehouse-page .warehouse-detail .detail-tabs-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.warehouse-page .detail-info-tabs{border-bottom:1px solid var(--border-secondary);background:var(--background-tertiary);height:50px;padding:0 var(--space-md);scrollbar-width:none;flex-direction:row;flex-shrink:0;display:flex;overflow-x:auto}.warehouse-page .detail-info-tabs::-webkit-scrollbar{display:none}.warehouse-page .detail-info-tabs .info-tab{align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);height:50px;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;display:inline-flex}.warehouse-page .detail-info-tabs .info-tab:hover{color:var(--text-primary)}.warehouse-page .detail-info-tabs .info-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.warehouse-page .detail-info-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.warehouse-page .detail-content-scroll{padding:var(--space-md);flex:1;overflow-y:auto}.warehouse-page .detail-content-box{gap:var(--space-md);flex-direction:column;display:flex}.warehouse-page .section-card{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-large);padding:var(--space-md) var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.warehouse-page .section-card .section-card-header{justify-content:space-between;align-items:center;display:flex}.warehouse-page .section-card .section-card-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em}.warehouse-page .section-card .section-card-title-bar{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.warehouse-page .fields-grid{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;display:grid}.warehouse-page .ro-field{flex-direction:column;gap:4px;min-width:0;display:flex}.warehouse-page .ro-field-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.warehouse-page .ro-field-value{font-size:var(--font-size-body);color:var(--text-primary);word-break:break-word;min-height:1.4em}.warehouse-page .warehouse-map{border:1px solid var(--border-secondary);border-radius:var(--border-radius-medium);width:100%;height:320px}.warehouse-page .warehouse-inventory-table{border-collapse:collapse;width:100%}.warehouse-page .warehouse-inventory-table th{text-align:left;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-secondary);padding:8px}.warehouse-page .warehouse-inventory-table td{font-size:var(--font-size-body);color:var(--text-primary);border-bottom:1px solid var(--border-secondary);padding:8px}.wh-form-grid{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;display:grid}