@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:107.06%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}@font-face{font-family:Inter Fallback;src:local(Arial);font-weight:500;size-adjust:107.06%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}@layer theme{:root{--font-sans:"Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inline{display:inline}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--bg-sidebar:#f8faff;--panel:#fff;--panel-2:#f7fafb;--panel-elevated:#fffffff5;--line:#e2e8f1;--line-strong:#e1e7f0;--line-soft:#dde4eee6;--line-dashed:#c5d4ea;--text:#10223d;--text-strong:#080d17;--text-secondary:#173052;--ink:#071a35;--muted:#5f7090;--blue:#0862f7;--blue-hover:#075ed9;--blue-deep:#0054ee;--accent:#0862f7;--brand-deep:#294594;--brand-black:#2b2a29;--green:#13a77c;--amber:#c8861f;--red:#d94f4f;--frame:#4f423d;--danger:#e34a54;--danger-bg:#fff1f2;--danger-border:#f3c6c9;--surface-hover:#edf3ff;--surface-active:#edf3ff;--border-active:#c5d9ff;--border-focus:#a9c8ff;--nav-icon-border:#d6e5ea;--nav-icon-bg:#fff;--warn-border:#f0d3a8;--warn-bg:#fffaf2;--btn-primary-fg:#fff;--btn-primary-bg:linear-gradient(135deg, #126dff, #0054ee);--btn-primary-shadow:0 8px 20px #005bf138;--shadow:0 18px 46px #14284e1f;--shadow-soft:0 8px 30px #14284e0f;--shadow-card:0 5px 18px #122c5414;--shadow-drawer:0 20px 48px #1326462e;--hero-glow:#1e6fff12;--canvas-bg:#fbfcfe;--canvas-dot:#44669730;--scrollbar:#9aa8ba;--panel-muted:#fbfdfe;--panel-selected-bg:#eaf2ff;--sidebar-width:220px;--sidebar-collapsed-width:68px;--app-header-height:82px;--bp-phone:760px;--bp-tablet:1099px;--bp-compact:1099px;--touch-min:44px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--keyboard-inset:0px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1424;--bg-sidebar:#0f1729;--panel:#151f33;--panel-2:#1a253a;--panel-elevated:#151f33f5;--line:#243249;--line-strong:#2a3a54;--line-soft:#324462e6;--line-dashed:#3a4b66;--text:#e7eefc;--text-strong:#f4f7ff;--text-secondary:#9fb4d9;--ink:#f0f5ff;--muted:#8fa0bd;--blue:#3b82f6;--blue-hover:#60a5fa;--blue-deep:#2563eb;--accent:#3b82f6;--brand-deep:#8ba3d9;--brand-black:#d7dde8;--green:#34d399;--amber:#f0b429;--red:#f87171;--frame:#9ca3af;--danger:#f87171;--danger-bg:#f8717124;--danger-border:#6b2a30;--surface-hover:#1c2a42;--surface-active:#1e3150;--border-active:#3b5f9a;--border-focus:#4a72b5;--nav-icon-border:#2d3f5c;--nav-icon-bg:#182338;--warn-border:#7a5a28;--warn-bg:#2a2114;--btn-primary-fg:#fff;--btn-primary-bg:linear-gradient(135deg, #3b82f6, #2563eb);--btn-primary-shadow:0 8px 20px #2563eb59;--shadow:0 18px 46px #00000073;--shadow-soft:0 8px 30px #00000059;--shadow-card:0 5px 18px #0000004d;--shadow-drawer:0 20px 48px #00000080;--hero-glow:#3b82f61f;--canvas-bg:#10192c;--canvas-dot:#94a8d138;--scrollbar:#3a4b66;--panel-muted:#16213a;--panel-selected-bg:#1d2f4d}@media (height<=1000px) and (width>=1100px){:root{--app-header-height:64px}}@media (width<=1099px){:root{--app-header-height:64px}}@media (width<=760px){:root{--app-header-height:48px}}.ui-chip{border:1px solid var(--line);min-height:34px;color:var(--text-strong);background:var(--panel);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;padding:0 13px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.ui-chip:hover{border-color:var(--border-focus)}.ui-chip.active{color:var(--panel);background:var(--text-strong);border-color:#0000}.ui-chip-count{color:inherit;font:inherit}.ui-chip-count:before{content:" · "}.ui-toggle-chip{border:1px solid var(--line);min-height:34px;color:var(--text-strong);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.ui-toggle-chip.active{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--blue) 9%, var(--panel))}.ui-toggle-chip input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-toggle-chip i{font-size:11px;font-style:normal;font-weight:800}.ui-toggle-chip:focus-within{outline:2px solid color-mix(in srgb, var(--blue) 40%, transparent);outline-offset:1px}.ui-seg{background:color-mix(in srgb, var(--text-secondary) 9%, var(--panel));border-radius:10px;flex:none;gap:2px;padding:3px;display:inline-flex}.ui-seg>button{min-height:30px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700}.ui-seg>button.active{color:var(--text-strong);background:var(--panel);box-shadow:var(--shadow-card)}@media (width<=760px){.ui-chip,.ui-toggle-chip{min-height:38px}.ui-seg{display:flex}.ui-seg>button{flex:1 1 0;min-height:34px;padding:0 8px}}.cm-backdrop{z-index:130;background:color-mix(in srgb, var(--ink) 28%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cm-modal{border:1px solid var(--line);background:var(--panel);width:min(480px,100vw - 40px);max-height:min(720px,100dvh - 40px);box-shadow:var(--shadow-drawer,0 28px 80px #0f203947);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.cm-modal--sm{width:min(400px,100vw - 40px)}.cm-modal--md{width:min(720px,100vw - 40px)}.cm-modal--lg{width:min(920px,100vw - 40px)}.cm-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 16px;display:flex}.cm-head-copy{min-width:0}.cm-title{color:var(--text-strong,var(--text));margin:0;font-size:20px;font-weight:800;line-height:1.25}.cm-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:600}.cm-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;font-size:22px;line-height:1}.cm-close:hover{color:var(--text);background:var(--surface-hover)}.cm-body{align-content:start;gap:18px;min-height:0;padding:20px 24px;display:grid;overflow:auto}.cm-field{gap:8px;display:grid}.cm-label{color:var(--text-secondary,var(--text));font-size:13px;font-weight:700}.cm-hint{color:var(--muted);margin:0;font-size:12px;font-weight:600}.cm-seg{background:color-mix(in srgb, var(--text-secondary) 9%, var(--panel));border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:2px;padding:3px;display:grid}.cm-seg--3{grid-template-columns:repeat(3,1fr)}.cm-seg--4{grid-template-columns:repeat(4,1fr)}.cm-seg-btn{min-width:0;min-height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.cm-seg-btn.active{color:var(--text-strong);background:var(--panel);box-shadow:var(--shadow-card)}.cm-body input[type=text],.cm-body input[type=number],.cm-body input[type=search]{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:var(--panel);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700}.cm-body input:focus{border-color:var(--blue);outline:2px solid color-mix(in srgb, var(--blue) 18%, transparent)}.cm-number-input{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;min-height:44px;display:grid;overflow:hidden}.cm-number-input:focus-within{border-color:var(--blue);outline:2px solid color-mix(in srgb, var(--blue) 18%, transparent)}.cm-number-input.is-disabled{opacity:.65}.cm-number-input-btn{color:var(--text-strong);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:20px;font-weight:500;line-height:1;display:grid}.cm-number-input-btn:hover:not(:disabled){color:var(--blue);background:var(--surface-hover)}.cm-number-input-btn:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.cm-number-input-value{cursor:text;justify-content:center;align-items:baseline;gap:5px;min-width:0;padding:0 4px;display:flex}.cm-number-input input.cm-number-input-field{width:auto;min-width:1ch;max-width:100%;min-height:42px;color:var(--text-strong);text-align:center;appearance:textfield;background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:15px;font-weight:750}.cm-number-input input.cm-number-input-field:focus{border:0;outline:0}.cm-number-input:not(.has-unit) input.cm-number-input-field{flex:auto;width:100%}.cm-number-input-field::-webkit-outer-spin-button{appearance:none;margin:0}.cm-number-input-field::-webkit-inner-spin-button{appearance:none;margin:0}.cm-number-input-unit{color:var(--muted);pointer-events:none;flex:none;font-size:13px;font-weight:600}.cm-checkbox{color:var(--text-secondary,var(--text));cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.cm-checkbox input{width:16px;height:16px;accent-color:var(--blue);margin:0}.cm-checkbox:has(small){align-items:flex-start}.cm-checkbox:has(small) input{margin-top:2px}.cm-checkbox strong{color:var(--text-strong,var(--text));font-size:14px;font-weight:700;display:block}.cm-checkbox small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.cm-pick-card{border:1px solid var(--line-strong,var(--line));width:100%;min-height:76px;color:var(--text);background:var(--panel);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.cm-pick-card:hover{border-color:color-mix(in srgb, var(--blue) 42%, var(--line));background:var(--surface-hover)}.cm-pick-card.active{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, var(--panel))}.cm-pick-card:focus-visible{outline:2px solid color-mix(in srgb, var(--blue) 40%, transparent);outline-offset:1px}.cm-pick-thumb{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;width:56px;height:56px}.cm-pick-copy{gap:3px;min-width:0;display:grid}.cm-pick-copy strong{color:var(--text-strong,var(--text));text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.cm-pick-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.cm-pick-clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:18px;line-height:1}.cm-pick-clear:hover{color:var(--text);background:var(--surface-hover)}.cm-actions{border-top:1px solid var(--line);background:var(--panel-muted,var(--panel));justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 20px;display:flex}.cm-actions--end{justify-content:flex-end}.cm-reset{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.cm-reset:hover{color:var(--text)}.cm-actions-end,.cm-actions-start{align-items:center;gap:10px;display:flex}.danger-btn{border:1px solid color-mix(in srgb, var(--danger,#dc2626) 35%, var(--line));min-height:38px;color:var(--danger,#dc2626);cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:700}.danger-btn:hover{background:color-mix(in srgb, var(--danger,#dc2626) 8%, transparent)}.cm-error{border:1px solid color-mix(in srgb, var(--danger,#dc2626) 35%, var(--line));color:var(--danger,#dc2626);background:color-mix(in srgb, var(--danger,#dc2626) 6%, var(--panel));border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:600}.cm-warn{border:1px solid color-mix(in srgb, var(--amber,#d97706) 35%, var(--line));color:var(--amber-text,var(--text));background:color-mix(in srgb, var(--amber,#d97706) 8%, var(--panel));border-radius:10px;margin:0;padding:10px 12px;font-size:12px;font-weight:600}@media (width<=760px){.cm-backdrop,.catalog-pick-backdrop,.material-pick-backdrop{padding:0 0 var(--keyboard-inset,0px)!important;place-items:end stretch!important}.cm-modal,.catalog-pick-modal,.material-pick-modal{position:relative;width:100%!important;max-width:none!important;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - var(--keyboard-inset,0px))!important;border-width:0!important;border-radius:20px 20px 0 0!important}.cm-modal:before,.catalog-pick-modal:before,.material-pick-modal:before{content:"";z-index:1;background:color-mix(in srgb, var(--text-secondary) 22%, var(--panel));pointer-events:none;border-radius:999px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.cm-head,.catalog-pick-head,.material-pick-head{border-bottom:0!important;align-items:center!important;padding:24px 16px 12px!important}.cm-title,.catalog-pick-head h2,.material-pick-head h2{font-size:19px!important;line-height:1.2!important}.cm-subtitle,.catalog-pick-subtitle,.material-pick-subtitle{margin-top:3px!important;font-size:13px!important;font-weight:500!important}.cm-close,.catalog-pick-close,.material-pick-close{width:40px!important;height:40px!important;color:var(--text-strong)!important;background:color-mix(in srgb, var(--text-secondary) 9%, var(--panel))!important;border-radius:12px!important}.cm-body,.edging-edit-body,.edging-edit-body--split,.catalog-pick-body,.material-pick-body{-webkit-overflow-scrolling:touch;padding:4px 16px 16px!important}.edging-edit-body,.edging-edit-body--split{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.catalog-pick-toolbar,.material-pick-toolbar{padding-inline:16px!important}.cm-actions,.catalog-pick-actions,.material-pick-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;background:var(--panel)!important;flex-wrap:wrap!important;gap:8px 12px!important}.cm-actions-end,.catalog-pick-actions-end,.material-pick-actions-end{flex:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px!important;display:grid!important}.cm-actions-end>button,.catalog-pick-actions-end>button,.material-pick-actions-end>button{border-radius:12px;min-height:48px;padding-inline:10px;font-size:15px}.cm-actions>.primary-btn,.cm-actions>.ghost-btn{border-radius:12px;flex:1 1 0;min-height:48px;font-size:15px}.cm-reset,.catalog-pick-reset,.material-pick-reset{color:var(--blue)!important;font-size:14px!important}.cm-actions .danger-btn{border:0;min-height:32px;padding:0}.cm-number-input{grid-template-columns:48px minmax(0,1fr) 48px;min-height:48px}.cm-number-input input.cm-number-input-field{min-height:46px;font-size:16px}.cm-seg-btn{min-height:42px}}.catalog-pick-backdrop{z-index:140;background:color-mix(in srgb, var(--ink) 28%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.catalog-pick-modal{border:1px solid var(--line);background:var(--panel);width:min(960px,100vw - 40px);max-height:min(780px,100dvh - 40px);box-shadow:var(--shadow-drawer,0 28px 80px #0f203947);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.catalog-pick-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 8px;display:flex}.catalog-pick-head-copy{min-width:0}.catalog-pick-head h2{color:var(--text-strong,var(--text));margin:0;font-size:20px;font-weight:800;line-height:1.25}.catalog-pick-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:600}.catalog-pick-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;font-size:22px;line-height:1}.catalog-pick-close:hover{color:var(--text);background:var(--surface-hover)}.catalog-pick-toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:8px 24px 14px;display:flex}.catalog-pick-search{flex:220px;min-width:0;position:relative}.catalog-pick-search-icon{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.catalog-pick-search input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:var(--panel);border-radius:10px;padding:9px 12px 9px 36px;font-weight:600}.catalog-pick-search input::placeholder{color:var(--muted);font-weight:600}.catalog-pick-search input:focus{border-color:var(--blue);outline:2px solid color-mix(in srgb, var(--blue) 18%, transparent)}.catalog-pick-view-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.catalog-pick-view-btn{border:1px solid var(--line);min-height:36px;color:var(--text-secondary);background:var(--panel);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.catalog-pick-view-btn svg{width:16px;height:16px}.catalog-pick-view-btn.active,.catalog-pick-col-btn.active{border-color:var(--blue);color:#fff;background:var(--blue)}.catalog-pick-cols{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.catalog-pick-col-btn{border:0;border-right:1px solid var(--line);min-width:34px;min-height:34px;color:var(--text-secondary);background:var(--panel);cursor:pointer;padding:0 8px;font-size:13px;font-weight:800}.catalog-pick-col-btn:last-child{border-right:0}.catalog-pick-range{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.catalog-pick-body{min-height:0;padding:0 24px 8px;overflow:auto}.catalog-pick-status{color:var(--muted);text-align:center;margin:28px 0;font-size:13px;font-weight:600}.catalog-pick-grid{grid-template-columns:repeat(var(--catalog-pick-cols,3), minmax(0, 1fr));gap:12px;padding-bottom:8px;display:grid}.catalog-pick-grid.is-list{grid-template-columns:1fr}.catalog-pick-card{border:1px solid var(--line-strong,var(--line));width:100%;min-height:96px;color:var(--text);background:var(--panel);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid;position:relative}.catalog-pick-grid.is-list .catalog-pick-card{grid-template-columns:88px minmax(0,1fr);min-height:104px}.catalog-pick-card:hover{border-color:color-mix(in srgb, var(--blue) 42%, var(--line));background:var(--surface-hover)}.catalog-pick-card.active{border-color:var(--blue);background:var(--panel-selected-bg,var(--surface-hover));box-shadow:0 0 0 1px color-mix(in srgb, var(--blue) 35%, transparent)}.catalog-pick-check{color:#fff;background:var(--blue);opacity:0;pointer-events:none;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.catalog-pick-card.active .catalog-pick-check{opacity:1}.catalog-pick-check svg{width:12px;height:12px}.catalog-pick-thumb{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;width:72px;height:72px}.catalog-pick-grid.is-list .catalog-pick-thumb{width:88px;height:88px}.catalog-pick-copy{gap:4px;min-width:0;padding-right:18px;display:grid}.catalog-pick-copy strong{color:var(--text-strong,var(--text));text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.catalog-pick-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.catalog-pick-copy em{color:var(--blue);margin-top:2px;font-size:13px;font-style:normal;font-weight:800}.catalog-pick-actions{border-top:1px solid var(--line);background:var(--panel-muted,var(--panel));justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 20px;display:flex}.catalog-pick-reset{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.catalog-pick-reset:hover{color:var(--text)}.catalog-pick-actions-end{align-items:center;gap:10px;display:flex}@media (width<=820px){.catalog-pick-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.catalog-pick-modal{width:min(100vw - 24px,960px)}.catalog-pick-grid:not(.is-list){grid-template-columns:1fr}.catalog-pick-view-btn span{display:none}}.design-summary-bar,.plan-summary-bar,.kit-summary-bar{border:1px solid var(--line-strong);background:var(--panel);min-height:68px;box-shadow:var(--shadow-soft);border-radius:12px;grid-template-columns:minmax(260px,1fr) 330px;align-items:center;gap:16px;padding:7px 8px 7px 18px;display:grid}.design-summary-bar.has-notes{grid-template-columns:auto minmax(0,1fr) 330px}.design-summary-notes{min-width:0;color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.kit-summary-bar{justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.design-context-summary,.plan-context-summary{min-width:0;color:var(--text-secondary);align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.design-context-summary strong,.plan-context-summary strong{color:var(--ink);font-size:13px;font-weight:850}.design-context-summary>i,.plan-context-summary>i{background:var(--muted);border-radius:50%;width:4px;height:4px}.design-context-icon,.plan-context-icon{width:38px;height:38px;color:var(--text-secondary);place-items:center;display:grid}.design-context-icon svg,.plan-context-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:34px;height:34px}.design-next-button,.plan-next-button,.kit-next-button{height:52px;color:var(--btn-primary-fg);background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:24px;padding:0 22px;font-size:13px;font-weight:800;display:flex}.design-next-button,.plan-next-button{justify-self:end;width:330px}.kit-next-button{flex:0 0 330px}.design-next-button svg,.plan-next-button svg,.kit-next-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.kit-next-button svg{width:20px;height:20px}.ctor-canvas-dotted{background-color:var(--canvas-bg);background-image:radial-gradient(circle, var(--canvas-dot) .72px, transparent .9px);background-size:18px 18px}@media (width<=1099px){.design-summary-bar,.plan-summary-bar,.kit-summary-bar{min-height:0;padding:8px var(--ctor-gutter,10px);padding-bottom:max(8px, var(--safe-bottom));grid-template-columns:1fr;justify-items:stretch}.design-next-button,.plan-next-button,.kit-next-button{width:100%;min-height:var(--touch-min,44px);justify-self:stretch;height:auto}.kit-summary-bar{flex-wrap:wrap;gap:10px;display:flex}.kit-next-button{flex:100%}.design-context-summary,.plan-context-summary{flex-wrap:wrap;gap:6px 10px;font-size:11px}.design-summary-bar.has-leading-actions,.plan-summary-bar.has-leading-actions,.kit-summary-bar.has-leading-actions{justify-content:flex-start;align-items:center;gap:8px;justify-items:unset;min-height:0;padding:6px var(--ctor-gutter,10px);padding-bottom:max(6px, var(--safe-bottom));flex-wrap:nowrap;grid-template-columns:none;margin-bottom:0;display:flex}.design-summary-leading,.plan-summary-leading,.kit-summary-leading{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.design-summary-bar.has-leading-actions .design-next-button,.plan-summary-bar.has-leading-actions .plan-next-button,.kit-summary-bar.has-leading-actions .kit-next-button{justify-self:unset;width:auto;min-width:0;min-height:var(--touch-min,44px);flex:auto;height:auto}}@media (width<=760px){.design-context-icon,.plan-context-icon{width:28px;height:28px}.design-context-icon svg,.plan-context-icon svg{width:24px;height:24px}.design-summary-bar.has-leading-actions,.plan-summary-bar.has-leading-actions,.kit-summary-bar.has-leading-actions{padding:8px var(--ctor-gutter,8px);padding-bottom:max(8px, var(--safe-bottom));border:0;border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:0;gap:6px;margin:0;box-shadow:0 -8px 24px #0f172a0f}html[data-theme=dark] .design-summary-bar.has-leading-actions,html[data-theme=dark] .plan-summary-bar.has-leading-actions,html[data-theme=dark] .kit-summary-bar.has-leading-actions{background:color-mix(in srgb, var(--panel) 88%, transparent);box-shadow:0 -10px 28px #00000061}.design-summary-leading,.plan-summary-leading,.kit-summary-leading{flex:auto;gap:6px;min-width:0}.design-compact-btn,.plan-compact-btn,.kit-compact-btn,.design-shell .design-compact-btn,.plan-shell .plan-compact-btn,.kit-shell .kit-compact-btn{height:40px;min-height:40px;color:var(--text-secondary);background:var(--panel-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent);border:0;border-radius:12px;flex:0 auto;padding:0 10px;font-size:12px;font-weight:750}.design-compact-btn.active,.plan-compact-btn.active,.kit-compact-btn.active,.design-shell .design-compact-btn.active,.plan-shell .plan-compact-btn.active,.kit-shell .kit-compact-btn.active{color:var(--blue);background:var(--surface-active);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue) 28%, transparent)}.design-compact-count,.plan-compact-count{min-width:16px;height:16px;padding:0 4px;font-size:9px}.design-next-button,.plan-next-button,.kit-next-button{white-space:nowrap;width:auto;min-width:0;height:40px;min-height:40px;box-shadow:0 6px 16px color-mix(in srgb, var(--blue) 28%, transparent);border-radius:12px;flex:none;gap:0;padding:0 14px;font-size:13px;font-weight:800}.design-summary-bar.has-leading-actions .design-next-button,.plan-summary-bar.has-leading-actions .plan-next-button,.kit-summary-bar.has-leading-actions .kit-next-button{flex:none}.ctor-label-full{display:none!important}.ctor-label-short{display:inline!important}.ctor-next-icon{display:none!important}}.ctor-label-short{display:none}@media (width<=1099px) and (orientation:landscape) and (height<=560px){.design-summary-bar:not(.has-leading-actions),.plan-summary-bar:not(.has-leading-actions){min-height:0;padding:4px var(--ctor-gutter,10px);grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:8px}.kit-summary-bar:not(.has-leading-actions){min-height:0;padding:4px var(--ctor-gutter,10px);flex-wrap:nowrap;gap:8px}.design-summary-bar.has-leading-actions,.plan-summary-bar.has-leading-actions,.kit-summary-bar.has-leading-actions{padding:4px var(--ctor-gutter,10px);padding-bottom:max(4px, var(--safe-bottom));gap:6px}.design-next-button,.plan-next-button{justify-self:stretch;gap:8px;width:auto;min-width:0;height:36px;min-height:36px;padding:0 12px;font-size:12px}.kit-next-button{flex:0 240px;gap:8px;width:auto;min-width:160px;height:36px;min-height:36px;padding:0 12px;font-size:12px}.design-summary-bar.has-leading-actions .design-next-button,.plan-summary-bar.has-leading-actions .plan-next-button,.kit-summary-bar.has-leading-actions .kit-next-button{flex:auto;min-width:0}.design-context-summary,.plan-context-summary{flex-wrap:nowrap;gap:8px;font-size:11px}.design-context-icon,.plan-context-icon{width:28px;height:28px}.design-context-icon svg,.plan-context-icon svg{width:24px;height:24px}.kit-summary-item{gap:6px;min-width:0;padding:0 10px}.kit-summary-icon,.kit-summary-cost{flex:0 0 28px;width:28px;height:28px}.kit-summary-icon svg{width:22px;height:22px}.kit-summary-cost{font-size:14px}.kit-summary-item strong{font-size:12px}.kit-summary-item small{font-size:8px}}@media (width<=1099px) and (orientation:landscape) and (height<=430px){.design-context-summary,.plan-context-summary,.design-summary-row,.design-summary-metrics{display:none}.design-summary-bar,.plan-summary-bar{grid-template-columns:1fr;padding:3px 6px}.kit-summary-metrics{display:none}.kit-next-button{flex:auto;width:100%;min-width:0}.design-next-button,.plan-next-button,.kit-next-button{height:34px;min-height:34px}}@media (height<=1000px) and (width>=1100px){.design-next-button,.plan-next-button{width:270px;height:46px}}.order-detail,.ledger,.chart-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:12px}.order-detail{flex-direction:column;min-height:0;padding:14px;display:flex}.ledger h2,.chart-card h2{color:var(--ink);margin:0;font-size:16px;font-weight:800}.segmented{border:1px solid var(--line);background:var(--panel);border-radius:9px;display:flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);min-height:32px;color:var(--muted);background:0 0;padding:0 10px;font-size:12px;font-weight:700}.segmented button:last-child{border-right:0}.segmented button.active{color:var(--btn-primary-fg);background:var(--btn-primary-bg)}.badge{background:var(--surface-hover);min-height:20px;color:var(--blue);border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.badge.production{background:var(--warn-bg);color:var(--amber)}.badge.draft{background:var(--surface-hover);color:var(--blue)}.badge.approval{background:var(--danger-bg);color:var(--red)}.badge.ready,.badge.completed{color:var(--green);background:#e8f8f2}.kanban{grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;display:grid;overflow-x:auto}.phone{border:1px solid var(--line);color:#fff;width:220px;box-shadow:var(--shadow);background:#0b1b35;border-radius:22px;padding:14px}.phone button{color:#fff;background:#ffffff1f;border:0;border-radius:8px;width:100%;min-height:34px;margin-top:6px;font-size:12px;font-weight:700}.finance-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ledger,.chart-card{padding:14px}.salary-row,.leader-row,.payment-row{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.salary-row small,.payment-row small{color:var(--muted);font-size:11px}.bars{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;height:180px;margin-top:16px;display:grid}.bars span{height:100%;color:var(--muted);align-content:end;justify-items:center;font-size:11px;font-weight:700;display:grid}.bars span:before{content:"";width:100%;height:var(--h);background:linear-gradient(#4f8fff,#0862f7);border-radius:8px 8px 4px 4px;margin-bottom:8px}.dealer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dealer-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:8px;padding:14px;display:grid}.dealer-card strong{color:var(--ink);font-size:15px}.dealer-card span,.dealer-card small{color:var(--muted);font-size:12px}.directory-workspace{background:0 0;min-height:0}.directory-panel-head,.materials-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.directory-panel-head h3{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:750}.material-category-tabs{align-items:center;gap:4px;display:flex}.directory-panel{display:none}.directory-panel.active{gap:16px;min-height:0;display:grid}.directory-panel-head{margin-bottom:12px}.directory-panel-head span{color:var(--muted);font-size:13px}.directory-panel-head h3{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:750}.compact-btn{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.compact-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:16px;height:16px}.directory-table{-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--panel);border-radius:8px;display:grid;overflow:auto}.directory-row{border-bottom:1px solid var(--line);min-height:42px;color:var(--ink);grid-template-columns:1.1fr 1fr 1.2fr 1.5fr;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:grid}.directory-row:last-child{border-bottom:0}.directory-row.head{min-height:34px;color:var(--muted);background:var(--panel-2);text-transform:uppercase;font-size:12px;font-weight:700}.directory-row span{color:var(--muted)}.product-directory-table .directory-row{text-align:left;background:0 0;border-left:0;border-right:0;width:100%}.product-directory-table button.directory-row{color:inherit;font:inherit;cursor:pointer}.product-directory-table button.directory-row:hover{background:var(--surface-hover)}.status-dot{color:var(--ink);align-items:center;gap:7px;display:inline-flex}.status-dot:before{background:var(--green);content:"";border-radius:50%;width:7px;height:7px}.status-dot.inactive:before{background:var(--muted)}.materials-toolbar{flex-wrap:wrap;margin-bottom:8px}.material-category-tabs{border-bottom:1px solid var(--line);flex:auto;overflow-x:auto}.materials-actions{flex:none;align-items:center;gap:8px;display:flex}.directory-search input{border:1px solid var(--line);background:var(--panel);width:220px;min-height:38px;color:var(--ink);border-radius:7px;padding:0 12px;font-size:13px}.directory-search input:focus{border-color:var(--blue);outline:2px solid #0862f724}.material-card-grid{grid-template-columns:repeat(3,minmax(270px,1fr));gap:16px;display:grid}.catalog-error{color:var(--red);margin:0 0 12px;font-size:13px;font-weight:700}.catalog-loading{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}.material-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.material-card:hover{border-color:var(--border-focus);box-shadow:0 8px 20px #0862f714}.material-card-media{aspect-ratio:1.48;border-bottom:1px solid var(--line);background-color:var(--preview-color,#dbe7f5);position:relative;overflow:hidden}.material-card-media[data-category=fittings]:before,.material-card-media[data-category=extras]:before{content:"";position:absolute}.material-card-media[data-category=fittings]:before{background:#273b44b8;border:9px solid #ffffffeb;border-radius:50%;inset:22% 32%;box-shadow:0 0 0 7px #273b442e}.material-card-media[data-category=extras]:before{background:repeating-linear-gradient(90deg,#24343cb8 0 7px,#ffffffe0 7px 13px);border:7px solid #ffffffd9;border-radius:4px;inset:18% 15%}.material-card-media img{z-index:1;object-fit:contain;background:var(--panel);width:100%;height:100%;padding:6px;position:relative}.material-card-type{z-index:2;background:var(--panel-elevated);color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.material-card-actions{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.material-card-icon{background:var(--panel-elevated);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}.material-card-icon:hover{color:var(--blue);background:var(--surface-hover)}.material-card-body{gap:10px;padding:15px;display:grid}.material-card-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.material-card-title h3{color:var(--ink);margin:0;font-size:13px;font-weight:650}.material-card-title small{color:var(--muted);font-size:12px;font-weight:600}.product-tags{flex-wrap:wrap;gap:6px;display:flex}.product-tag{background:var(--surface-hover);min-height:22px;color:var(--blue);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.product-tag.ral-tag{background:var(--panel-2);color:var(--muted)}.material-prices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.material-prices div{gap:2px;display:grid}.material-prices span{color:var(--muted);font-size:12px;font-weight:700}.material-prices strong{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:700}.empty-directory-state{border:1px dashed var(--line-dashed);min-height:260px;color:var(--muted);background:var(--panel-elevated);border-radius:8px;grid-column:1/-1;place-items:center;font-size:14px;font-weight:600;display:grid}.modal-backdrop.material-modal-backdrop{z-index:120;background:color-mix(in srgb, var(--ink) 28%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.material-modal{border:1px solid var(--line);background:var(--panel);width:min(1060px,100vw - 40px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-drawer);border-radius:14px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.material-modal.product-modal{width:min(780px,100vw - 40px)}.material-modal.product-modal .material-modal-head{min-height:0;padding:14px 20px}.material-modal.product-modal .material-modal-head .overline{margin:0;line-height:1.2}.material-modal.product-modal .material-modal-head h2{margin:2px 0 0}.material-modal-head,.material-modal-actions{align-items:center;gap:10px;padding:16px 20px;display:flex}.material-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;min-height:74px}.material-modal-head h2{color:var(--text-strong,var(--ink));margin:2px 0 0;font-size:20px;font-weight:800;line-height:1.25}.modal-close-btn{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;font-size:22px;line-height:1}.modal-close-btn:hover{color:var(--text);background:var(--surface-hover)}.material-modal form{min-height:0;padding:16px 20px 0;overflow-y:auto}.form-grid{gap:12px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>label,.standalone-form-label{color:var(--text-secondary,var(--text));gap:8px;font-size:13px;font-weight:700;display:grid}.standalone-form-label{margin-top:14px}.product-base-fields{margin-top:16px}.material-modal input,.material-modal textarea,.material-modal select{border:1px solid var(--line);background:var(--panel);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700}.material-modal textarea{resize:vertical;min-height:76px}.material-modal input:focus,.material-modal textarea:focus,.material-modal select:focus{border-color:var(--blue);outline:2px solid color-mix(in srgb, var(--blue) 18%, transparent)}.products-fieldset{border:0;margin-top:16px;padding:0}.products-fieldset legend,.fitting-settings legend,.catalog-kind-settings legend,.characteristics-fieldset legend{color:var(--text-secondary,var(--text));margin-bottom:8px;font-size:13px;font-weight:700}.fitting-settings,.catalog-kind-settings,.characteristics-fieldset{border:0;margin-top:16px;padding:0}.product-checkboxes{flex-wrap:wrap;gap:7px;display:flex}.product-checkboxes label{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--panel-muted);border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.product-checkboxes input{width:16px;height:16px;accent-color:var(--blue)}.material-use-checkboxes{margin-top:6px}.material-form-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px;display:grid}.material-form-main,.material-media-editor{min-width:0}.material-form-main>label{color:var(--muted);gap:6px;margin-top:14px;font-size:12px;font-weight:800;display:grid}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.price-fields{margin:16px 0 12px}.material-size-fields,.material-color-fields{margin-top:12px}.material-size-fields{grid-template-columns:.8fr 1fr 1fr 1fr}.ral-field{grid-template-columns:44px minmax(0,1fr);gap:6px;margin-top:8px;display:grid}.ral-swatch{border:1px solid var(--line);background:#e8edef;border-radius:6px;min-height:40px}.ral-tag{border-color:var(--line);background:var(--panel-2);color:var(--muted);font-weight:800}.availability-tag.available{color:#16805f;background:#eff9f5;border-color:#b9dfd1}.availability-tag.order{border-color:var(--warn-border);background:var(--warn-bg);color:var(--amber)}.availability-tag.unavailable{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.catalog-kind-tag{border-color:var(--line);background:var(--panel-2);color:var(--muted);font-weight:800}.production-source-tag.manufactured,.production-source-tag.processed{color:#147759;background:#eef9f5;border-color:#b8ddd0;font-weight:800}.material-media-editor{border-left:1px solid var(--line);padding-left:20px}.material-editor-preview{aspect-ratio:1;border:1px solid var(--line);background:#e8edef;border-radius:7px;margin-bottom:14px}.characteristics-fieldset{border-top:1px solid var(--line);padding:18px 0 8px}.material-modal-actions{z-index:4;border-top:1px solid var(--line);background:var(--panel-muted,var(--panel));justify-content:flex-end;min-height:62px;margin:16px -20px 0;padding:10px 20px;position:sticky;bottom:0}.material-modal-actions .form-status{color:var(--red);margin-right:auto;font-size:12px;font-weight:700}.danger-btn{color:var(--red);margin-right:auto}.material-delete-confirm-backdrop{z-index:140}.material-delete-confirm{width:min(440px,100vw - 40px)}.material-delete-confirm-body{padding:18px 22px 8px}.material-delete-confirm-body p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600;line-height:1.45}.material-delete-confirm-body strong{color:var(--ink);font-weight:800}.material-delete-confirm .material-modal-actions{margin-top:8px}.danger-confirm-btn{color:var(--btn-primary-fg);background:linear-gradient(135deg,#e25555,#c93c3c);border:0;box-shadow:0 8px 18px #c93c3c38}.danger-confirm-btn:disabled{opacity:.65}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=980px){.finance-grid,.analytics-grid,.dealer-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(180px,1fr))}.material-card-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.material-form-layout,.two-columns,.three-columns,.material-size-fields{grid-template-columns:1fr}.material-media-editor{border-top:1px solid var(--line);border-left:0;padding:18px 0 0}.material-editor-preview{aspect-ratio:16/9}.materials-toolbar,.directory-panel-head{flex-direction:column;align-items:stretch}.materials-actions,.directory-search input{width:100%}.product-directory-table .directory-row,.directory-row{grid-template-columns:minmax(120px,1.1fr) minmax(100px,1fr) minmax(100px,1.2fr) minmax(100px,1.5fr);min-width:520px}.two-columns,.product-checkboxes{grid-template-columns:1fr}}@media (width<=640px){.kanban,.material-card-grid{grid-template-columns:1fr}}@media (width<=1099px){.product-directory-table .directory-row,.directory-row{min-width:0}.product-directory-table .directory-row{grid-template-columns:1fr auto}.product-directory-table .directory-row.head{display:none}}.integrations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.integration-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:10px;padding:14px;display:grid}.integration-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.integration-card header strong{font-size:13px;font-weight:650}.integration-card header span{color:var(--muted);font-size:12px;font-weight:700}.integration-card.is-connected header span{color:var(--green,var(--blue))}.integration-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.integration-card-actions,.whatsapp-inbox-attach{flex-wrap:wrap;gap:8px;display:flex}.integration-card button,.whatsapp-inbox button,.whatsapp-inbox-attach button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 12px;font-size:12px;font-weight:750}.integration-card button.primary,.whatsapp-inbox-attach button.primary{border-color:var(--blue);color:var(--btn-primary-fg);background:var(--btn-primary-bg)}.integration-card button:disabled{opacity:.55;cursor:not-allowed}.integration-card.is-soon{opacity:.78}.whatsapp-inbox{gap:12px;display:grid}.whatsapp-inbox-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.whatsapp-inbox-list li{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:start;gap:12px;padding:10px 12px;display:flex}.whatsapp-inbox-list strong{font-size:12px;display:block}.whatsapp-inbox-item-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.whatsapp-inbox-item-head strong{display:inline}.whatsapp-inbox-badge{border:1px solid color-mix(in srgb, var(--green) 45%, var(--line));color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--panel));letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.whatsapp-inbox-phone{color:var(--muted);margin:2px 0 0;font-size:12px}.whatsapp-inbox-list time{color:var(--muted);font-size:12px;display:block}.whatsapp-inbox-list p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.whatsapp-inbox-attach select{border:1px solid var(--line);background:var(--panel);min-width:220px;min-height:34px;color:var(--ink);border-radius:8px;padding:0 10px}.integration-qr-backdrop{background:color-mix(in srgb, var(--ink) 42%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.integration-qr-modal{border-color:color-mix(in srgb, var(--green) 22%, var(--line-soft));width:min(400px,100vw - 40px);max-width:400px;max-height:none;box-shadow:var(--shadow-drawer);grid-template-rows:none;gap:16px;padding:18px 18px 16px;display:grid;overflow:visible}.integration-qr-head{border:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex}.integration-qr-title-block{gap:8px;min-width:0;display:grid}.integration-qr-title-block h3{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:650;line-height:1.25}.integration-qr-steps{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:8px;margin:0;padding:12px;list-style:none;display:grid}.integration-qr-steps li{align-items:center;gap:10px;display:flex}.integration-qr-steps li span{background:color-mix(in srgb, var(--green) 14%, var(--panel));border:1px solid color-mix(in srgb, var(--green) 40%, var(--line));width:22px;height:22px;color:var(--green);border-radius:999px;flex:0 0 22px;place-items:center;font-size:12px;font-weight:700;display:grid}.integration-qr-steps li p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.35}.integration-qr-stage{border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));background:color-mix(in srgb, var(--green) 6%, var(--panel));box-shadow:var(--shadow-soft);border-radius:14px;place-items:center;padding:16px;display:grid}.integration-qr{aspect-ratio:1;border:1px solid var(--line);width:min(280px,72vw);height:auto;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;margin:0;padding:10px;display:block}.integration-qr-placeholder{aspect-ratio:1;border:1px dashed color-mix(in srgb, var(--green) 35%, var(--line));width:min(280px,72vw);color:var(--muted);background:#fff;border-radius:12px;place-items:center;font-size:13px;display:grid}.integration-qr-status{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.integration-qr-status i{background:var(--muted);border-radius:999px;width:8px;height:8px}.integration-qr-status.is-ready{color:var(--text-secondary)}.integration-qr-status.is-ready i{background:var(--green);animation:1.6s ease-in-out infinite integration-qr-pulse}.integration-qr-status.is-done{color:var(--green);font-weight:600}.integration-qr-status.is-done i{background:var(--green);animation:none}@keyframes integration-qr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media (width<=900px){.integrations-grid{grid-template-columns:1fr}}@media (width<=760px){.directory-panel.active{gap:10px}.directory-panel-head{gap:8px;margin-bottom:6px}}.material-modal form{background:var(--panel-muted,var(--panel))}.catalog-item-modal .material-form-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px}.catalog-item-modal .material-form-main{gap:12px;display:grid}.form-card,.material-form-main>fieldset{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:12px;min-width:0;margin:0;padding:14px 16px 16px;display:grid}.form-card-title,.material-form-main>fieldset>legend{color:var(--text-strong);margin:0;padding:0;font-size:14px;font-weight:800}.material-form-main>fieldset>legend{float:left;width:100%}.material-form-main>fieldset>legend+*{clear:both}.material-form-main .form-card>label,.material-form-main>fieldset>label{color:var(--text-secondary,var(--text));gap:8px;margin:0;font-size:13px;font-weight:700;display:grid}.catalog-item-modal .price-fields,.catalog-item-modal .material-size-fields,.catalog-item-modal .material-color-fields,.catalog-item-modal .material-use-checkboxes{margin:0}.catalog-item-modal .characteristics-fieldset{border:1px solid var(--line);padding:14px 16px 16px}.catalog-item-modal .material-media-editor{border:1px solid var(--line);padding:14px 16px 16px;position:sticky;top:0}.catalog-item-modal .material-editor-preview{aspect-ratio:4/3;border-radius:10px;margin:0}.media-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding-top:12px;display:flex}.media-row-copy{gap:2px;min-width:0;display:grid}.media-row-title{color:var(--text-strong);font-size:13px;font-weight:700}.media-row-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-row-actions{flex:none;align-items:center;gap:10px;display:flex}.media-pick-btn{cursor:pointer;align-items:center;min-height:34px;padding:0 12px;font-size:13px;display:inline-flex;position:relative;overflow:hidden}.material-modal .media-pick-btn input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.media-clear-btn{color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.catalog-item-modal .material-color-fields{align-items:start}.material-modal .product-checkboxes{gap:8px}.material-modal .product-checkboxes label{min-height:36px;color:var(--text-strong);background:var(--panel);cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px;font-weight:650}.material-modal .product-checkboxes label:has(input:checked){border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--blue) 9%, var(--panel))}.material-modal .product-checkboxes input{width:16px;height:16px;min-height:0;padding:0}@media (width<=760px){.catalog-item-modal .material-form-layout{grid-template-columns:1fr}.catalog-item-modal .material-media-editor{order:-1;position:static}.catalog-item-modal .material-editor-preview{aspect-ratio:auto;height:120px}.form-card,.material-form-main>fieldset{padding:12px 14px 14px}.catalog-item-modal .three-columns,.catalog-item-modal .material-size-fields{grid-template-columns:1fr 1fr}}.material-shift-hint{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;font-weight:600;line-height:1.45}.size-caption{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.proportion-lock{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;display:inline-flex}.proportion-lock svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.proportion-lock.active{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--blue) 10%, var(--panel))}@media (width>=761px){.has-proportion-lock{position:relative}.has-proportion-lock .proportion-lock{z-index:1;border-radius:50%;justify-content:center;width:26px;height:26px;padding:0;position:absolute;bottom:8px;left:-19px}.has-proportion-lock .proportion-lock svg{width:14px;height:14px}.has-proportion-lock .proportion-lock span{display:none}}.band-preview-btn{width:100%;margin-top:12px}.band-preview-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.band-preview-figure{gap:6px;min-width:0;display:grid}.band-preview-field{border:1px solid var(--line);background:var(--canvas-bg,var(--panel));-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;display:block}.band-preview-field.is-draggable{cursor:grab;touch-action:none}.band-preview-field.is-draggable:active{cursor:grabbing}.band-preview-field:focus-visible{border-color:var(--blue);outline:2px solid color-mix(in srgb, var(--blue) 18%, transparent)}.band-preview-film{fill:color-mix(in srgb, var(--blue) 14%, var(--panel))}.band-preview-field image{pointer-events:none}.band-preview-target{fill:none;stroke:#fff;pointer-events:none;paint-order:stroke;filter:drop-shadow(0 0 .6px #000000e6)}.band-preview-caption{fill:var(--text-strong);stroke:var(--panel);stroke-width:.4px;paint-order:stroke;pointer-events:none;font-weight:700}.band-preview-overhang{color:var(--text-strong);margin:4px 0 0;font-size:14px;font-weight:800}.band-preview-figure>.cm-hint{margin:0}.band-preview-controls{gap:10px;min-width:0;display:grid}.band-preview-sizes{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.proportion-lock.band-preview-lock{border-radius:50%;justify-content:center;width:30px;height:30px;margin-bottom:6px;padding:0}.proportion-lock.band-preview-lock svg{width:15px;height:15px}.band-preview-presets{flex-wrap:wrap;gap:8px;display:flex}.band-preview-nudge{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,44px);justify-content:start;align-items:stretch;gap:4px;display:grid}.band-preview-nudge .ghost-btn{place-items:center;min-height:0;padding:0;font-size:18px;display:grid}.band-nudge-up{grid-area:1/2}.band-nudge-left{grid-area:2/1}.band-nudge-step{color:var(--muted);grid-area:2/2;place-items:center;font-size:11px;font-weight:700;display:grid}.band-nudge-right{grid-area:2/3}.band-nudge-down{grid-area:3/2}.band-preview-exact summary{color:var(--blue);cursor:pointer;font-size:13px;font-weight:700}.band-preview-anchor-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;margin-top:8px;display:grid}@media (width<=760px){.band-preview-body{flex-direction:column;align-items:stretch;gap:10px;display:flex}.band-preview-figure,.band-preview-controls{display:contents}.band-preview-body>*>*{flex:none;order:5}.band-preview-body .band-preview-field{order:1}.band-preview-body .band-preview-size-title{order:2}.band-preview-body .band-preview-sizes{order:3}.band-preview-body .band-preview-overhang,.band-preview-body .band-preview-figure>.cm-hint{order:4}}.product-form-main{gap:12px;display:grid}.product-form-main .standalone-form-label,.product-form-main .product-base-fields{margin-top:0}body.directory-focus,body.directory-focus .app-shell{background:var(--bg)}body.directory-focus .app-shell,body.sidebar-collapsed.directory-focus .app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100svh}body.directory-focus .topbar{grid-column:1;align-items:center;display:flex}body.directory-focus .mobile-menu{place-items:center;display:grid}body.directory-focus .mobile-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}body.directory-focus .topbar-actions{display:none}body.directory-focus .content{background:0 0;grid-column:1;min-width:0;min-height:0;overflow:hidden}body.directory-focus .view[data-view-panel=settings].active,body.directory-focus .directory-workspace{width:100%;height:100%;min-height:0}body.directory-focus .directory-workspace{background:var(--panel);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft);border-radius:14px;grid-template-rows:48px minmax(0,1fr);display:grid;overflow:hidden}.directory-section-nav{border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;-webkit-overflow-scrolling:touch;align-items:stretch;gap:0;min-width:0;height:100%;min-height:48px;padding:0 24px;display:flex;overflow:auto hidden}.directory-section-nav::-webkit-scrollbar{height:4px}.directory-section-nav::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.directory-section-nav>strong{min-width:100px;color:var(--muted);white-space:nowrap;flex:none;align-self:stretch;align-items:center;margin-right:10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.directory-section-nav button{min-width:112px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:flex;position:relative}.directory-section-nav button:hover{color:var(--blue-hover);background:var(--surface-hover)}.directory-section-nav button.active{border-bottom-color:var(--blue);color:var(--blue-hover);background:linear-gradient(180deg, var(--surface-hover), var(--surface-active))}.directory-section-nav button:focus{outline:none}.directory-section-nav button:focus-visible{box-shadow:inset 0 0 0 2px #0969ff33}.directory-section-nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.directory-page-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg, var(--panel-muted), var(--panel-2));scrollbar-color:var(--scrollbar) transparent;scrollbar-width:thin;min-width:0;min-height:0;padding:12px 24px 24px;overflow:auto}body.directory-focus .directory-panel{padding-top:0}.materials-page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:0 0 12px;display:flex}.materials-page-head-copy{min-width:0}.materials-page-head h2{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 4px;font-size:18px;font-weight:750}.materials-page-head p{color:var(--muted);margin:0;font-size:13px;font-weight:500}body.directory-focus .directory-panel.active:has(.materials-page-head){gap:0}body.directory-focus .materials-toolbar{grid-template-columns:minmax(540px,1fr) auto;align-items:end;gap:16px;margin:0;padding:8px 0 12px;display:grid}body.directory-focus .material-category-tabs{scrollbar-width:none;border:0;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}body.directory-focus .materials-actions{align-items:center;gap:10px;display:flex}body.directory-focus .directory-search{display:block;position:relative}body.directory-focus .directory-search input{border:1px solid var(--line);width:260px;min-height:36px;color:var(--text-secondary);background:var(--panel);border-radius:8px;padding:0 40px 0 12px;font-size:13px}body.directory-focus .directory-search svg{fill:none;width:18px;height:18px;stroke:var(--text-secondary);stroke-width:1.8px;stroke-linecap:round;position:absolute;top:9px;right:12px}.materials-filter-toggle,.material-density{border:1px solid var(--line);background:var(--panel);border-radius:8px;height:36px}.materials-filter-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.materials-filter-toggle.active{border-color:var(--border-active);color:var(--blue-hover)}.materials-filter-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:21px;height:21px}.material-density{align-items:center;padding:4px;display:flex}.material-density>svg{fill:none;width:21px;height:21px;stroke:var(--text-secondary);stroke-width:1.6px;margin:0 10px 0 7px}.material-density button{width:40px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:800}.material-density button.active{color:var(--blue-hover);background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--border-active)}body.directory-focus .materials-add-button{background:var(--btn-primary-bg);min-width:0;min-height:36px;box-shadow:var(--btn-primary-shadow);white-space:nowrap;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-size:13px;font-weight:750;display:flex}.materials-add-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:16px;height:16px}.materials-catalog-layout{grid-template-columns:0 minmax(0,1fr);gap:0;min-width:0;min-height:0;transition:grid-template-columns .18s,gap .18s;display:grid}.materials-filter-panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow-soft);border-radius:11px;align-content:start;padding:18px;display:grid;overflow:hidden}.materials-catalog-layout:not(.filters-open) .materials-filter-panel{visibility:hidden;border:0;padding-inline:0}.materials-filter-panel>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.materials-filter-panel>header strong{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.materials-filter-panel>header button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.materials-filter-panel fieldset{border:0;border-bottom:1px solid var(--line);gap:11px;margin:0;padding:16px 0;display:grid}.materials-filter-panel fieldset:last-child{border-bottom:0}.materials-filter-panel legend{color:var(--text-secondary);margin-bottom:4px;padding:0;font-size:12px;font-weight:700}.materials-filter-panel label{color:var(--text-secondary);cursor:pointer;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:10px;font-size:12px;display:grid}.materials-filter-panel input{opacity:0;width:1px;height:1px;position:absolute}.materials-filter-panel label i{border:1px solid var(--line-strong);background:var(--panel);border-radius:3px;width:17px;height:17px;position:relative}.materials-filter-panel input:checked+i{border-color:var(--blue);background:var(--blue)}.materials-filter-panel input:checked+i:after{content:"";border-right:2px solid var(--btn-primary-fg);border-bottom:2px solid var(--btn-primary-fg);width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.materials-filter-panel label b{border:1px solid var(--line);min-width:22px;height:20px;color:var(--muted);background:var(--panel-2);border-radius:6px;place-items:center;font-size:12px;display:grid}body.directory-focus .material-card-grid{align-content:start;gap:20px;min-width:0;display:grid}body.directory-focus .material-card-grid.density-3{grid-template-columns:repeat(2,minmax(300px,1fr))}body.directory-focus .material-card-grid.density-4{grid-template-columns:repeat(3,minmax(260px,1fr))}body.directory-focus .material-card-grid.density-5{grid-template-columns:repeat(4,minmax(220px,1fr))}body.directory-focus .material-card{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:500px;box-shadow:var(--shadow-card);border-radius:11px;grid-template-rows:255px minmax(0,1fr) 42px;display:grid;overflow:hidden}body.directory-focus .material-card:hover{border-color:var(--border-active);box-shadow:0 12px 30px #12469114}body.directory-focus .material-card-media{aspect-ratio:auto;border-bottom:1px solid var(--line);background-color:var(--preview-color,var(--panel-2));background-image:none}body.directory-focus .material-card-media.has-product-art:before{display:none}body.directory-focus .material-card-type{border:1px solid var(--line-soft);color:var(--text-secondary);background:var(--panel-elevated);border-radius:7px;padding:5px 10px;font-size:12px;top:10px;left:10px}body.directory-focus .material-card-actions{gap:7px;top:10px;right:10px}body.directory-focus .material-card-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--text-secondary);background:var(--panel-elevated);border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}body.directory-focus .material-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}body.directory-focus .material-card-body{padding:14px 15px 12px}body.directory-focus .material-card-title{min-height:32px}body.directory-focus .material-card-title h3{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.25;overflow:hidden}body.directory-focus .material-card-title small{color:var(--muted);font-size:12px}body.directory-focus .product-tags{min-height:24px;margin:6px 0 8px}body.directory-focus .product-tag{border-color:var(--line);color:var(--text-secondary);background:var(--panel-2);border-radius:7px;padding:4px 8px;font-size:12px;font-weight:650}body.directory-focus .material-prices{border-top:1px solid var(--line);gap:0;padding-top:10px}body.directory-focus .material-prices>div{border-right:1px solid var(--line);padding:0 12px}body.directory-focus .material-prices>div:first-child{padding-left:0}body.directory-focus .material-prices>div:last-child{border-right:0;padding-right:0}body.directory-focus .material-prices span{color:var(--muted);font-size:12px}body.directory-focus .material-prices strong{color:var(--text-strong);font-size:12px;font-weight:700}.material-card-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:0 15px;font-size:12px;display:flex}.material-card-footer button{color:var(--text-strong);letter-spacing:2px;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}@media (width<=1650px){.directory-section-nav{padding-inline:22px}.directory-section-nav button{min-width:132px;padding-inline:14px}.directory-page-body{padding-inline:24px}body.directory-focus .materials-toolbar{grid-template-columns:minmax(460px,1fr) auto;gap:14px}body.directory-focus .material-category-tabs{gap:9px}body.directory-focus .materials-actions{gap:8px}body.directory-focus .directory-search input{width:220px}.materials-catalog-layout.filters-open{grid-template-columns:260px minmax(0,1fr);gap:14px}body.directory-focus .material-card-grid.density-4{grid-template-columns:repeat(2,minmax(270px,1fr))}body.directory-focus .material-card-grid.density-5{grid-template-columns:repeat(3,minmax(235px,1fr))}}@media (width<=1180px){.directory-section-nav{padding-inline:16px}.directory-section-nav>strong{min-width:0;margin-right:8px}.directory-section-nav button{gap:6px;min-width:104px;padding-inline:10px;font-size:12px}body.directory-focus .materials-toolbar{grid-template-columns:1fr;align-items:stretch}body.directory-focus .materials-actions{justify-content:flex-end}body.directory-focus .material-card-grid.density-4,body.directory-focus .material-card-grid.density-5{grid-template-columns:repeat(2,minmax(250px,1fr))}}html body .material-modal-backdrop{padding:8px}body.constructor-focus .constructor-title{gap:12px}@media (width>=1100px){body.constructor-focus .constructor-title{min-width:430px}body.constructor-focus .constructor-stage-navigation{grid-template-columns:minmax(190px,232px) minmax(470px,610px);gap:14px}}@media (width<=1099px){body.constructor-focus .constructor-title{justify-content:flex-start;min-width:0}body.constructor-focus .constructor-stage-navigation{flex-direction:row;grid-template-columns:none;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}body.constructor-focus .constructor-product-field{flex:0 150px;width:auto;min-width:108px;max-width:min(42%,180px)}body.constructor-focus .constructor-product-field>span{display:none}body.constructor-focus .constructor-product-select{height:40px;padding:0 30px 0 12px;font-size:12px;line-height:40px}body.constructor-focus .stage-label-full,body.constructor-focus .stage-label-short{display:none!important}body.constructor-focus .stage-tabs button .stage-icon{width:18px;height:18px;display:block}body.constructor-focus .stage-tabs{flex-flow:row;flex:auto;width:auto;min-width:0;height:40px;display:flex;overflow:hidden}body.constructor-focus .stage-tabs button{flex:1 1 0;min-width:0;min-height:40px;padding:0;font-size:12px}body.constructor-focus .constructor-menu-btn{width:44px;height:44px}body.constructor-focus .constructor-brand{min-width:0;font-size:18px}body.constructor-focus .constructor-brand>svg{flex-basis:28px;width:28px;height:26px}}@media (width<=1099px) and (orientation:landscape) and (height<=560px){body.constructor-focus .constructor-product-field{flex:0 120px;min-width:88px;max-width:140px}body.constructor-focus .constructor-product-select{height:36px;padding:0 28px 0 10px;font-size:12px;line-height:36px}body.constructor-focus .stage-tabs{height:36px}body.constructor-focus .stage-tabs button{min-height:36px}body.constructor-focus .stage-tabs button .stage-icon{width:17px;height:17px}}@media (width<=900px){body.constructor-focus .design-summary-bar{grid-template-columns:minmax(0,1fr)}body.constructor-focus .design-next-button,body.constructor-focus #goToKitBtn{width:100%;max-width:100%}body.constructor-focus .canvas-controls{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 16px)}}@media (width<=760px){body.constructor-focus .constructor-title{justify-content:flex-start;gap:8px;min-width:0}body.constructor-focus .order-chip{display:none}body.constructor-focus .constructor-brand{font-size:16px}body.constructor-focus .constructor-brand>svg{flex-basis:26px;width:26px;height:24px}body.constructor-focus .constructor-menu-btn{width:42px;height:42px}body.constructor-focus .constructor-product-field{flex-basis:132px;min-width:96px;max-width:min(38%,160px)}body.constructor-focus .stage-tabs{height:40px}body.constructor-focus .stage-tabs button{flex:1 1 0;min-width:0;min-height:40px;padding:0}body.constructor-focus .stage-tabs button .stage-icon{width:20px;height:20px}}body.constructor-focus .constructor-menu-btn{border-radius:10px;width:46px;height:46px}.constructor-brand{min-width:184px;color:var(--text-strong);letter-spacing:-.045em;white-space:nowrap;align-items:center;gap:6px;font-size:24px;font-weight:900;line-height:1;display:flex}.constructor-brand sup{letter-spacing:0;margin-left:2px;font-size:8px;position:relative;top:-9px}body.constructor-focus .order-chip{text-transform:uppercase;font-size:13px}@media (width>=1100px){body.constructor-focus .constructor-product-select,body.constructor-focus .stage-tabs{height:50px}body.constructor-focus .stage-tabs button{min-height:48px;font-size:11px}}body.constructor-focus #saveProjectBtn{height:46px}body.constructor-focus .design-workspace,body.constructor-focus .design-workspace{grid-template-columns:304px minmax(560px,1fr) 350px;gap:8px}body.constructor-focus .design-action-rail,body.constructor-focus .window-list-panel,body.constructor-focus .kit-preset-rail,body.constructor-focus .plan-window-library,body.constructor-focus .installation-plan,body.constructor-focus .plan-settings{border-color:var(--line-strong);box-shadow:var(--shadow-soft);border-radius:12px}body.constructor-focus .design-canvas{border-color:var(--line-strong);border-radius:12px}body.constructor-focus .design-action-rail{gap:1px;padding:14px 12px}.design-rail-title{color:var(--ink);margin:0 8px 10px;font-size:13px;font-weight:850}body.constructor-focus .tool-section-label{margin-top:5px}body.constructor-focus .design-action-rail button{grid-template-columns:26px minmax(0,1fr) 16px;min-height:31px;padding:2px 8px}body.constructor-focus .design-action-rail button:after{content:"";opacity:.8;background-image:radial-gradient(circle, var(--text-secondary) 1.4px, transparent 1.7px);background-position:0 0;background-size:6px 6px;grid-column:3;width:12px;height:20px}:is(body.constructor-focus .design-action-rail:not(:has(button.active)) button[data-design-tool=shape],body.constructor-focus .design-action-rail button.active){color:var(--blue);background:var(--surface-hover)}body.constructor-focus .design-action-rail:not(:has(button.active)) button[data-design-tool=shape]:before{background:var(--blue)}body.constructor-focus .design-canvas{background-color:var(--canvas-bg);background-image:radial-gradient(circle, var(--canvas-dot) .72px, transparent .9px);background-position:0 0;background-size:18px 18px}body.constructor-focus .design-canvas:before{content:"";z-index:1;pointer-events:none;background:0 0;border-bottom:0;height:50px;position:absolute;top:0;left:0;right:0}body.constructor-focus .window-badge,body.constructor-focus .canvas-controls{z-index:6;top:8px}body.constructor-focus .window-badge{left:20px}body.constructor-focus .canvas-controls{right:14px}body.constructor-focus .window-list-panel{padding:14px 12px}body.constructor-focus .design-shell{grid-template-rows:minmax(0,1fr) 68px;gap:8px}body.constructor-focus .constructor-save-group{align-items:center;gap:14px;display:flex}.directory-page-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg, var(--panel-muted) 0%, var(--panel-2) 100%);min-width:0;min-height:0;padding:12px 28px 28px;display:block;overflow:auto}.directory-workspace{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}body.directory-focus .directory-panel.active{align-content:start;gap:16px;width:100%;min-width:0;min-height:0;display:grid}.directory-table{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}.product-directory-table{min-width:0;max-width:100%}.product-directory-table .directory-row{min-width:560px}@media (width<=1099px){body.directory-focus .directory-workspace{grid-template-rows:44px minmax(0,1fr)}.directory-section-nav{min-height:44px;padding-inline:12px}.directory-section-nav>strong{display:none}.directory-section-nav button{gap:6px;min-width:96px;padding-inline:10px;font-size:12px;font-weight:700}.directory-section-nav svg{width:16px;height:16px}.directory-page-body{padding:10px 12px 20px}.materials-page-head h2{font-size:17px;font-weight:750}.materials-page-head p{font-size:12px}.materials-page-head{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:6px}.materials-page-head .materials-add-button{justify-content:center;align-self:stretch;width:100%}body.directory-focus .materials-toolbar{padding:4px 0 8px}.product-directory-table .directory-row{grid-template-columns:1fr auto;grid-template-areas:"title status""forms forms""calc calc";align-items:start;gap:4px 10px;width:100%;min-width:0;min-height:0;padding:10px 12px}.product-directory-table .directory-row.head{display:none}.product-directory-table .directory-row>strong{grid-area:title;font-size:13px;font-weight:650}.product-directory-table .directory-row>span:nth-child(2){grid-area:forms;font-size:12px}.product-directory-table .directory-row>span:nth-child(3){grid-area:calc;font-size:12px}.product-directory-table .directory-row>.status-dot,.product-directory-table .directory-row>span:nth-child(4){grid-area:status;justify-self:end;font-size:12px}body.directory-focus .materials-catalog-layout.filters-open,body.directory-focus .material-card-grid,body.directory-focus .material-card-grid.density-3,body.directory-focus .material-card-grid.density-4,body.directory-focus .material-card-grid.density-5{grid-template-columns:1fr;gap:12px}body.directory-focus .material-card{grid-template-rows:140px minmax(0,1fr) auto;min-height:0}body.directory-focus .material-card-media{min-height:140px}body.directory-focus .materials-actions{flex-wrap:wrap}body.directory-focus .directory-search input{width:100%;max-width:none}.material-density{display:none}body.directory-focus .material-prices{grid-template-columns:1fr;gap:6px;display:grid}body.directory-focus .material-prices>div{border-right:0;padding:0}body.directory-focus .material-prices strong{white-space:normal}}@media (width<=760px){body.directory-focus .directory-page-body{padding:8px 10px 16px}.materials-page-head{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:6px}.materials-page-head .materials-add-button{justify-content:center;align-self:stretch;width:100%}.materials-page-head h2{margin-bottom:4px;font-size:16px;font-weight:750}.materials-page-head p{font-size:12px}body.directory-focus .materials-toolbar{grid-template-columns:1fr;gap:8px;padding:4px 0 6px}body.directory-focus .material-category-tabs{gap:6px}body.directory-focus .materials-actions{gap:8px;width:100%}body.directory-focus .directory-search{flex:1;min-width:0}body.directory-focus .directory-search input{min-height:34px;padding:0 36px 0 12px;font-size:13px}body.directory-focus .directory-search svg{width:16px;height:16px;top:8px;right:10px}.materials-filter-toggle{height:34px;padding:0 10px;font-size:12px}.materials-filter-toggle svg{width:16px;height:16px}body.directory-focus .materials-add-button{gap:6px;min-width:0;min-height:34px;padding:0 12px;font-size:12px;font-weight:750}.materials-add-button svg{width:15px;height:15px}body.directory-focus .material-card-grid,body.directory-focus .material-card-grid.density-3,body.directory-focus .material-card-grid.density-4,body.directory-focus .material-card-grid.density-5{gap:10px}body.directory-focus .material-card{grid-template-rows:96px minmax(0,1fr) auto}body.directory-focus .material-card-media{min-height:96px}body.directory-focus .material-card-body{padding:10px 12px}body.directory-focus .material-card-title{min-height:0}body.directory-focus .material-card-title h3{font-size:14px}body.directory-focus .material-card-title small{font-size:12px}body.directory-focus .material-card-icon{width:28px;height:28px}body.directory-focus .material-card-icon svg{width:16px;height:16px}body.directory-focus .product-tags{min-height:0;margin:6px 0 8px}body.directory-focus .material-prices{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}body.directory-focus .material-prices>div{border-right:1px solid var(--line);padding:0 8px}body.directory-focus .material-prices>div:first-child{padding-left:0}body.directory-focus .material-prices>div:last-child{border-right:0;padding-right:0}body.directory-focus .material-prices strong{white-space:nowrap;font-size:12px}.material-card-footer button{letter-spacing:1px;font-size:12px}}.materials-catalog-layout{grid-template-columns:0fr 1fr;gap:0;min-height:0;transition:grid-template-columns .2s;display:grid}.materials-catalog-layout.filters-open{grid-template-columns:300px minmax(0,1fr);gap:20px}.materials-filter-panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;overflow:hidden}.materials-catalog-layout:not(.filters-open) .materials-filter-panel{border:0;padding:0}.materials-catalog-layout.filters-open .materials-filter-panel{padding:16px 16px 18px}body.directory-focus .directory-panel{display:none}body.directory-focus .directory-panel.active{gap:16px;min-height:0;display:grid}.sr-only,.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.directory-section-nav button:disabled{opacity:.45;cursor:not-allowed}.directory-section-nav button:disabled:hover{color:inherit;background:0 0}.material-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}body.users-directory-focus .directory-page-body{padding:0;overflow:hidden}body.directory-focus .users-directory-panel.active,.users-directory-shell{width:100%;height:100%;min-height:0}.users-directory-shell{background:var(--panel-muted);grid-template-columns:minmax(0,1fr);display:grid}.users-directory-main{min-width:0;min-height:0;padding:12px 24px 24px;overflow:auto}.users-page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:0 0 12px;display:flex}.users-page-head h2{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:800}.users-page-head p{color:var(--muted);margin:0;font-size:13px;font-weight:500}.users-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:0;padding:12px 0;display:flex}.users-status-tabs,.users-actions,.users-pagination,.user-row-actions{align-items:center;gap:8px;display:flex}.users-search input{width:min(300px,27vw)}.users-add-button{justify-content:center;align-items:center;gap:6px;min-height:36px;padding-inline:12px;font-size:13px;font-weight:750;display:inline-flex}.users-add-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:16px;height:16px}.users-add-label--short{display:none}.users-filter-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(3,minmax(190px,1fr)) auto;align-items:end;gap:12px;margin-top:0;padding:12px 14px;transition:max-height .18s,padding .18s,opacity .18s;display:grid;overflow:hidden}.users-filter-row.closed{opacity:0;border-width:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.users-filter-row label{color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;font-size:12px;font-weight:700;display:grid}.users-filter-row select,.users-table-footer select{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:38px;color:var(--text-strong);border-radius:10px;padding:0 30px 0 10px;font-size:13px;font-weight:650}.users-filter-row>button{color:var(--blue);background:0 0;border:0;place-self:center end;font-size:12px;font-weight:700}.users-table-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:930px;margin-top:8px;overflow:hidden}.users-table-grid{grid-template-columns:minmax(230px,1.4fr) minmax(190px,1.1fr) 160px 120px minmax(170px,1fr) 120px 96px;align-items:center;gap:12px;display:grid}.users-table-head{border-bottom:1px solid var(--line);min-height:40px;color:var(--muted);padding:0 16px;font-size:12px;font-weight:700}.user-table-row{border-bottom:1px solid var(--line);min-height:56px;color:var(--text-strong);cursor:pointer;padding:8px 16px;font-size:13px}.user-table-row.selected{border-left:2px solid var(--blue);background:linear-gradient(90deg, var(--surface-hover), var(--panel-selected-bg))}.user-table-row:hover{background-color:var(--panel-muted)}.user-name-cell,.user-contact-cell{align-items:center;gap:11px;min-width:0;display:flex}.user-name-cell>span,.user-contact-cell{flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.user-name-cell strong,.user-name-cell small,.user-contact-cell span,.user-contact-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.user-name-cell strong{color:var(--text-strong);font-size:14px;font-weight:700}.user-name-cell small,.user-contact-cell small{color:var(--muted);font-size:12px}.user-avatar{border:2px solid var(--panel);width:34px;height:34px;color:var(--btn-primary-fg);box-shadow:0 0 0 1px var(--line);background:linear-gradient(135deg,#39597c,#8aa7c2);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:750;display:inline-grid}.user-avatar.large{width:48px;height:48px;font-size:14px}.user-avatar.tone-1{background:linear-gradient(135deg,#7a4b30,#d29f7d)}.user-avatar.tone-2{background:linear-gradient(135deg,#514064,#b292bd)}.user-avatar.tone-3{background:linear-gradient(135deg,#315c62,#82b6b7)}.user-avatar.tone-4{background:linear-gradient(135deg,#334c7e,#8aa2db)}.user-avatar.tone-5{background:linear-gradient(135deg,#78612d,#d2b975)}.user-role-badge,.user-status-badge{border:1px solid var(--border-active);max-width:100%;color:var(--blue);background:var(--surface-hover);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:700;display:inline-block;overflow:hidden}.user-role-badge.sales{color:#764bc0;background:#f5f0ff;border-color:#d9ccff}.user-role-badge.production,.user-role-badge.accountant{border-color:var(--warn-border);color:var(--amber);background:var(--warn-bg)}.user-role-badge.installer{color:#188092;background:#effafb;border-color:#c7e5e8}.user-status-badge.active{color:#159876;background:#ebfaf4;border-color:#c9eadf}.user-status-badge.blocked{border-color:var(--danger-border);color:var(--danger);background:var(--danger-bg)}.user-row-actions{justify-content:flex-end;gap:7px}.user-row-actions button{border:1px solid var(--line);width:34px;height:34px;color:var(--text-secondary);background:var(--panel);border-radius:9px;place-items:center;padding:0;font-size:18px;display:grid}.user-row-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.users-table-footer{min-height:52px;color:var(--text-secondary);grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:0 16px;font-size:13px;display:grid}.users-table-footer>span{white-space:nowrap;min-width:0}.users-pagination button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--panel);border-radius:6px}.users-pagination button.active{border-color:var(--blue);color:var(--blue-hover);background:var(--surface-active)}.users-pagination button:disabled{opacity:.45}.users-empty-state{min-height:220px;color:var(--muted);place-items:center;display:grid}@media (width<=1450px){.users-directory-main{padding-inline:16px}.users-toolbar{flex-direction:column;align-items:stretch}.users-actions{justify-content:flex-start;width:100%;min-width:0}.users-search{flex:auto;min-width:0}.users-search input{width:100%}}@media (width<=1050px){body.users-directory-focus .directory-page-body{overflow:auto}.users-directory-shell{height:auto}.users-filter-row{grid-template-columns:1fr}.users-filter-row>button{justify-self:start}}body.directory-focus.users-directory-focus .directory-page-body,.directory-page-body.users-body{padding:0;overflow:hidden}body.directory-focus .users-directory-panel.active{height:100%;min-height:0;display:block}.user-role-badge.admin{border-color:var(--border-active);color:var(--blue);background:var(--surface-hover)}.user-role-badge.leader{color:#4b4fd6;background:#f2f3ff;border-color:#d5d8ff}.user-role-badge.manager{border-color:var(--border-active);color:var(--blue);background:var(--surface-hover)}.user-role-badge.surveyor{color:#1d8a55;background:#eefaf3;border-color:#cfe8d8}.user-role-badge.finance{border-color:var(--warn-border);color:var(--amber);background:var(--warn-bg)}.user-role-badge.dealer{color:#4d5d78;background:#f4f6f9;border-color:#d8dce6}@media (width<=1099px){body.directory-focus.users-directory-focus .directory-page-body,.directory-page-body.users-body{overflow:auto}.users-toolbar{flex-direction:column;align-items:stretch;gap:10px;min-width:0}.users-page-head{flex-direction:column;align-items:stretch;gap:8px}.users-page-head .users-add-button{justify-content:center;align-self:stretch;width:100%}.users-status-tabs{flex-wrap:wrap;gap:6px;width:100%;min-width:0}.users-actions{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.users-search{flex:auto;min-width:0}.users-search input{width:100%}.users-add-label--full{display:none}.users-add-label--short{display:inline}.users-table-card{min-width:0;margin-top:8px;overflow:visible}.users-table-footer{grid-template-columns:1fr auto;grid-template-areas:"summary pages""perpage perpage";gap:8px 10px;min-height:0;padding:10px 12px}.users-table-footer>span{grid-area:summary}.users-pagination{grid-area:pages;justify-self:end}.users-table-footer select{grid-area:perpage;width:100%;min-height:34px}.users-table-head{display:none}.users-table-body{gap:8px;padding:8px;display:grid}.user-table-row.users-table-grid{border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:8px;grid-template-columns:1fr auto;grid-template-areas:"name actions""contact contact""role status""discount access";align-items:start;gap:6px 10px;min-height:0;padding:12px}.user-table-row .user-name-cell{grid-area:name}.user-table-row .user-contact-cell{flex-direction:column;grid-area:contact;align-items:flex-start;gap:2px}.user-table-row>span:nth-child(3){grid-area:role}.user-table-row>span:nth-child(4){grid-area:discount;font-size:12px}.user-table-row>span:nth-child(5){grid-area:access;font-size:12px}.user-table-row>span:nth-child(6){grid-area:status;justify-self:end}.user-table-row>div:last-child,.user-table-row>.user-row-actions{grid-area:actions;justify-self:end}}@media (width<=760px){.users-directory-main{padding:8px 10px 16px;overflow-x:hidden}.users-page-head{padding-bottom:6px}.users-page-head h2{font-size:16px;font-weight:750}.users-page-head p{font-size:12px}.users-toolbar{gap:8px;padding:6px 0 4px}.users-status-tabs{gap:6px}.users-actions{gap:8px}.users-add-button{min-height:34px;padding-inline:12px;font-size:12px;font-weight:750}.users-add-button svg{width:15px;height:15px}.users-filter-row{gap:10px;margin-top:8px;padding:10px 12px}.users-table-card{margin-top:8px}.users-table-footer{gap:8px;padding:8px 10px;font-size:12px}.users-pagination button{width:32px;height:32px}.user-table-row.users-table-grid{padding:10px}.user-name-cell strong{font-size:13px}}.user-modal-backdrop{z-index:120}.user-modal{width:min(940px,100vw - 40px);max-height:min(820px,100dvh - 40px)}.user-modal-head{align-items:center;gap:14px}.user-modal-head .cm-head-copy{flex:auto}.user-modal-head .cm-subtitle .is-active{color:var(--green)}.user-modal-head .cm-subtitle .is-blocked{color:var(--danger)}.user-modal-body{background:var(--panel-muted,var(--panel));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}.user-modal-col{gap:12px;min-width:0;display:grid}.user-form-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:12px;min-width:0;margin:0;padding:14px 16px 16px;display:grid}.user-form-card>legend{float:left;width:100%;color:var(--text-strong);justify-content:space-between;align-items:baseline;gap:10px;padding:0;font-size:14px;font-weight:800;display:flex}.user-form-card>legend+*{clear:both}.user-form-legend-actions{gap:12px;display:inline-flex}.user-form-legend-actions button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-field{min-width:0;color:var(--text-secondary);gap:6px;font-size:12px;font-weight:700;display:grid}.user-field--wide{grid-column:1/-1}.user-field--inline{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px}.user-field small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.user-field input,.user-field select{border:1px solid var(--line);width:100%;min-width:0;min-height:42px;color:var(--text-strong);background:var(--panel);font:inherit;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:650}.user-field input:focus,.user-field select:focus{border-color:var(--blue);outline:2px solid color-mix(in srgb, var(--blue) 18%, transparent)}.user-form-hint{color:var(--muted);margin:0;font-size:12px}.user-check-list{display:grid}.user-check-row{min-height:40px;color:var(--text-strong);cursor:pointer;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.user-check-row+.user-check-row{border-top:1px solid var(--line)}.user-check-row input{width:18px;height:18px;accent-color:var(--blue);flex:none;margin:0}.user-chip-list{flex-wrap:wrap;gap:8px;display:flex}.user-modal-actions .cm-actions-start{min-width:0}.user-modal-actions .form-status{color:var(--muted);font-size:12px}.user-block-button{color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}@media (width<=760px){.user-modal-body{grid-template-columns:1fr;gap:12px}.user-form-grid{grid-template-columns:1fr}.user-check-row{min-height:46px}}body.directory-focus .users-search{flex:0 360px}body.directory-focus .users-search input{width:100%}.labor-page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:0 0 14px;display:flex}.labor-page-head-copy h2{color:var(--text-strong);letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:750}.labor-page-head-copy p{color:var(--muted);margin:0;font-size:13px;font-weight:500}.labor-save-status{color:var(--green);white-space:nowrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:650;display:flex}.labor-save-status svg{flex:none;width:18px;height:18px}.labor-sections{gap:12px;margin-top:18px;display:grid}.labor-section{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:12px;overflow:hidden}.labor-section-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.labor-section-head:hover{background:var(--surface-hover)}.labor-section-icon{border:1px solid var(--border-active);background:var(--panel-selected-bg);width:40px;height:40px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.labor-section-icon svg{width:20px;height:20px}.labor-section-copy{gap:4px;min-width:0;display:grid}.labor-section-copy strong{color:var(--text-strong);font-size:14px;font-weight:700}.labor-section-copy span{color:var(--muted);font-size:12px;line-height:1.35}.labor-section-badge{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:650}.labor-section-chevron{width:18px;height:18px;color:var(--muted);transition:transform .18s}.labor-section-chevron.expanded{transform:rotate(180deg)}.labor-section-body{padding:0 18px 18px}.labor-manager-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.labor-panel-block{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:14px;padding:16px;display:grid}.labor-panel-block h4{color:var(--text-strong);margin:0;font-size:13px;font-weight:700}.labor-panel-block>p{color:var(--muted);margin:-6px 0 0;font-size:12px}.labor-method-options{gap:10px;display:grid}.labor-method-option{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid}.labor-method-option:hover{border-color:var(--border-focus)}.labor-method-option.selected{border-color:var(--border-active);background:var(--panel-selected-bg)}.labor-method-option input{margin-top:3px}.labor-method-option-copy{gap:4px;display:grid}.labor-method-option-copy strong{color:var(--text-strong);font-size:13px;font-weight:650}.labor-method-option-copy span{color:var(--muted);font-size:12px;line-height:1.35}.labor-percent-fields{gap:12px;display:grid}.labor-percent-field{gap:6px;display:grid}.labor-percent-field label{color:var(--text-strong);gap:3px;font-size:12px;font-weight:650;display:grid}.labor-percent-field label small{color:var(--muted);font-size:12px;font-weight:500}.labor-percent-input{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 12px;display:flex}.labor-percent-input input{width:100%;min-width:0;color:var(--text-strong);background:0 0;border:0;font-size:13px;font-weight:650}.labor-percent-input span{color:var(--muted);font-size:12px;font-weight:650}.labor-formula-box{border:1px solid var(--border-active);background:var(--panel-selected-bg);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.45;display:flex}.labor-formula-box svg{width:18px;height:18px;color:var(--blue);flex:none;margin-top:1px}.labor-section-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.labor-section-foot p{max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.labor-section-actions{flex:none;gap:10px;display:flex}.labor-section-actions .ghost-btn,.labor-section-actions .primary-btn{min-height:34px;padding-inline:14px;font-size:12px;font-weight:750}.labor-production-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:18px;display:grid}.labor-production-side{align-content:start;gap:18px;display:grid}.labor-production-block-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.labor-production-block-head h4{margin:0}.labor-production-block-head p{margin:4px 0 0}.labor-production-count{background:var(--panel);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:650}.labor-production-table,.labor-logistics-table{gap:8px;display:grid}.labor-logistics-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(96px,.75fr) minmax(140px,.95fr) minmax(140px,.95fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.labor-logistics-row.head{color:var(--muted);background:0 0;border:0;border-radius:0;padding:0 12px 4px;font-size:12px;font-weight:650}.labor-production-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1.4fr) 56px minmax(140px,.9fr) minmax(120px,.8fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.labor-production-row.head{color:var(--muted);background:0 0;border:0;border-radius:0;padding:0 12px 4px;font-size:12px;font-weight:650}.labor-production-name{color:var(--text-strong);font-size:13px;font-weight:650;line-height:1.35}.labor-production-unit{color:var(--muted);font-size:12px;font-weight:600}.labor-money-input{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 10px;display:flex}.labor-money-input input{width:100%;min-width:0;color:var(--text-strong);background:0 0;border:0;font-size:13px;font-weight:650}.labor-money-input span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:650}.labor-hardware-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.labor-info-note{color:var(--muted);align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.45;display:flex}.labor-info-note svg{width:16px;height:16px;color:var(--blue);flex:none;margin-top:1px}.labor-production-extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.labor-production-extra,.labor-production-element{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:6px;padding:12px;display:grid}.labor-production-extra-material{gap:8px}.labor-production-material-select{border:1px solid var(--line);background:var(--panel);width:100%;min-height:34px;color:var(--text-strong);border-radius:8px;padding:0 10px;font-size:12px;font-weight:600}.labor-production-extra-title,.labor-production-element-title{color:var(--text-strong);font-size:12px;font-weight:650}.labor-production-extra-unit,.labor-production-element-unit{color:var(--muted);font-size:12px;font-weight:600}.labor-production-elements{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.labor-measurement-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.labor-measurement-main{gap:18px;display:grid}.labor-measurement-calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.labor-distance-table{gap:8px;display:grid}.labor-distance-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(140px,.9fr) minmax(140px,.9fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.labor-distance-row.head{color:var(--muted);background:0 0;border:0;border-radius:0;padding:0 12px 4px;font-size:12px;font-weight:650}.labor-measurement-bonuses .labor-panel-block{position:sticky;top:0}.labor-installation-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.labor-installation-tariffs{gap:18px;display:grid}.labor-installation-tariffs h5{color:var(--text-strong);margin:0 0 8px;font-size:13px;font-weight:700}.labor-installation-subhint{color:var(--muted);margin:-4px 0 8px;font-size:12px}.labor-production-name small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.labor-bonus-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:10px;padding:12px;display:grid}.labor-bonus-toggle{align-items:flex-start}.labor-bonus-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.labor-bonus-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.labor-bonus-result{border:1px solid var(--border-active);background:var(--panel-selected-bg);color:var(--text-secondary);border-radius:8px;padding:10px 12px;font-size:13px}.labor-bonus-addon{grid-template-columns:minmax(0,1fr) auto;align-items:center}.labor-bonus-addon-main{align-items:center;gap:8px;min-width:0;display:flex}.labor-fitting-multi-select{flex:1;min-width:0;position:relative}.labor-fitting-multi-select-trigger{border:1px solid var(--line);background:var(--panel);width:100%;min-height:34px;color:var(--text-strong);font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:0 32px 0 10px;font-size:12px;font-weight:600;position:relative}.labor-fitting-multi-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.labor-fitting-multi-select-trigger.placeholder{color:var(--muted)}.labor-fitting-multi-select-trigger svg{width:14px;height:14px;color:var(--muted);transition:transform .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.labor-fitting-multi-select-trigger.open svg{transform:translateY(-50%)rotate(180deg)}.labor-fitting-multi-select-menu{z-index:20;border:1px solid var(--line);background:var(--panel);max-height:220px;box-shadow:0 8px 24px color-mix(in srgb, var(--text-strong) 12%, transparent);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.labor-fitting-multi-select-option{color:var(--text-strong);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.labor-fitting-multi-select-option:hover{background:var(--panel-selected-bg)}.labor-fitting-multi-select-option input{flex:none}.labor-fitting-multi-select-option span{min-width:0}.labor-bonus-addon-percent{flex-shrink:0;width:128px;min-width:128px}.labor-bonus-addon-percent input{min-width:52px}@media (width<=960px){.labor-manager-grid,.labor-production-grid,.labor-measurement-grid,.labor-measurement-calc-grid,.labor-installation-grid{grid-template-columns:1fr}.labor-production-row,.labor-logistics-row,.labor-distance-row{grid-template-columns:1fr;gap:8px}.labor-production-row.head,.labor-logistics-row.head,.labor-distance-row.head{display:none}.labor-production-extras,.labor-production-elements,.labor-bonus-fields,.labor-bonus-addon{grid-template-columns:1fr}.labor-page-head{flex-direction:column}.labor-section-foot{flex-direction:column;align-items:stretch}.labor-section-actions{justify-content:flex-end}}@media (width<=760px){.labor-page-head{padding-bottom:6px}.labor-page-head-copy h2{font-size:16px;font-weight:750}.labor-page-head-copy p{font-size:12px}.labor-sections{gap:10px;margin-top:8px}.labor-section-body{padding:0 12px 14px}.labor-section-copy strong{font-size:13px}.labor-section-copy span{font-size:12px}.labor-panel-block{gap:12px;padding:12px}.labor-panel-block h4{font-size:13px}.labor-panel-block>p,.labor-method-option-copy span,.labor-section-foot p,.labor-info-note{font-size:12px}.labor-method-option{padding:10px 12px}.labor-method-option-copy strong,.labor-production-name,.labor-production-extra-title,.labor-production-element-title{font-size:12px}.labor-percent-input,.labor-money-input,.labor-production-material-select,.labor-fitting-multi-select-trigger{min-height:36px}.labor-percent-input input,.labor-money-input input{font-size:13px}.labor-percent-field label,.labor-hardware-toggle{font-size:12px}.labor-section-actions .ghost-btn,.labor-section-actions .primary-btn{min-height:36px;font-size:12px}.labor-logistics-row,.labor-production-row,.labor-distance-row{padding:8px 10px}}body.directory-focus .directory-panel-head h3,body.directory-focus .materials-page-head h2,body.directory-focus .labor-page-head-copy h2,body.directory-focus .users-page-head h2{color:var(--text-strong);letter-spacing:-.02em;font-size:20px;font-weight:800}body.directory-focus .directory-panel-head span,body.directory-focus .materials-page-head p,body.directory-focus .labor-page-head-copy p,body.directory-focus .users-page-head p{color:var(--muted);font-size:13px;font-weight:500}body.directory-focus .directory-table{border-radius:12px;overflow:hidden}body.directory-focus .directory-row{min-height:52px;color:var(--text-strong);padding:8px 16px;font-size:13px}body.directory-focus .directory-row.head{min-height:40px;color:var(--muted);text-transform:none;background:0 0;font-size:12px;font-weight:700}body.directory-focus .directory-row>strong{font-size:14px;font-weight:700}body.directory-focus button.directory-row:hover{background:var(--surface-hover)}body.directory-focus .integration-card{border-radius:12px;gap:12px;padding:16px}body.directory-focus .integration-card header strong{color:var(--text-strong);font-size:14px;font-weight:800}body.directory-focus .integration-card p{font-size:13px}body.directory-focus .integration-card button{border-radius:10px;min-height:38px;font-size:13px}@media (width<=760px){body.directory-focus .directory-panel-head h3,body.directory-focus .materials-page-head h2,body.directory-focus .labor-page-head-copy h2,body.directory-focus .users-page-head h2{font-size:18px}}.material-card-grid,.users-table-card,.directory-table{transition:opacity .15s}.is-refreshing{opacity:.55;pointer-events:none;transition-delay:.12s}@media (width<=760px){.phone-sheet-backdrop,.workflow-modal{inset:0;overflow:hidden;place-items:stretch stretch!important;padding:0!important}.phone-sheet,.workflow-dialog{border-radius:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important}.phone-sheet{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.phone-sheet-body{-webkit-overflow-scrolling:touch;min-height:0;overflow:auto}.material-modal form{min-height:0;overflow-y:auto}html body .modal-backdrop.material-modal-backdrop{padding:0 0 var(--keyboard-inset,0px);place-items:end stretch;overflow:hidden}.material-modal{position:relative;width:100%!important;max-width:none!important;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - var(--keyboard-inset,0px))!important;border-width:0!important;border-radius:20px 20px 0 0!important}.material-modal:before{content:"";z-index:5;background:color-mix(in srgb, var(--text-secondary) 22%, var(--panel));pointer-events:none;border-radius:999px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.material-modal .material-modal-head{border-bottom:0;min-height:0;padding:24px 16px 12px}.material-modal .modal-close-btn{width:40px;height:40px;color:var(--text-strong);background:color-mix(in srgb, var(--text-secondary) 9%, var(--panel));border-radius:12px}.material-modal form{padding:4px 16px 0}.material-modal .material-modal-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--panel);margin-inline:-16px}.material-modal .material-modal-actions .ghost-btn,.material-modal .material-modal-actions .primary-btn{border-radius:12px;flex:1 1 0;min-height:48px;font-size:15px}.material-modal .material-modal-actions .danger-btn{flex:none}.material-delete-confirm .material-modal-actions{margin-inline:0}}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Inter Fallback,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}html[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] select option{background-color:var(--panel);color:var(--ink)}button{cursor:pointer}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:82px minmax(0,1fr);height:100svh;min-height:0;transition:grid-template-columns .2s;display:grid;overflow:hidden}.shell-drawer-backdrop{z-index:35;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0810206b;border:0;position:fixed;inset:0}.sidebar{overscroll-behavior:contain;border-right:1px solid var(--line);background:var(--bg-sidebar);z-index:20;flex-direction:column;grid-row:1/-1;gap:14px;min-height:0;padding:12px 10px;display:flex;overflow:hidden auto}.sidebar-head{align-items:center;min-width:0;min-height:36px;display:flex}.brand{min-width:0;min-height:36px;color:var(--ink);align-items:center;gap:9px;padding:0 6px;font-weight:900;text-decoration:none;display:flex}.brand-name{white-space:nowrap;font-size:14px;overflow:hidden}.brand-mark{border:3px solid var(--blue);border-top-width:7px;flex:none;width:28px;height:28px;transform:skewY(-28deg)}.sidebar-menu-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);background:var(--panel);border-radius:8px;flex:none;place-items:center;margin-left:auto;padding:0;display:inline-grid}.sidebar-menu-btn:hover{color:var(--blue);border-color:var(--border-focus);background:var(--surface-hover)}.sidebar-menu-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.main-nav{gap:4px;display:grid}.nav-btn{min-height:36px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:800;text-decoration:none;display:grid}.nav-btn:hover{background:var(--surface-hover)}.nav-btn.router-link-active,.nav-btn.active{color:var(--blue);border-color:var(--border-active);background:var(--surface-active)}.nav-icon{border:1px solid var(--nav-icon-border);background:var(--nav-icon-bg);border-radius:6px;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.nav-text{align-items:center;gap:8px;min-width:0;display:inline-flex}.theme-panel{gap:7px;margin-top:auto;display:grid}.theme-toggle{border:1px solid var(--line);width:100%;min-height:36px;color:var(--text);background:var(--panel);text-align:left;border-radius:7px;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:800;display:grid}.theme-toggle:hover{color:var(--blue);border-color:var(--border-focus);background:var(--surface-hover)}.theme-toggle-icon{place-items:center;width:24px;height:24px;display:inline-grid}.theme-toggle-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.theme-toggle-label{white-space:nowrap;overflow:hidden}.logout-btn{width:100%}.topbar{z-index:10;box-sizing:border-box;width:100%;min-width:0;height:var(--app-header-height);min-height:var(--app-header-height);max-height:var(--app-header-height);border:1px solid var(--line-soft);background:var(--panel-elevated);box-shadow:var(--shadow-soft);border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.topbar-leading{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.constructor-brand{min-width:184px;color:var(--text-strong);letter-spacing:-.045em;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:24px;font-weight:900;line-height:1;display:flex}.constructor-brand>svg{fill:none;width:38px;height:36px;stroke:var(--blue-hover);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 38px}.constructor-brand>span{align-items:flex-start;display:inline-flex}.constructor-brand sup{letter-spacing:0;margin-left:2px;font-size:8px;font-weight:900;position:relative;top:-9px}.topbar-chip{color:var(--ink);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:16px;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.mobile-menu{border:1px solid var(--line-strong);background:var(--panel);width:52px;height:52px;color:var(--text);box-shadow:var(--shadow-card);border-radius:12px;flex:none;place-items:center;padding:0;display:none}.mobile-menu:hover{color:var(--blue);border-color:var(--border-focus);background:var(--surface-hover)}.mobile-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.topbar-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-actions .topbar-ghost{border:1px solid var(--line-strong);background:var(--panel);min-height:48px;color:var(--text);box-shadow:var(--shadow-card);border-radius:11px;padding:0 16px;font-size:11px;font-weight:700}.topbar-actions .topbar-ghost:hover{color:var(--blue);border-color:var(--border-focus);background:var(--surface-hover)}.topbar-actions .topbar-primary{min-height:48px;color:var(--btn-primary-fg);background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);border:0;border-radius:11px;padding:0 16px;font-size:11px;font-weight:700}.topbar-actions .topbar-primary:hover{filter:brightness(1.04)}.overline{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.primary-btn,.ghost-btn{border-radius:7px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800}.primary-btn{color:var(--btn-primary-fg);background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);border:1px solid #0000}.ghost-btn{color:var(--ink);border:1px solid var(--line);background:var(--panel);align-items:center;text-decoration:none;display:inline-flex}.content{overscroll-behavior:contain;min-width:0;min-height:0;padding:14px;overflow:auto}.content:has(>.tasks-page){flex-direction:column;display:flex;overflow:hidden}.content:has(>.tasks-page)>.tasks-page{flex:auto;min-height:0}.content.content-focus{flex-direction:column;padding:0;display:flex;overflow:hidden}.placeholder-banner{border:1px dashed var(--border-focus);background:var(--surface-hover);color:var(--muted);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.metric{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:6px;min-height:86px;padding:12px;display:grid}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{color:var(--ink);font-size:24px;font-weight:900}.metric small{color:var(--muted);font-size:12px}.metric.accent{border-color:var(--warn-border);background:var(--warn-bg)}body.sidebar-collapsed .app-shell{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}body.sidebar-collapsed .sidebar{padding-inline:8px}body.sidebar-collapsed .sidebar-head{flex-direction:column;gap:8px}body.sidebar-collapsed .brand{padding-inline:0}body.sidebar-collapsed .brand-name,body.sidebar-collapsed .nav-btn span:last-child,body.sidebar-collapsed .theme-toggle-label{display:none}body.sidebar-collapsed .theme-panel{margin-top:auto}body.sidebar-collapsed .theme-toggle{grid-template-columns:1fr;justify-items:center;padding-inline:0}body.sidebar-collapsed .sidebar-menu-btn{margin-left:0}body.sidebar-collapsed .nav-btn{grid-template-columns:1fr;justify-items:center;padding-inline:0}body.constructor-focus{background:var(--bg)}body.constructor-focus .app-shell,body.sidebar-collapsed.constructor-focus .app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}body.constructor-focus .topbar{display:none}body.constructor-focus .content,body.constructor-focus .content.content-focus{background:radial-gradient(circle at 50% -20%, var(--hero-glow), transparent 32%), var(--bg);grid-area:1/1;padding:8px;overflow:hidden}@media (width<=1099px){body.constructor-focus{overflow-x:hidden}body.constructor-focus .content,body.constructor-focus .content.content-focus{max-width:100%;padding:4px;padding-bottom:max(4px, var(--safe-bottom));overflow:hidden}body.constructor-focus .app-shell,body.sidebar-collapsed.constructor-focus .app-shell{width:100%;max-width:100vw;height:100svh;overflow:hidden}}@media (width<=1099px) and (orientation:landscape){body.constructor-focus .content,body.constructor-focus .content.content-focus{padding:2px;padding-bottom:max(2px, var(--safe-bottom))}}body.constructor-focus .sidebar,body.sidebar-collapsed.constructor-focus .sidebar{z-index:40;width:var(--sidebar-width);box-shadow:var(--shadow);padding:12px 10px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}body.constructor-focus.sidebar-open .sidebar{transform:translate(0)}body.constructor-focus .sidebar-head,body.sidebar-collapsed.constructor-focus .sidebar-head{flex-direction:row;gap:0}body.constructor-focus .brand,body.sidebar-collapsed.constructor-focus .brand{padding-inline:6px}body.constructor-focus .brand-name,body.constructor-focus .nav-btn span:last-child,body.constructor-focus .theme-toggle-label,body.sidebar-collapsed.constructor-focus .brand-name,body.sidebar-collapsed.constructor-focus .nav-btn span:last-child,body.sidebar-collapsed.constructor-focus .theme-toggle-label{display:block}body.constructor-focus .theme-toggle,body.sidebar-collapsed.constructor-focus .theme-toggle,body.constructor-focus .nav-btn,body.sidebar-collapsed.constructor-focus .nav-btn{grid-template-columns:26px 1fr;justify-items:start;padding-inline:8px}body.constructor-focus .sidebar-menu-btn{display:inline-grid}body.shell-drawer{background:var(--bg)}body.shell-drawer .app-shell,body.sidebar-collapsed.shell-drawer .app-shell{background:radial-gradient(circle at 50% -20%, var(--hero-glow), transparent 32%), var(--bg);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;padding:8px}body.shell-drawer .sidebar,body.sidebar-collapsed.shell-drawer .sidebar{z-index:80;width:240px;box-shadow:var(--shadow-drawer);padding:12px 10px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}body.shell-drawer.sidebar-open .sidebar{transform:translate(0)}body.sidebar-collapsed.shell-drawer .sidebar-head{flex-direction:row}body.sidebar-collapsed.shell-drawer .brand-name,body.sidebar-collapsed.shell-drawer .nav-btn span:last-child,body.sidebar-collapsed.shell-drawer .theme-toggle-label{display:block}body.sidebar-collapsed.shell-drawer .theme-toggle,body.sidebar-collapsed.shell-drawer .nav-btn{grid-template-columns:26px 1fr;justify-items:start;padding-inline:8px}body.shell-drawer .topbar{grid-column:1;margin:0}body.shell-drawer.funnel-stages-stuck .topbar{border-bottom-right-radius:0;border-bottom-left-radius:0}body.shell-drawer .topbar-leading{flex:auto;min-width:0}body.shell-drawer .mobile-menu{place-items:center;display:inline-grid}@media (height<=1000px) and (width>=1100px){body.shell-drawer .mobile-menu,.mobile-menu{width:44px;height:44px}.topbar{padding:6px 10px}.topbar-actions .topbar-ghost,.topbar-actions .topbar-primary{min-height:46px}.topbar-chip{font-size:15px}}body.shell-drawer .content{background:0 0;grid-column:1;min-width:0;min-height:0;padding:8px 0 0}body.shell-drawer .sidebar-menu-btn{display:inline-grid}body.directory-focus{background:var(--bg)}body.directory-focus .app-shell,body.sidebar-collapsed.directory-focus .app-shell{grid-template-rows:auto minmax(0,1fr)}body.directory-focus .topbar{height:var(--app-header-height);min-height:var(--app-header-height);max-height:var(--app-header-height)}body.directory-focus .content{background:0 0;min-height:0;padding:8px 0 0;overflow:hidden}body.directory-focus .directory-workspace{background:var(--panel);border:1px solid var(--line-soft);height:100%;min-height:0;box-shadow:var(--shadow-soft);border-radius:14px;overflow:hidden}@media (width<=760px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sidebar{width:240px;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}body.sidebar-open .sidebar{transform:translate(0)}body.sidebar-collapsed .app-shell{grid-template-columns:1fr}body.sidebar-collapsed .sidebar-head{flex-direction:row;gap:0}body.sidebar-collapsed .brand-name,body.sidebar-collapsed .nav-btn span:last-child,body.sidebar-collapsed .theme-toggle-label{display:block}body.sidebar-collapsed .theme-toggle,body.sidebar-collapsed .nav-btn{grid-template-columns:26px 1fr;justify-items:start;padding-inline:8px}.mobile-menu{border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.mobile-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.topbar{gap:8px;padding:4px 8px}.topbar .constructor-brand{min-width:0;font-size:15px}.topbar .constructor-brand svg{width:24px;height:22px}.topbar-chip{min-height:32px;padding:0 10px;font-size:12px}.topbar-actions{display:none}}@media (width<=600px){.constructor-brand{min-width:0}.constructor-brand>span{display:none}}
