@font-face{font-family:Roboto;src:url(https://constructpc.ru/wp-content/themes/constructpc/fonts/Roboto-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(https://constructpc.ru/wp-content/themes/constructpc/fonts/Roboto-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(https://constructpc.ru/wp-content/themes/constructpc/fonts/Roboto-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Roboto Flex;src:url(https://constructpc.ru/wp-content/themes/constructpc/fonts/RobotoFlex.woff2) format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}:root{--main-color: #162640;--hover-color: #01aeff;--main-background: #eef1f8;--surface: #ffffff;--surface-border: #d6deeb;--muted: #5e6e86;--danger: #cf2e2e;--success: #00c66e;--font-family: "Roboto", sans-serif;--second-family: "Roboto Flex", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#fff;color:var(--main-color);font-family:var(--font-family);font-size:14px;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.boot-fallback{min-height:100vh;padding:28px 18px;display:grid;align-content:start;gap:12px;background:#fff;color:var(--main-color)}.boot-fallback-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hover-color)}.boot-fallback h1{margin:0;font-size:26px;line-height:1;text-transform:uppercase}.boot-fallback p,.boot-fallback pre{margin:0;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.boot-fallback pre{padding:12px;border:1px solid var(--surface-border);background:var(--main-background);overflow:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{max-width:1068px;margin:0 auto;padding:10px 14px 84px;display:grid;gap:10px}.panel,.step-card,.preview-card,.panel-soft,.feature-panel,.hero-compact-auth,.hero-metric-card,.order-hero-shell,.stats-banner,.item-card,.metric-card,.timeline-item,.soft-note{border:1px solid var(--surface-border);border-radius:0;background:var(--surface);box-shadow:none}.panel,.step-card,.preview-card,.panel-soft,.feature-panel,.hero-compact-auth,.hero-metric-card,.order-hero-shell,.stats-banner{padding:12px}.brand-hero{display:grid;gap:8px;background:#fff;border-color:var(--surface-border)}.section-kicker,.tab-index,.hero-status-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hover-color)}.brand-hero h1,.section-intro h2,.order-hero-copy h3,.stats-banner h3,.stage-card h3,.item-card h4,.feature-panel h3{margin:0;font-family:var(--font-family);font-weight:900;letter-spacing:-.01em;color:var(--main-color);text-transform:uppercase}.section-intro h2{font-size:22px}.brand-hero h1{font-size:clamp(20px,3vw,26px);line-height:1;max-width:none}.app-header-row,.section-intro-copy,.feature-panel-copy,.order-hero-copy,.stats-banner-copy{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-intro p,.feature-panel p,.stage-card-head p,.stats-banner p,.meta,.helper-note,.empty-note,.order-card-phone{margin:0;color:var(--muted);font-size:13px;line-height:1.3}.hero-chip-row,.route-step p,.feature-panel-note,.stats-aside{display:none}.hero-metrics-grid,.sales-list-view,.sales-detail-view,.sales-side-stack,.purchase-side-stack,.purchases-layout,.items-grid,.metrics-grid,.timeline-list,.stats-hero,.tabs-shell,.tabs-content{display:grid;gap:8px}.header-action-button{width:auto;min-width:108px}.hero-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-metric-card{min-height:62px;background:#fff}.compact-hero-metric{min-height:58px;padding:8px 10px}.hero-metric-card span,.hero-metric-card small,.metric-card span,.legend-item,.list-summary-card span,.donut-center span,.feature-mini-grid span{color:var(--muted);font-size:12px}.hero-metric-card strong,.metric-card strong,.list-summary-card strong,.timeline-amount{display:block;margin-top:4px;font-weight:900;font-size:18px;letter-spacing:-.01em}.compact-hero-metric small{margin-top:2px;display:block;font-size:11px}.section-intro,.section-heading,.problem-card-header,.order-focus-topline,.row-actions,.compact-heading,.sales-top-actions,.stage-card-head,.stage-card-actions,.feature-panel-head,.order-card-topline,.feature-mini-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.section-intro-actions,.sales-top-actions,.period-switch,.row-actions,.compact-row,.stage-card-actions{display:flex;flex-wrap:wrap;gap:6px}.sales-mode-switch,.order-section-tabs{display:grid;gap:6px}.sales-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.order-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.sales-mode-switch .small-button{width:100%;justify-content:center}.sales-workboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.sales-action-card{display:grid;gap:8px;padding:12px;background:var(--main-background);border:1px solid transparent}.sales-action-card.accent{background:#01aeff14;border-color:#01aeff40;color:var(--main-color)}.sales-action-card.accent strong,.sales-action-card.accent .sales-action-value,.sales-action-card.accent .meta{color:var(--main-color)}.sales-action-copy{display:grid;gap:4px}.sales-action-value{font-size:18px;font-weight:900;letter-spacing:-.01em;text-transform:uppercase}.sales-search-row input{background:#fff;border-color:var(--surface-border)}.sales-mode-panel{gap:8px}.problem-inline-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--surface-border);background:#fff}.problem-inline-copy{display:grid;gap:4px}.problem-inline-copy span{color:var(--muted);font-size:12px}.sales-overview-grid,.purchases-layout,.stats-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.feature-panel,.step-card,.stage-card,.preview-card,.stats-chart-card{background:#fff;border-color:var(--surface-border)}.feature-panel-dark,.order-hero-shell,.stats-banner,.bottom-tabs{background:#fff;color:var(--main-color)}.feature-panel-dark h3,.feature-panel-dark strong,.order-hero-shell h3,.order-hero-shell strong,.stats-banner h3,.bottom-tabs .tab-button.active{color:var(--main-color)}.feature-panel-dark .section-kicker,.feature-panel-dark .meta,.feature-panel-dark span,.order-hero-shell .section-kicker,.order-hero-shell .meta,.order-hero-shell p,.stats-banner .section-kicker,.stats-banner span{color:var(--muted)}.stage-card-head>div:first-child{display:grid;gap:4px}.step-badge{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--main-color);color:var(--main-color);font-weight:700;font-size:12px}.order-hero-shell{display:grid;gap:10px}.order-shell-compact{gap:8px}.order-shell-topline,.compact-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.order-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.order-summary-card{border:1px solid var(--surface-border);background:var(--main-background);padding:7px 8px;display:grid;gap:2px}.order-summary-card span,.order-last-event span,.order-last-event small,.order-next-step span{color:var(--muted);font-size:11px}.order-summary-card strong{font-size:14px;font-weight:900;letter-spacing:-.01em}.order-last-event{display:grid;gap:2px;padding:8px 10px;background:var(--main-background)}.order-last-event strong{font-size:13px;color:var(--main-color)}.order-next-step{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--main-background)}.order-next-step.is-done{border-color:#01aeff40;background:#01aeff14}.order-next-step-copy{display:grid;gap:2px}.order-next-step strong{font-size:12px;color:var(--main-color)}.order-hero-ribbon,.order-route-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-hero-ribbon .hero-metric-card,.route-step{border:1px solid var(--surface-border);background:#fff}.order-hero-ribbon .hero-metric-card span,.order-hero-ribbon .hero-metric-card small,.route-step p,.route-step-index{color:var(--muted)}.route-step{padding:12px;display:grid;gap:8px}.route-step.is-complete{border-color:var(--hover-color)}.route-step strong{font-size:14px;font-weight:700;text-transform:uppercase}.route-step-index{font-weight:700;font-size:11px}label{display:block;margin-top:8px;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--main-color)}input,textarea,select,button{width:100%;border-radius:0;border:1px solid var(--surface-border);padding:10px 12px;background:#fff;color:var(--main-color)}textarea{resize:vertical;min-height:92px}input[type=checkbox]{width:auto;margin:0}button{margin-top:8px;border-color:var(--hover-color);background:#01aeff14;color:var(--main-color);font-weight:700;text-transform:uppercase}button.secondary,.tab-button,.small-button.secondary{background:#fff;color:var(--main-color);border:1px solid var(--surface-border)}button:disabled{opacity:.65;cursor:not-allowed}.checkbox-line{display:flex;align-items:center;gap:8px;margin:10px 0 6px}.form-fieldset{border:0;padding:0;margin:0;min-inline-size:0}.form-grid{display:grid;gap:12px}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-toggle-card{padding:8px 10px 10px;border:1px solid var(--surface-border);background:#fff}.metrics-ribbon,.order-mini-metrics,.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.metrics-ribbon span,.order-mini-metrics span,.issue-chip,.neutral-chip,.file-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--surface-border);background:#fff;color:var(--main-color);font-size:12px;font-weight:600}.order-hero-shell .issue-chip,.order-hero-shell .neutral-chip{border-color:#01aeff40;background:#01aeff14;color:var(--main-color)}.order-section-tabs-compact .small-button:last-child{min-width:92px}.order-section-tabs-compact{gap:6px}.order-section-tabs-compact .small-button{min-height:30px;padding:6px 8px;font-size:10px}.compact-section-head h3{margin:0}.list-summary-card{min-width:84px;padding:10px 12px;border:1px solid var(--main-color);background:#fff;color:var(--main-color);display:grid;justify-items:center}.item-card,.metric-card,.timeline-item,.soft-note{padding:14px;background:#fff}.order-list-grid,.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.order-card-premium,.order-detail-card,.purchase-record-card,.compact-file-card,.timeline-item{display:grid;gap:10px}.order-card-topline{align-items:center;font-size:12px;color:var(--muted)}.active-order-card{border-color:var(--hover-color)}.empty-state{text-align:center;padding:20px 14px}.empty-title{font-weight:700}.small-button{width:auto;margin-top:0;min-height:34px;padding:7px 10px;font-size:11px}.active-switch{background:#01aeff1f;border-color:var(--hover-color);color:var(--main-color)}.danger-button{background:#fff!important;color:var(--danger)!important;border:1px solid var(--danger)!important}.wrap-actions{flex-wrap:wrap}.compact-row{justify-content:flex-start}.header-select-wrap{display:grid;gap:2px;min-width:148px;font-size:10px;color:var(--muted)}.header-mini-select{min-height:34px;padding:6px 8px;border:1px solid var(--line-color);background:#fff;color:var(--main-color);font-size:12px}.owner-tools-card{display:grid;gap:10px}.owner-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:end}.owner-tool-field{display:grid;gap:4px}.owner-tool-field span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compact-file-card,.timeline-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}.document-assist-card{grid-column:1 / -1;display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line-color)}.component-draft-card{display:grid;gap:10px;padding:10px;border:1px solid var(--surface-border);background:#f8fbff}.draft-component-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.draft-quick-add{grid-column:1 / -1;display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--surface-border)}.document-assist-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.assist-chip-row,.assist-meta-row{display:flex;flex-wrap:wrap;gap:6px}.assist-meta-chip{border:1px solid var(--line-color);background:#f7f9fc;color:var(--main-color);padding:5px 8px;font-size:11px}.assist-block{display:grid;gap:4px}.assist-caption{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.assist-list{margin:0;padding-left:18px;display:grid;gap:4px}.timeline-side{display:grid;justify-items:end;gap:8px}.tone-success{border-left:3px solid var(--success)}.tone-info{border-left:3px solid var(--hover-color)}.tone-warning{border-left:3px solid #fcb900}.tone-doc{border-left:3px solid var(--hover-color)}.confirm-card{background:#fff;color:var(--main-color)}.confirm-card .meta,.confirm-card .section-kicker{color:var(--muted)}.confirm-grid{display:grid;gap:8px}.stats-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.stats-banner-side{display:grid;align-content:center;gap:6px;text-align:right;font-weight:700}.stats-chart-card{display:grid;gap:14px;padding:16px}.compare-chart{display:grid;gap:14px}.compare-chart-row{display:grid;gap:8px}.compare-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.compare-chart-head span{color:var(--muted);font-size:12px}.compare-chart-head strong{font-size:14px;font-weight:700}.compare-chart-track{height:10px;background:#d6deeb}.compare-chart-fill{height:100%;min-width:6%}.compare-chart-fill.is-sales{background:var(--hover-color)}.compare-chart-fill.is-cogs{background:#c7d4e3}.compare-chart-fill.is-other{background:#aebfd4}.compare-chart-fill.is-profit{background:var(--success)}.compare-chart-fill.is-loss{background:var(--danger)}.bottom-tabs{position:fixed;left:50%;transform:translate(-50%);width:min(1068px,calc(100% - 16px));bottom:8px;z-index:50;padding:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid var(--surface-border)}.tabs-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tab-button{width:auto;margin:0;min-height:42px;padding:6px 8px;background:#fff;border:1px solid var(--surface-border);color:var(--muted);display:grid;justify-items:center;gap:2px}.tab-button.active{background:#01aeff1f;border-color:var(--hover-color);color:var(--main-color)}.tab-label{font-size:11px;font-weight:700;text-transform:uppercase}.status-banner{border:1px solid var(--surface-border);padding:8px 10px;font-size:12px}.inline-empty-note{padding:8px 2px 2px;color:var(--muted);font-size:12px}.status-banner.success{border-color:var(--success)}.status-banner.error{border-color:var(--danger)}.status-banner.info{border-color:var(--hover-color)}.input-invalid,.helper-error{color:var(--danger)}.input-invalid{border-color:var(--danger)}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 1.4s infinite}.skeleton-card{min-height:92px}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:900px){.brand-hero,.purchases-layout,.stats-hero,.hero-metrics-grid,.order-hero-ribbon,.order-route-strip,.stats-banner{grid-template-columns:1fr}.order-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-banner-side{text-align:left}}@media(max-width:720px){.app{padding:8px 10px 82px}.panel,.step-card,.preview-card,.feature-panel,.hero-metric-card,.order-hero-shell,.stats-banner,.item-card,.metric-card,.timeline-item{padding:12px}.section-intro,.app-header-row,.order-shell-topline,.stage-card-head,.compact-section-head,.feature-panel-head,.row-actions,.section-heading,.compact-heading{flex-direction:column}.problem-inline-card,.order-next-step{flex-direction:column;align-items:flex-start}.form-grid-two,.form-grid-three,.compact-file-card,.timeline-item{grid-template-columns:1fr}.order-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-side{justify-items:start}.bottom-tabs{width:calc(100% - 12px);bottom:6px}.tab-button{justify-items:center;text-align:center}}