@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.ui-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:38px;padding:.58rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:.88rem;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease,opacity .15s ease}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-primary{color:#fff;background:var(--primary);box-shadow:var(--shadow-sm)}.ui-button-primary:hover:not(:disabled){background:var(--primary-hover)}.ui-button-secondary{color:var(--text);background:var(--surface);border-color:var(--border)}.ui-button-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.ui-button-danger{color:var(--danger);background:var(--danger-soft)}.ui-button-ghost{color:var(--text-muted);background:transparent}.ui-button-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.ui-button-sm{min-height:32px;padding:.42rem .72rem;font-size:.8rem}.ui-button-lg{min-height:44px;padding:.72rem 1.2rem}.ui-icon-button{width:38px;height:38px;padding:0}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.ui-card-padded{padding:1.25rem}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ui-page-header-main{min-width:0}.ui-page-header-title{margin:0;font-size:1.7rem;line-height:1.15;font-weight:800}.ui-page-header-description{margin:.3rem 0 0;color:var(--text-muted)}.ui-page-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.ui-field{display:flex;flex-direction:column;gap:.38rem}.ui-field-label{font-size:.78rem;line-height:1.2;font-weight:650;color:var(--text)}.ui-field-hint{color:var(--text-muted);font-size:.74rem}.ui-input-wrap{position:relative;display:flex;align-items:center;width:100%}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.ui-input,.ui-select{padding:.58rem .78rem}.ui-textarea{min-height:88px;padding:.68rem .78rem;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-light)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--border-strong)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-input-has-left{padding-left:2.35rem}.ui-input-left-icon{position:absolute;left:.78rem;display:grid;place-items:center;color:var(--text-light);pointer-events:none}.ui-search-input{min-height:42px}.ui-error{margin-bottom:1rem;padding:.72rem .9rem;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:.84rem;font-weight:600}.ui-empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:2.2rem 1rem;text-align:center;color:var(--text-muted)}.ui-empty-state-icon{color:var(--text-light)}.ui-empty-state-title{color:var(--text);font-size:1rem;font-weight:750}.ui-empty-state-description{max-width:460px;font-size:.82rem}.ui-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .62rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--surface-hover);color:var(--text-muted)}.ui-badge-success{background:var(--success-soft);color:var(--success)}.ui-badge-warning{background:var(--warning-soft);color:var(--warning)}.ui-badge-danger{background:var(--danger-soft);color:var(--danger)}.ui-badge-info{background:var(--primary-soft);color:var(--primary)}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:1.25rem;background:#0f172a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-modal{width:min(620px,100%);max-height:min(86vh,900px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ui-modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.ui-modal-title{margin:0;font-size:1.15rem;font-weight:800}.ui-modal-description{margin-top:.25rem;color:var(--text-muted);font-size:.8rem}.ui-modal-body{padding:1.25rem}.ui-modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;background:var(--surface);border-top:1px solid var(--border)}.ui-list{display:grid;gap:.65rem}.ui-list-item{display:flex;align-items:center;gap:.8rem;padding:.82rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ui-list-item-clickable{cursor:pointer}.ui-list-item-clickable:hover{border-color:var(--border-strong);background:var(--surface-hover)}.ui-list-item-icon{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.ui-list-item-content{min-width:0;flex:1}.ui-list-item-title{overflow:hidden;color:var(--text);font-size:.88rem;font-weight:720;white-space:nowrap;text-overflow:ellipsis}.ui-list-item-subtitle{margin-top:.14rem;overflow:hidden;color:var(--text-muted);font-size:.74rem;white-space:nowrap;text-overflow:ellipsis}.ui-form-grid{display:grid;gap:.85rem}.ui-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-checkbox{display:inline-flex;align-items:center;gap:.55rem;color:var(--text);font-size:.84rem;cursor:pointer}.ui-checkbox input{width:16px;height:16px;accent-color:var(--primary)}@media (max-width: 720px){.ui-page-header{align-items:stretch;flex-direction:column}.ui-page-header-actions{width:100%}.ui-page-header-actions .ui-button{flex:1}.ui-form-grid-2{grid-template-columns:1fr}.ui-modal-backdrop{padding:0;align-items:end}.ui-modal{width:100%;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.page-title{margin-bottom:.5rem}.page-description{color:#6b7280}.client-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.client-stat-card{display:flex;align-items:center;gap:12px;min-height:84px;padding:15px;border:1px solid var(--border, #e4e7ec);border-radius:12px;background:#fff;color:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #1018280a}.client-stat-card:hover{border-color:#c7d0ff;background:#fbfcff}.client-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px}.client-stat-icon.blue{color:#4f67ff;background:#eef2ff}.client-stat-icon.amber{color:#dc6803;background:#fff4e5}.client-stat-icon.green{color:#039855;background:#ecfdf3}.client-stat-icon.violet{color:#6941c6;background:#f4f3ff}.client-stat-copy{display:grid;gap:3px}.client-stat-copy strong{color:#101828;font-size:1.15rem}.client-stat-copy span{color:#667085;font-size:.76rem}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);gap:14px;align-items:start}.client-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.client-section-head h3{margin:0;font-size:.95rem}.client-section-head p{margin:4px 0 0;color:#667085;font-size:.72rem}.client-link-button{border:0;background:transparent;color:#4f67ff;font:inherit;font-size:.74rem;font-weight:750;cursor:pointer}.client-order-list{display:grid}.client-order-row{display:grid;grid-template-columns:minmax(0,1fr) .75fr .55fr .8fr;gap:12px;align-items:center;width:100%;padding:11px 0;border:0;border-bottom:1px solid #edf0f4;background:transparent;color:inherit;text-align:left;cursor:pointer}.client-order-row:hover{background:#fafbff}.client-order-main{display:grid;gap:2px}.client-order-main small,.client-order-status,.client-order-date{color:#667085;font-size:.7rem}.client-order-date{display:inline-flex;align-items:center;gap:5px}.client-finance-list{display:grid}.client-finance-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}.client-finance-list span{color:#667085;font-size:.76rem}.client-finance-list .positive{color:#039855}.client-finance-list .negative,.client-dashboard-error{color:#b42318}.client-dashboard-error{margin-bottom:12px;padding:10px 12px;border:1px solid #fecdca;border-radius:9px;background:#fef3f2;font-size:.78rem}.client-empty{padding:28px 10px;color:#98a2b3;text-align:center;font-size:.78rem}@media (max-width: 1100px){.client-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-dashboard-grid{grid-template-columns:1fr}}@media (max-width: 720px){.client-stats-grid{grid-template-columns:1fr}.client-order-row{grid-template-columns:minmax(0,1fr) auto}.client-order-status,.client-order-date{display:none}}.machines-page{display:flex;flex-direction:column;gap:16px}.machines-head-actions{display:flex;align-items:center;gap:8px}.machines-loading{padding:28px;color:#7b879a;text-align:center}.machines-empty{min-height:260px}.machine-form,.technology-modal{padding:18px}.machine-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.machine-form-head>div{display:flex;flex-direction:column;gap:4px}.machine-form-head strong{color:#111827;font-size:16px}.machine-form-head span{color:#7b879a;font-size:12px}.machine-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.machine-form-grid label,.machine-comment,.tech-grid label{display:grid;gap:6px}.machine-form-grid label>span,.machine-comment>span,.tech-grid label>span{color:#667085;font-size:12px}.machine-form-grid input,.machine-form-grid select,.machine-comment textarea,.tech-grid input,.tech-grid select{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#111827;font:inherit;outline:none}.machine-comment{margin-top:12px}.machine-comment textarea{min-height:76px;padding:9px 10px;resize:vertical}.machine-form-grid input:focus,.machine-form-grid select:focus,.machine-comment textarea:focus,.tech-grid input:focus,.tech-grid select:focus{border-color:#536dfe;box-shadow:0 0 0 3px #536dfe1a}.machine-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.machines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.machine-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #e1e6ee;color:inherit;text-align:left;cursor:pointer}.machine-card:hover{border-color:#cbd3df;background:#fbfcfd}.machine-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:#f1f4ff;color:#536dfe}.machine-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}.machine-card-main strong{color:#111827;font-size:14px}.machine-card-main span{color:#7c8798;font-size:11px}.machine-card-main small{color:#98a2b3;font-size:10px}.machine-card-side{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.machine-status,.tech-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:600}.machine-status.active,.tech-status.active{background:#ecfdf3;color:#027a48}.machine-status.maintenance{background:#fffaeb;color:#b54708}.machine-status.inactive,.tech-status.inactive{background:#f2f4f7;color:#667085}.machine-tech-count{display:inline-flex;align-items:center;gap:4px;color:#7c8798;font-size:10px}.machine-details-title{display:flex;align-items:flex-start;gap:10px}.machine-info-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.machine-info-card>div{display:flex;align-items:center;gap:10px}.machine-info-card>div>svg{color:#536dfe}.machine-info-card>div>div{display:flex;flex-direction:column;gap:2px}.machine-info-card strong{color:#111827;font-size:13px}.machine-info-card span{color:#7c8798;font-size:10px}.machine-tech-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;min-height:220px;padding:24px;color:#8490a2;text-align:center}.machine-tech-empty strong{color:#111827}.machine-tech-groups{display:grid;gap:12px}.machine-tech-card{overflow:hidden}.machine-tech-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #edf0f4}.machine-tech-card-head button{padding:0;border:0;background:transparent;color:#111827;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.machine-tech-card-head button:hover{color:#536dfe}.machine-tech-card-head span{color:#8792a4;font-size:10px}.machine-tech-table-wrap{overflow-x:auto}.machine-tech-table{width:100%}.machine-tech-table th,.machine-tech-table td{white-space:nowrap}.machine-modal-backdrop{position:fixed;z-index:1100;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.technology-modal{width:min(880px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 70px #0f172a33}.tech-section{padding:14px 0;border-top:1px solid #edf0f4}.tech-section:first-of-type{padding-top:0;border-top:0}.tech-section h4{margin:0 0 10px;color:#111827;font-size:13px}.tech-grid{display:grid;gap:10px}.tech-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-enabled{display:flex!important;align-items:center;flex-direction:row!important;gap:8px!important;min-height:38px}.tech-enabled input{width:16px;min-height:16px;height:16px;padding:0}.tech-enabled span{color:#344054!important}@media (max-width: 760px){.machines-head-actions{align-items:stretch;flex-direction:column}.machine-form-grid,.tech-grid.two,.tech-grid.three{grid-template-columns:1fr}.machine-card{grid-template-columns:42px minmax(0,1fr)}.machine-card-side{grid-column:1 / -1;align-items:center;flex-direction:row;justify-content:space-between}}.tech-edit-button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:#344054;font:inherit;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer}.tech-edit-button:hover{border-color:#536dfe;background:#f5f7ff;color:#536dfe}.tech-warning{margin-top:10px;padding:9px 10px;border:1px solid #fedf89;border-radius:8px;background:#fffaeb;color:#93370d;font-size:11px;line-height:1.45}.tech-grid select:disabled,.tech-grid input:disabled{background:#f7f8fa;color:#667085;cursor:not-allowed}.purchases-card{padding:1.15rem;margin-top:1rem}.purchases-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.purchases-head h3{margin:0 0 .2rem}.purchases-head p{margin:0;color:var(--text-muted)}.purchase-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.purchase-kpis>div{border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.purchase-kpis span{color:var(--text-muted);font-size:.78rem}.purchase-kpis strong{font-size:.95rem}.purchases-table-wrap{overflow:auto}.purchase-cancelled{opacity:.45;text-decoration:line-through}.purchase-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.purchase-modal{width:min(820px,100%);max-height:92vh;overflow:auto;padding:1.25rem}.purchase-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.purchase-modal-head>div{display:flex;gap:.6rem;align-items:center}.purchase-modal-head h3{margin:0}.purchase-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.purchase-modal label{display:flex;flex-direction:column;gap:.35rem}.purchase-modal input,.purchase-modal textarea{border:1px solid var(--border);border-radius:9px;min-height:40px;padding:.55rem .65rem;background:var(--surface);color:var(--text)}.purchase-modal textarea{min-height:76px;resize:vertical}.purchase-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1rem 0;padding:.75rem;border-radius:11px;background:var(--surface-soft)}.purchase-preview>div{display:flex;flex-direction:column;gap:.2rem}.purchase-preview span{color:var(--text-muted);font-size:.76rem}.purchase-price-m2 strong{color:var(--primary);font-size:1.05rem}.purchase-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1rem}@media (max-width:800px){.purchase-kpis,.purchase-preview{grid-template-columns:repeat(2,1fr)}.purchase-form-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.purchases-head{flex-direction:column}.purchase-kpis,.purchase-preview,.purchase-form-grid{grid-template-columns:1fr}}.purchase-color-stock{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:12px 0}.purchase-color-stock-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e4e8ef;border-radius:9px;background:#fff}.purchase-color-dot{width:28px;height:28px;border-radius:50%;border:1px solid #dfe4ec}.purchase-color-stock-item div{display:flex;flex-direction:column;gap:1px}.purchase-color-stock-item strong{font-size:11px;color:#111827}.purchase-color-stock-item span{font-size:9px;color:#8792a4}.purchase-color-stock-item b{font-size:11px;color:#344054}.purchase-color-cell{display:inline-flex;align-items:center;gap:6px}.purchase-color-cell i{width:14px;height:14px;border-radius:50%;border:1px solid #dfe4ec;display:inline-block}.purchase-form-grid select{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;font:inherit}.purchase-color-field{grid-column:span 2}@media (max-width:760px){.purchase-color-field{grid-column:auto}}.purchase-color-stock-item small{color:#64748b;font-size:10px}.purchase-color-editor,.purchase-color-cell{display:inline-flex;align-items:center;gap:6px}.purchase-color-editor select{min-height:30px;max-width:180px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;padding:0 8px;font:inherit}.purchase-inline-action{width:28px;height:28px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.purchase-inline-action:hover:not(:disabled){background:#f8fafc;color:#334155}.purchase-thickness-line{display:flex;align-items:center;gap:6px}.purchase-thickness-modal{width:min(620px,100%)}.purchase-edit-hint{margin:12px 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.45}.materials-page{display:flex;flex-direction:column;gap:16px}.materials-head-actions{display:flex;align-items:center;gap:8px}.materials-loading{padding:28px;color:#7b879a;text-align:center}.materials-empty{min-height:260px}.materials-empty .btn{margin-top:8px}.material-form{padding:18px}.material-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.material-form-head>div{display:flex;flex-direction:column;gap:4px}.material-form-head strong{color:#111827;font-size:16px}.material-form-head span{color:#7b879a;font-size:12px}.material-form-grid,.thickness-grid{display:grid;grid-template-columns:2fr 1.4fr 140px;gap:12px}.thickness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-form-grid label,.thickness-grid label{display:grid;gap:6px}.material-form-grid label>span,.thickness-grid label>span{color:#667085;font-size:12px}.material-form-grid input,.material-form-grid select,.thickness-grid input{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#111827;font:inherit;outline:none}.material-form-grid input:focus,.material-form-grid select:focus,.thickness-grid input:focus{border-color:#536dfe;box-shadow:0 0 0 3px #536dfe1a}.material-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.materials-list{display:grid;gap:10px}.material-card{overflow:hidden}.material-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) 90px 90px 28px;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer}.material-card-head:hover{background:#fafbfc}.material-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f1f4ff;color:#536dfe}.material-main-info{display:flex;flex-direction:column;gap:3px;min-width:0}.material-main-info strong{color:#111827;font-size:14px}.material-main-info span{color:#7e8a9f;font-size:11px}.material-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.material-stat strong{color:#111827;font-size:14px}.material-stat span{color:#8a95a7;font-size:10px}.material-expand-icon{display:flex;justify-content:flex-end;color:#7b879a}.material-card-body{padding:0 16px 16px;border-top:1px solid #edf0f4}.material-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 10px}.material-section-head>div{display:flex;flex-direction:column;gap:3px}.material-section-head h3{margin:0;color:#111827;font-size:14px}.material-section-head span{color:#8490a2;font-size:11px}.material-machines-head{margin-top:6px}.material-thickness-table-wrap{overflow-x:auto;border:1px solid #e4e8ef;border-radius:9px}.material-thickness-table{width:100%;border-collapse:collapse;background:#fff}.material-thickness-table th,.material-thickness-table td{padding:9px 10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.material-thickness-table th{background:#fafbfc;color:#7c8798;font-size:10px;font-weight:600}.material-thickness-table td{color:#344054;font-size:12px}.material-thickness-table tbody tr:last-child td{border-bottom:0}.material-thickness-table td strong{color:#111827}.material-inline-empty{display:flex;align-items:center;gap:10px;min-height:66px;padding:12px;border:1px dashed #dce2eb;border-radius:9px;background:#fbfcfd;color:#8490a2;font-size:12px}.material-machines{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.material-machine{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e3e7ee;border-radius:9px;background:#fff}.material-machine>svg{color:#536dfe}.material-machine>div{display:flex;flex-direction:column;gap:2px;min-width:0}.material-machine strong{color:#111827;font-size:12px}.material-machine span{overflow:hidden;color:#8792a4;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.material-machine small{color:#667085;font-size:10px}.materials-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a5c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.thickness-modal{width:min(620px,100%);padding:18px;box-shadow:0 18px 60px #0f172a2e}@media (max-width: 760px){.materials-head-actions{align-items:stretch;flex-direction:column}.material-form-grid,.thickness-grid{grid-template-columns:1fr}.material-card-head{grid-template-columns:38px minmax(0,1fr) 28px}.material-stat{display:none}.material-section-head{align-items:flex-start;flex-direction:column}}.category-new-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.category-new-input .btn{min-height:38px}.categories-modal{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow-y:auto;padding:18px;box-shadow:0 18px 60px #0f172a2e}.categories-list{overflow:hidden;border:1px solid #e4e8ef;border-radius:10px;background:#fff}.category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:8px 10px 8px 13px;border-bottom:1px solid #edf0f4}.category-row:last-child{border-bottom:0}.category-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.category-row-main strong{color:#111827;font-size:13px}.category-row-main span{color:#8a95a7;font-size:10px}.category-row-main input,.category-create-controls input{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#111827;font:inherit;outline:none}.category-row-main input:focus,.category-create-controls input:focus{border-color:#536dfe;box-shadow:0 0 0 3px #536dfe1a}.category-row-actions{display:flex;align-items:center;gap:6px}.category-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#667085;cursor:pointer}.category-icon-button:hover{border-color:#dfe4ec;background:#f8fafc;color:#111827}.category-icon-button.danger{color:#e5484d}.category-icon-button.danger:hover{border-color:#fecaca;background:#fff1f2;color:#dc2626}.btn-small{min-height:32px;padding:0 9px;font-size:11px}.category-create-form{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #edf0f4}.category-create-form>div:first-child{display:flex;flex-direction:column;gap:3px}.category-create-form strong{color:#111827;font-size:13px}.category-create-form span{color:#8a95a7;font-size:10px}.category-create-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.category-empty{padding:22px;color:#8a95a7;font-size:12px;text-align:center}@media (max-width: 620px){.category-create-controls,.category-new-input,.category-row{grid-template-columns:1fr}.category-row-actions{justify-content:flex-end}}.material-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-bottom:8px}.material-color-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e7ee;border-radius:10px;background:#fff}.material-color-swatch{width:34px;height:34px;border:1px solid #dfe4ec;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffb3}.material-color-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}.material-color-card strong{color:#111827;font-size:12px}.material-color-card span{color:#8792a4;font-size:10px}.material-color-card small{color:#536dfe;font-size:10px;font-weight:600}.color-modal{width:min(620px,100%);padding:18px}.color-form-grid{display:grid;grid-template-columns:1.5fr 1fr 90px;gap:12px}.color-form-grid label{display:grid;gap:6px}.color-form-grid label>span{color:#667085;font-size:12px}.color-form-grid input{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;font:inherit}.color-form-grid input[type=color]{padding:4px}.color-default-check{display:flex;align-items:center;gap:8px;margin-top:14px;color:#475467;font-size:12px}@media (max-width:760px){.color-form-grid{grid-template-columns:1fr}}.material-purchases-inline{margin-top:12px}.material-color-edit{margin-left:auto;width:30px;height:30px;border:1px solid var(--border-color, #e2e8f0);border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.material-color-edit:hover{color:#334155;background:#f8fafc}.order-final-preview{height:100%}.order-final-preview-title{margin-bottom:9px;color:#667085;font-size:11px;font-weight:600}.order-final-preview-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,.9fr);gap:12px;align-items:center}.order-final-preview-canvas{display:flex;align-items:center;justify-content:center;min-height:170px;max-height:230px;overflow:hidden;border:1px solid #e5e9f0;border-radius:8px;background:#fff}.order-final-preview-canvas svg{display:block;width:100%;height:100%;max-height:220px}.order-final-preview-legend{display:grid;gap:12px}.order-final-preview-legend-item{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:flex-start}.order-final-preview-legend-item>div{display:flex;flex-direction:column;gap:2px}.order-final-preview-legend-item strong{color:#344054;font-size:11px;line-height:1.35}.order-final-preview-legend-item span:not(.legend-swatch){color:#7b879a;font-size:10px;line-height:1.35}.legend-swatch{--legend-color: #111827;display:inline-block;width:14px;height:14px;margin-top:1px;border-radius:3px}.legend-swatch.fill{border:1px solid var(--legend-color);background:repeating-linear-gradient(135deg,var(--legend-color),var(--legend-color) 2px,transparent 2px,transparent 4px)}.legend-swatch.outline{border:2px solid var(--legend-color);background:transparent}.order-final-preview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:160px;color:#98a2b3;font-size:11px}@media (max-width: 1100px){.order-final-preview-layout{grid-template-columns:1fr}}.order-item-body{grid-template-columns:minmax(320px,38%) minmax(0,1fr)}.order-item-preview-column{display:flex;align-items:stretch;min-height:260px}.order-item-preview-column .order-final-preview{width:100%}.order-item-data-column{padding:0}.order-item-data-column .order-item-meta,.order-item-data-column .order-item-metrics,.order-item-data-column .order-item-price-grid{padding-left:16px;padding-right:16px}.order-item-data-column .order-item-meta,.order-item-data-column .order-item-metrics{padding-top:16px;padding-bottom:16px}.order-item-data-column .order-item-price-grid{padding-top:16px;padding-bottom:16px;border-top:1px solid #edf0f4;border-bottom:0}.order-item-data-column .order-item-price-total{padding-left:16px}.order-final-preview-layout{grid-template-columns:minmax(180px,1.15fr) minmax(150px,.85fr);align-items:start}.order-final-preview-canvas{min-height:210px;max-height:260px}.order-final-preview-canvas svg{max-height:250px}.order-final-preview-title{font-size:12px;color:#475467}.order-final-preview-legend-item strong{font-size:11px}.order-final-preview-legend-item span:not(.legend-swatch){font-size:10px}@media (max-width: 900px){.order-item-body{grid-template-columns:1fr}.order-item-preview-column{min-height:unset}.order-final-preview-layout{grid-template-columns:1fr}}.order-item-head-preview{display:flex;align-items:center;justify-content:center;width:52px;height:42px;overflow:hidden;border-left:1px solid #edf0f4;padding-left:10px}.order-final-preview-compact{width:42px;height:38px}.order-final-preview-compact-canvas{display:flex;align-items:center;justify-content:center;width:42px;height:38px;overflow:hidden;background:transparent}.order-final-preview-compact-canvas svg{display:block;width:100%;height:100%;max-width:42px;max-height:38px}@media (max-width: 720px){.order-item-head-preview{display:none}}.layout-library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#11182761}.layout-library-dialog{width:min(760px,100%);max-height:88vh;overflow:auto;border:1px solid #e3e7ee;border-radius:14px;background:#fff;box-shadow:0 24px 60px #1118272e}.layout-library-head{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid #edf0f4}.layout-library-head>div{display:flex;flex:1;flex-direction:column;gap:3px}.layout-library-head strong{color:#111827;font-size:15px}.layout-library-head span{color:#8490a2;font-size:11px}.layout-library-actions{padding:16px 18px 8px}.layout-action-card{display:flex;width:100%;align-items:center;gap:12px;padding:14px;border:1px dashed #b8c2ff;border-radius:10px;background:#fafbff;color:#344054;text-align:left;cursor:pointer}.layout-action-card>svg{color:#536dfe}.layout-action-card strong,.layout-action-card span{display:block}.layout-action-card span{color:#8490a2;font-size:10px}.layout-library-search{display:flex;align-items:center;gap:7px;margin:8px 18px 12px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px}.layout-library-search input{width:100%;min-height:36px;border:0;outline:0}.layout-template-list,.variant-picker{display:grid;gap:8px;padding:0 18px 18px}.layout-template-card,.variant-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e3e7ee;border-radius:9px;background:#fff;color:#344054;text-align:left;cursor:pointer}.layout-template-card:hover,.variant-card:hover{border-color:#536dfe;background:#fafbff}.layout-template-card strong,.layout-template-card span,.layout-template-card small,.variant-card strong,.variant-card span,.variant-card small{display:block}.layout-template-card span,.layout-template-card small,.variant-card span,.variant-card small{color:#8490a2;font-size:10px}.variant-card{flex-direction:column;align-items:flex-start}.variant-card.new{flex-direction:row;align-items:center;border-style:dashed;color:#536dfe}.variant-card.legacy{background:#fffdf4}.layout-empty{padding:26px;color:#8490a2;font-size:11px;text-align:center}.layout-template-preview{display:flex;width:58px;min-width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5e9f0;border-radius:8px;background:#fff;color:#7c8799}.layout-template-preview-svg{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.layout-template-preview-svg svg{display:block;width:100%;height:100%;padding:4px;object-fit:contain}.layout-template-preview-svg svg *{vector-effect:non-scaling-stroke}.layout-template-info{min-width:0;flex:1}.layout-template-info strong,.layout-template-info span,.layout-template-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-card:not(.new):not(.legacy){flex-direction:row;align-items:center;min-height:82px}.variant-preview{display:flex;width:72px;min-width:72px;height:58px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5e9f0;border-radius:8px;background:#fff;color:#8a95a6}.variant-preview-svg{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.variant-preview-svg svg{display:block;width:100%;height:100%;padding:4px}.variant-preview-svg svg *{vector-effect:non-scaling-stroke}.variant-card-info{min-width:0;flex:1}.variant-card-info strong,.variant-card-info span,.variant-card-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-loading-block{display:grid;gap:9px;padding:28px 16px;text-align:center;color:#344054}.layout-loading-block strong{font-size:11px}.layout-loading-block small,.layout-load-more-progress small{color:#8490a2;font-size:10px}.layout-progress-track{position:relative;width:100%;height:5px;overflow:hidden;border-radius:999px;background:#eef1f5}.layout-progress-bar{position:absolute;top:0;bottom:0;width:38%;border-radius:inherit;background:#536dfe;animation:layout-progress-slide 1.05s ease-in-out infinite}@keyframes layout-progress-slide{0%{left:-38%}55%{left:46%}to{left:100%}}.layout-load-more-progress{display:grid;gap:7px;padding:8px 4px 2px;text-align:center}.layout-load-more-button{display:flex;width:100%;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px dashed #b8c2ff;border-radius:9px;background:#fafbff;color:#536dfe;font-size:11px;font-weight:600;cursor:pointer}.layout-load-more-button:hover{border-color:#536dfe;background:#f5f7ff}.layout-list-end{padding:9px 0 1px;color:#98a2b3;font-size:10px;text-align:center}.orders-head-actions{display:flex;gap:.6rem;flex-wrap:wrap}.order-date-groups{display:grid;gap:28px}.order-date-group{min-width:0}.order-date-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:12px}.order-date-header h3{margin:0;font-size:1.05rem;line-height:1.2;font-weight:800;text-transform:capitalize}.order-date-header div>span{display:block;margin-top:3px;color:var(--text-muted);font-size:.74rem}.order-date-count{min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);font-size:.74rem;font-weight:800}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:start;width:100%}.order-card{width:100%;min-width:0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .08s ease}.order-card:hover{border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--shadow-md)}.order-card:active{transform:translateY(1px)}.order-card:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.order-carousel{border-bottom:1px solid var(--border);background:#fafbfc}.order-carousel-main{position:relative;height:190px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(45deg,#f7f8fb 25%,transparent 25%),linear-gradient(-45deg,#f7f8fb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f8fb 75%),linear-gradient(-45deg,transparent 75%,#f7f8fb 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.order-carousel-main>img{display:block;width:100%;height:100%;padding:12px;object-fit:contain}.order-carousel-empty{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--text-light);font-size:.74rem}.order-carousel-arrow{position:absolute;top:50%;width:32px;height:42px;padding:0;border:1px solid var(--border);border-radius:9px;background:#ffffffeb;color:var(--text);font-size:24px;line-height:1;box-shadow:var(--shadow-sm);transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .15s ease}.order-card:hover .order-carousel-arrow{opacity:1}.order-carousel-prev{left:8px}.order-carousel-next{right:8px}.order-carousel-counter{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:#111827b8;color:#fff;font-size:.68rem;font-weight:750}.order-carousel-thumbs{display:flex;gap:5px;padding:7px 8px;overflow-x:auto;scrollbar-width:thin}.order-carousel-thumb{flex:0 0 auto;width:38px;height:30px;padding:2px;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer}.order-carousel-thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.order-carousel-thumb img{width:100%;height:100%;object-fit:contain}.order-card-data{padding:13px 14px 14px}.order-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-card-heading>div{min-width:0}.order-card-number{display:block;margin-bottom:5px;color:var(--primary);font-size:.75rem;line-height:1;font-weight:800;letter-spacing:.045em}.order-card-title{display:block;overflow:hidden;color:var(--text);font-size:.98rem;line-height:1.25;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.order-card-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin-top:14px}.order-card-info span{min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--text-muted);font-size:.69rem}.order-card-info b{overflow:hidden;color:var(--text);font-size:.77rem;font-weight:720;white-space:nowrap;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;font-weight:750}.badge.info{background:#ddf7fb;color:#00a6bc}@media (max-width: 1100px){.orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.orders-grid{grid-template-columns:1fr}.order-carousel-main{height:170px}.order-carousel-arrow{opacity:1}.order-card-info{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-head-actions{width:100%}.orders-head-actions .btn{flex:1}}.order-status-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;white-space:nowrap}.order-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.order-status-badge.success{color:#15803d;background:#ecfdf3;border-color:#bbf7d0}.order-status-badge.warning{color:#a16207;background:#fffbeb;border-color:#fde68a}.order-status-badge.danger{color:#b42318;background:#fef3f2;border-color:#fecaca}.order-status-badge.production{color:#175cd3;background:#eff8ff;border-color:#b2ddff}.order-status-badge.info{color:#475467;background:#f2f4f7;border-color:#e4e7ec}.order-card-image{aspect-ratio:1 / 1;min-height:0;overflow:hidden;background:#fff}.order-card-main-preview,.order-card-thumbnail-bg{display:block;width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-thumbnail{flex:0 0 34px;width:34px;height:34px;padding:2px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}.orders-view-toolbar{display:flex;justify-content:space-between;gap:16px;margin:4px 0 20px}.orders-view-switcher{display:inline-flex;gap:4px;padding:4px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}.orders-view-switcher button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#667085;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.orders-view-switcher button.active{background:#eef2ff;color:#4054d6}.orders-view-switcher button>span{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff}.orders-transition-error{margin:-8px 0 16px;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fef3f2;color:#b42318;font-size:13px}.orders-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,340px);gap:14px;align-items:start;overflow-x:auto;padding:2px 2px 18px}.orders-kanban-column{min-height:320px;padding:10px;border:1px solid #e4e7ec;border-radius:14px;background:#f8fafc}.orders-kanban-column.drop-active{border-color:#6172f3;background:#eef2ff}.orders-kanban-column.drop-disabled{opacity:.68}.orders-kanban-column-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.orders-kanban-column-head h3{margin:0;color:#344054;font-size:14px}.orders-kanban-column-head>span{min-width:24px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;border:1px solid #e4e7ec;color:#667085;font-size:11px;font-weight:800}.orders-kanban-column-body{display:grid;gap:12px}.orders-kanban-column .order-card{width:100%}.order-card-draggable{cursor:grab}.order-card-draggable:active{cursor:grabbing}.orders-kanban-empty{min-height:92px;display:grid;place-items:center;border:1px dashed #d0d5dd;border-radius:11px;color:#98a2b3;background:#ffffffa6}.orders-archive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.orders-archive-head h3{margin:0;font-size:18px;color:#344054}.orders-archive-head p{margin:4px 0 0;color:#98a2b3;font-size:13px}.orders-archive-head>span{min-width:30px;height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:800}@media (max-width:760px){.orders-view-toolbar{flex-direction:column;align-items:stretch}.orders-view-switcher{width:100%;overflow-x:auto}.orders-view-switcher button{flex:0 0 auto}.orders-kanban{grid-auto-columns:minmax(280px,88vw)}}.order-card-thumbnails{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:6px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:1px 0 3px;scrollbar-width:thin;scroll-behavior:smooth}.order-date-group .order-card,.orders-archive .order-card{width:100%}.order-card-thumbnail{flex:0 0 34px;width:34px;height:34px;padding:2px;overflow:hidden}.order-card-thumbnail-bg{display:block;width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-thumbnails::-webkit-scrollbar{height:5px}.order-date-group .orders-grid,.orders-archive .orders-grid{width:100%;max-width:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.order-date-group .order-card,.orders-archive .order-card{width:100%;max-width:none}.orders-grid,.order-date-group .orders-grid,.orders-archive .orders-grid{display:grid;width:100%;max-width:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:stretch}.order-date-group .order-card,.orders-archive .order-card{width:100%;max-width:none;min-width:0;height:100%}.order-card-image{width:100%;aspect-ratio:1 / 1;min-height:0;overflow:hidden;background:#fff}.order-card-main-preview{width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-data{display:flex;min-width:0;flex:1;flex-direction:column}.order-card-heading{min-height:58px}.order-card-info{margin-top:auto}@media (max-width: 640px){.orders-grid,.order-date-group .orders-grid,.orders-archive .orders-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}}.order-card-image{position:relative}.order-card-carousel-arrow{position:absolute;top:50%;z-index:3;width:30px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(208,213,221,.95);border-radius:9px;background:#ffffffeb;color:#344054;box-shadow:0 1px 4px #10182814;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .15s ease,background .15s ease}.order-card-image:hover .order-card-carousel-arrow,.order-card-carousel-arrow:focus-visible{opacity:1}.order-card-carousel-arrow:hover{background:#fff}.order-card-carousel-arrow.prev{left:7px}.order-card-carousel-arrow.next{right:7px}.order-card-body-header{min-height:46px;height:auto;padding:5px 7px;overflow:hidden}.order-card-thumbnails{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:5px;min-width:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 1px 4px;scrollbar-width:thin;scroll-behavior:smooth}.order-card-model-count{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 7px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:700;white-space:nowrap}@media (hover: none){.order-card-carousel-arrow{opacity:.86}}.orders-kanban{grid-auto-columns:310px}.orders-kanban-column{width:310px;min-width:310px}.orders-kanban-column .order-card{width:100%;min-width:0;max-width:none}.orders-kanban-column-body{display:grid;grid-template-columns:1fr;gap:12px}.order-card-body-header{min-height:48px;height:48px;padding:5px 7px;overflow:hidden}.order-card-model-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0}.order-card-thumbnails{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:5px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 1px 4px;scrollbar-width:thin;scroll-behavior:smooth}.order-card-thumbnail{flex:0 0 30px;width:30px;height:30px;padding:2px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}.order-card-thumbnail-bg,.order-card-thumbnail-empty{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-model-count{flex:0 0 auto;min-width:max-content;min-height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:700;white-space:nowrap}.order-card-thumbnails::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:999px}html,body,#root{max-width:100%;overflow-x:hidden}.orders-view-toolbar,.orders-kanban,.order-date-groups,.orders-archive{min-width:0;max-width:100%}.orders-kanban{width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scrollbar-width:thin}.orders-kanban-column{flex:0 0 310px;width:310px;min-width:310px;max-width:310px}.order-card,.order-card-data,.order-card-body-header,.order-card-model-strip{min-width:0}.order-card-body-header{display:block;width:100%;height:48px;min-height:48px;padding:5px 7px;overflow:hidden;box-sizing:border-box}.order-card-model-strip{display:flex;align-items:center;gap:7px;width:100%;height:100%;overflow:hidden}.order-card-thumbnails{display:flex!important;flex:1 1 auto;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start!important;gap:5px;min-width:0;width:auto!important;max-width:none!important;height:36px;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 4px;scrollbar-width:thin;scroll-behavior:smooth;white-space:nowrap}.order-card-thumbnail{display:block!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;padding:2px;margin:0;box-sizing:border-box;overflow:hidden}.order-card-thumbnail-bg,.order-card-thumbnail-empty{display:flex!important;width:100%!important;height:100%!important;min-width:0;min-height:0;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-model-count{flex:0 0 auto;margin-left:auto}.order-card-thumbnails::-webkit-scrollbar-thumb{background:#bfc5cf;border-radius:999px}.order-card-heading,.order-card-info{min-width:0}.order-card-number,.order-card-title{overflow-wrap:anywhere}@media (min-width: 761px){.orders-kanban{padding-bottom:12px}}.order-card-body-header{display:block;width:100%;min-width:0;min-height:48px;height:48px;box-sizing:border-box;padding:5px 7px;overflow:hidden}.order-card-thumbnails{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start!important;gap:5px;width:100%!important;min-width:0;max-width:100%!important;height:36px;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 4px;white-space:nowrap;scrollbar-width:thin;scroll-behavior:smooth}.order-card-thumbnail{display:block!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:2px!important;margin:0!important;border:1px solid #d0d5dd;border-radius:6px;background:#fff;overflow:hidden;box-sizing:border-box}.order-card-thumbnail.active{border-color:#4f67ff;box-shadow:0 0 0 1px #4f67ff}.order-card-thumbnail-bg,.order-card-thumbnail-empty{display:flex!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;align-items:center;justify-content:center;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-thumbnail-empty{color:#98a2b3;background:#f8fafc}.order-card-thumbnails::-webkit-scrollbar-thumb{background:#c7cdd7;border-radius:999px}.order-card-thumbnails{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start!important;gap:5px;width:100%!important;min-width:0;max-width:100%!important;height:36px;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;padding:2px 1px 4px;scrollbar-width:thin}.order-card-thumbnail{display:block!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;padding:2px!important;box-sizing:border-box}.order-card-thumbnail-bg,.order-card-thumbnail-empty{display:flex!important;width:100%!important;height:100%!important;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-thumbnails::-webkit-scrollbar{height:4px}.order-card-thumbnails::-webkit-scrollbar-thumb{background:#c5cad3;border-radius:999px}.order-card-thumbnails::-webkit-scrollbar-track{background:transparent}.order-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;min-height:82px}.order-card-number{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}.order-card-title{display:block;width:100%;min-width:0;color:#101828;font-weight:700;line-height:1.25}.order-card-status-row{display:flex;width:100%;margin-top:2px;align-items:center;justify-content:flex-start}.order-card-body-header{width:100%;min-width:0;height:48px;min-height:48px;padding:5px 7px;box-sizing:border-box;overflow:hidden}.order-card-model-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0;height:100%}.order-card-thumbnails{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start!important;gap:5px;width:100%!important;min-width:0;height:36px;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 4px;scrollbar-width:thin}.order-card-thumbnail{flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important}.order-card-thumbnail-bg,.order-card-thumbnail-empty{width:100%!important;height:100%!important;background-repeat:no-repeat;background-position:center;background-size:contain}.order-card-model-count{flex:0 0 auto;white-space:nowrap}.order-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:88px}.order-card-status-row{display:flex;width:100%;min-width:0;align-items:center;justify-content:flex-start;margin:0}.order-card-title{display:block;width:100%;min-width:0;color:#101828;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-number{display:block;width:100%;min-width:0;color:#4f67ff;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:normal}.order-card-image{overscroll-behavior:contain;touch-action:pan-x pan-y}.new-order-page{width:100%}.new-order-head{margin-bottom:1.25rem}.new-order-title-wrap{display:flex;align-items:flex-start;gap:.85rem}.icon-button{display:grid;place-items:center;width:40px;height:40px;margin-top:2px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.icon-button:hover{color:var(--primary);border-color:var(--border-strong);background:var(--surface-hover)}.new-order-layout{display:flex;flex-direction:column;gap:1rem;max-width:980px}.order-section{padding:1.5rem}.order-section-muted{opacity:.72}.order-section-head{display:flex;align-items:flex-start;gap:.9rem}.order-section-head h3{margin:0;font-size:1rem}.order-section-head p{margin:.35rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.45}.order-section-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.customer-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.25rem;padding:4px;border-radius:12px;background:var(--surface-hover)}.customer-mode{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:0 .9rem;border:0;border-radius:9px;background:transparent;color:var(--text-muted);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.customer-mode.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.selected-customer-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.9rem;margin-top:1.25rem;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.selected-customer-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.selected-customer-info{display:flex;min-width:0;flex-direction:column;gap:.3rem}.selected-customer-info strong{overflow:hidden;color:var(--text);font-size:.96rem;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.selected-customer-info span{overflow:hidden;color:var(--text-muted);font-size:.82rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.selected-customer-card>.btn{min-height:38px;padding-inline:.9rem;white-space:nowrap}.invite-result{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem;padding:1rem;border:1px solid rgba(79,107,255,.16);border-radius:14px;background:var(--primary-soft)}.invite-result>div:first-child{display:flex;flex-direction:column;gap:.25rem}.invite-result strong{color:var(--text);font-size:.9rem;font-weight:750}.invite-result span{color:var(--text-muted);font-size:.81rem;line-height:1.45}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center}.invite-link-row input{width:100%;min-width:0;height:40px;padding:0 .8rem;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.8rem}.invite-link-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f6bff1a}.invite-link-row .btn{min-height:40px;white-space:nowrap}.order-form-block{margin-top:1.25rem}.customer-results{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.customer-result{display:flex;align-items:center;gap:.8rem;width:100%;min-height:60px;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.customer-result:hover{border-color:var(--primary);background:var(--primary-soft)}.customer-result-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.customer-result-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:.2rem}.customer-result-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-result-info span,.customer-search-message{color:var(--text-muted);font-size:.8rem}.customer-search-empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:1rem;padding:1.5rem;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);text-align:center}.customer-search-empty strong{color:var(--text);font-size:.9rem}.customer-search-empty span{font-size:.82rem}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.order-field{display:flex;flex-direction:column;gap:.45rem;color:var(--text);font-size:.84rem;font-weight:700}.order-field-wide{grid-column:1 / -1}.order-field input,.order-field textarea,.order-field select,.order-input-with-icon{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-weight:500;transition:border-color .15s ease,box-shadow .15s ease}.order-field input,.order-field textarea,.order-field select{padding:.75rem .85rem}.order-field textarea{resize:vertical}.order-field input:focus,.order-field textarea:focus,.order-field select:focus,.order-input-with-icon:focus-within{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.order-input-with-icon{display:flex;align-items:center;gap:.65rem;padding:0 .8rem;color:var(--text-muted)}.order-input-with-icon input{min-width:0;padding-left:0;padding-right:0;border:0;box-shadow:none;background:transparent}.order-input-with-icon input:focus{box-shadow:none}.customer-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1rem}.customer-type{min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.customer-type.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.invite-option{display:flex;align-items:center;gap:.65rem;margin-top:1rem;color:var(--text);font-size:.86rem;font-weight:600;cursor:pointer}.invite-option input{width:17px;height:17px;accent-color:var(--primary)}.customer-create-actions{display:flex;justify-content:flex-end;margin-top:1rem}.form-error{margin-top:.75rem;padding:.7rem .8rem;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:.82rem;font-weight:600}.new-order-actions{display:flex;justify-content:flex-end;gap:.65rem;padding-bottom:1.5rem}@media (max-width: 760px){.customer-mode-tabs,.customer-type-grid,.order-form-grid{grid-template-columns:1fr}.order-field-wide{grid-column:auto}.selected-customer-card{grid-template-columns:44px minmax(0,1fr)}.selected-customer-card>.btn{grid-column:1 / -1;width:100%}.invite-link-row{grid-template-columns:1fr}.invite-link-row .btn{width:100%}}.dxf-duplicate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250;display:flex;align-items:center;justify-content:center;padding:24px;background:#11182766}.dxf-duplicate-dialog{width:min(660px,100%);max-height:88vh;overflow:auto;border:1px solid #e3e7ee;border-radius:14px;background:#fff;box-shadow:0 24px 60px #1118272e}.dxf-duplicate-head{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid #edf0f4}.dxf-duplicate-head>div{display:flex;flex:1;flex-direction:column;gap:3px}.dxf-duplicate-head strong{font-size:15px;color:#111827}.dxf-duplicate-head span{font-size:11px;color:#8490a2}.dxf-duplicate-body{display:grid;gap:9px;padding:16px 18px 18px}.dxf-duplicate-info{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 12px;padding:12px;border-radius:9px;background:#f7f8fb}.dxf-duplicate-info span{font-size:10px;color:#8490a2}.dxf-duplicate-info strong{min-width:0;overflow:hidden;font-size:11px;color:#344054;text-overflow:ellipsis;white-space:nowrap}.dxf-duplicate-option{display:flex;width:100%;align-items:center;gap:11px;padding:12px;border:1px solid #e3e7ee;border-radius:9px;background:#fff;color:#344054;text-align:left;cursor:pointer}.dxf-duplicate-option:hover{border-color:#536dfe;background:#fafbff}.dxf-duplicate-option:disabled{opacity:.6;cursor:default}.dxf-duplicate-option>div{min-width:0}.dxf-duplicate-option strong,.dxf-duplicate-option span,.dxf-duplicate-option small{display:block}.dxf-duplicate-option span,.dxf-duplicate-option small{margin-top:2px;font-size:10px;color:#8490a2}.dxf-duplicate-option.new{border-style:dashed;color:#536dfe}.dxf-duplicate-option.legacy{background:#fffdf4}.dxf-variant-preview{display:flex;width:72px;min-width:72px;height:58px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5e9f0;border-radius:8px;background:#fff;color:#8a95a6}.dxf-variant-preview-svg{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.dxf-variant-preview-svg svg{display:block;width:100%;height:100%;padding:4px}.dxf-variant-preview-svg svg *{vector-effect:non-scaling-stroke}.dxf-variant-info{min-width:0;flex:1}.variant-last-used{margin-top:5px!important;color:#667085!important;font-size:10px!important;font-weight:500}.cut-page{display:flex;flex-direction:column;gap:16px;width:100%;min-height:100%;padding:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cut-title{display:flex;align-items:flex-start;gap:12px}.page-title{margin:0;color:#111827;font-size:28px;font-weight:800;line-height:1.1}.page-description{margin:8px 0 0;color:#71809a;font-size:14px;line-height:1.45}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:#667085;cursor:pointer;transition:.16s ease}.icon-button:hover{border-color:#c9d1df;background:#f8fafc;color:#111827}.card{border:1px solid #dde3ec;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.form-error{padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b42318;font-size:13px}.cut-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:250px;padding:32px;border-style:dashed;color:#65738b;cursor:pointer;text-align:center;transition:.16s ease}.cut-dropzone:hover{border-color:#8aa0ff;background:#fafbff}.cut-dropzone strong{color:#111827;font-size:16px}.cut-dropzone span{max-width:520px;font-size:13px}.cut-dropzone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cut-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px}.cut-main{min-width:0;padding:18px}.cut-summary{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;padding:18px}.cut-main h3,.cut-summary h3{margin:0;color:#121826;font-size:16px;font-weight:700}.cut-file-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.cut-file-head>div{display:flex;flex-direction:column;gap:5px}.cut-file-head strong{color:#111827;font-size:14px}.cut-file-head span{color:#78869f;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;color:#111827;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.16s ease}.btn:hover:not(:disabled){border-color:#c7cfdd;background:#f8fafc}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{border-color:#536dfe;background:#536dfe;color:#fff}.btn-primary:hover:not(:disabled){border-color:#4561f5;background:#4561f5}.cut-preview-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cut-preview-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;color:#111827;font:inherit;font-size:13px;cursor:pointer;transition:.16s ease}.cut-preview-tabs button:hover{border-color:#bfc8d8;background:#fafbfc}.cut-preview-tabs button.active{border-color:#536dfe;background:#f5f7ff;color:#536dfe}.cut-svg-pane{display:flex;align-items:center;justify-content:center;width:100%;min-height:420px;overflow:hidden;border:1px solid #dde3ec;border-radius:11px;background:#fff}.cut-svg-pane svg{display:block;width:100%;height:100%;max-height:560px;object-fit:contain}.final-preview-wrap{display:flex;flex-direction:column;gap:6px}.cut-help{margin:0;color:#8390a5;font-size:11px;line-height:1.45}.cut-groups{display:grid;gap:8px;margin-top:8px;margin-bottom:12px}.cut-group{display:grid;grid-template-columns:14px minmax(0,1fr) 150px;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border:1px solid #dfe4ec;border-radius:10px;background:#fff}.color-dot{display:block;width:13px;height:13px;border-radius:999px;box-shadow:inset 0 0 0 1px #0f172a1a}.cut-group-info{display:flex;flex-direction:column;min-width:0;gap:2px}.cut-group-info strong{color:#111827;font-size:13px}.cut-group-info span{color:#8290a6;font-size:11px}.cut-group select,.cut-summary input,.cut-summary select{width:100%;height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#111827;font:inherit;font-size:13px;outline:none;transition:.16s ease}.cut-group select:focus,.cut-summary input:focus,.cut-summary select:focus{border-color:#536dfe;box-shadow:0 0 0 3px #536dfe1a}.cut-area-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.cut-area-header>div:first-child{display:flex;flex-direction:column;gap:3px}.cut-area-mode{color:#8a96a9;font-size:10px}.cut-area-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.auto-mode-label{color:#78869a;font-size:10px;font-weight:500}.cut-area-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.cut-area-button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#111827;font:inherit;cursor:pointer;transition:.16s ease}.cut-area-button:hover{transform:translateY(-1px)}.cut-area-button span,.cut-area-button strong,.cut-area-button small{font-size:10px}.cut-area-button strong{font-weight:700}.cut-area-button small{color:#7e8a9c}.cut-area-button.solid{border-color:#111;background:#111;color:#fff}.cut-area-button.solid small{color:#cbd1da}.cut-summary>h3{margin-bottom:-4px}.cut-summary>label{display:grid;gap:6px}.cut-summary>label>span{color:#374151;font-size:12px}.qty{display:grid;grid-template-columns:36px minmax(0,1fr) 36px}.qty button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe4ec;background:#fff;color:#111827;cursor:pointer}.qty button:first-child{border-radius:8px 0 0 8px}.qty button:last-child{border-radius:0 8px 8px 0}.qty input{border-radius:0;border-left:0;border-right:0}.summary-line,.summary-total,.summary-unit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e6eaf0}.summary-line span,.summary-total span,.summary-unit span{color:#374151;font-size:12px}.summary-line strong{color:#111827;font-size:13px}.summary-total{margin-top:1px;padding-top:13px}.summary-total span,.summary-total strong{color:#111827;font-size:16px;font-weight:700}.summary-unit{padding-top:0;border-top:0}.summary-unit span,.summary-unit strong{color:#536dfe;font-size:14px;font-weight:700}.cut-calc-btn{width:100%;min-height:40px}.cut-summary>.btn:last-child{width:100%}.cut-material-picker{display:grid;gap:10px;padding-top:2px}.cut-material-picker label{display:grid;gap:6px}.cut-material-picker label>span{color:#667085;font-size:12px}.cut-material-picker select{width:100%;height:38px;padding:0 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#172033;font:inherit;font-size:13px;outline:none}.cut-material-picker select:focus{border-color:#536dfe;box-shadow:0 0 0 3px #536dfe1a}.cut-material-picker select:disabled{background:#f7f8fa;color:#98a2b3;cursor:not-allowed}.customer-material-card{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.16s ease}.customer-material-card:hover{border-color:#c7cfdd;background:#fafbfc}.customer-material-card.active{border-color:#9fb0ff;background:#f7f9ff}.customer-material-card>input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.customer-material-switch{position:relative;flex:0 0 30px;width:30px;height:18px;border-radius:999px;background:#d5dbe5;transition:.18s ease}.customer-material-switch>span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a2e;transition:.18s ease}.customer-material-card.active .customer-material-switch{background:#536dfe}.customer-material-card.active .customer-material-switch>span{transform:translate(12px)}.customer-material-copy{display:flex;flex-direction:column;min-width:0;gap:1px}.customer-material-copy strong{color:#111827;font-size:12px;line-height:1.2}.customer-material-copy small{color:#8a94a6;font-size:10px;line-height:1.25}.customer-material-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:8px 0}.customer-material-check input{width:16px;height:16px;margin:0}.customer-material-note{margin-top:-6px;color:#8a94a6;font-size:10px}@media (max-width: 1100px){.cut-grid{grid-template-columns:minmax(0,1fr) 260px}}@media (max-width: 860px){.cut-grid{grid-template-columns:1fr}.cut-summary{position:static}.cut-svg-pane{min-height:320px}}@media (max-width: 640px){.cut-main,.cut-summary{padding:14px}.page-title{font-size:24px}.cut-file-head{flex-direction:column}.cut-group{grid-template-columns:14px minmax(0,1fr)}.cut-group select{grid-column:1 / -1}.cut-area-header{align-items:flex-start;flex-direction:column}.cut-area-tools{justify-content:flex-start}}.users-page{width:100%}.users-page-head{align-items:flex-start}.users-list{display:grid;gap:1rem}.user-role-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:1.5rem}.user-role-main{display:flex;align-items:flex-start;gap:1rem;min-width:0}.user-role-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:1rem}.user-role-identity{min-width:0}.user-role-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.user-role-name-row h3{margin:0;font-size:1rem}.user-role-self{padding:.18rem .5rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:700}.user-role-meta{margin-top:.35rem;display:flex;flex-direction:column;gap:.15rem;color:var(--text-muted);font-size:.78rem;overflow-wrap:anywhere}.user-role-active{margin-top:.65rem;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;color:var(--text-muted);font-size:.82rem}.user-role-editor{min-width:0}.user-role-editor-title{margin-bottom:.65rem;color:var(--text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.user-role-options{display:flex;flex-wrap:wrap;gap:.5rem}.user-role-option{position:relative;display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease,color .15s ease}.user-role-option:hover{border-color:var(--primary)}.user-role-option.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.user-role-option.locked{cursor:not-allowed;opacity:.78}.user-role-option input{position:absolute;opacity:0;pointer-events:none}.user-role-check{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.user-role-option.selected .user-role-check{border-color:var(--primary);background:var(--primary);color:#fff}.user-role-actions{margin-top:1rem;display:flex;justify-content:flex-end;align-items:center;gap:.8rem}.user-role-unsaved{visibility:hidden;margin-right:auto;color:var(--text-muted);font-size:.78rem}.user-role-unsaved.visible{visibility:visible}.users-message{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;font-size:.88rem;font-weight:600}.users-message-error{background:var(--danger-soft);color:var(--danger)}.users-message-success{background:#ecfdf5;color:#047857}.users-loading,.users-access-card{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:150px;color:var(--text-muted)}.users-access-card{flex-direction:column;text-align:center}.users-access-card h2,.users-access-card p{margin:0}.users-access-card h2{color:var(--text);font-size:1.1rem}.users-spinner{animation:users-spin .8s linear infinite}@keyframes users-spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.user-role-card{grid-template-columns:1fr}}@media (max-width: 640px){.users-page-head{flex-direction:column}.users-page-head .btn{width:100%;justify-content:center}.user-role-card{padding:1rem}.user-role-options{display:grid;grid-template-columns:1fr 1fr}.user-role-option{width:100%}.user-role-actions{flex-direction:column;align-items:stretch}.user-role-unsaved{margin-right:0}.user-role-actions .btn{width:100%;justify-content:center}}@media (max-width: 420px){.user-role-options{grid-template-columns:1fr}}.design-page{display:flex;flex-direction:column;gap:18px}.design-create h3{display:flex;align-items:center;gap:8px;margin:0 0 14px}.design-form{display:grid;grid-template-columns:2fr 1.4fr 1.2fr;gap:10px}.design-form textarea{grid-column:1/-1;min-height:90px;resize:vertical}.design-form input,.design-form select,.design-form textarea,.design-actions select{border:1px solid var(--border,#dfe3e8);border-radius:10px;padding:10px 12px;background:#fff}.design-form .btn{width:max-content}.design-grid{display:grid;gap:12px}.design-task{padding:18px}.design-task-top{display:flex;justify-content:space-between;gap:12px}.design-task p{white-space:pre-wrap;color:#5d6670}.design-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#69737e;margin:12px 0}.design-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.design-status{font-size:12px;padding:5px 9px;border-radius:999px;background:#eef1f4}.s-REVISION{background:#fff1e6}.s-IN_PROGRESS{background:#e9f2ff}.s-REVIEW{background:#f2ebff}.design-error{padding:10px 14px;border-radius:10px;background:#fff0f0;color:#a52626}.design-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:35px;color:#69737e}@media (max-width:850px){.design-form{grid-template-columns:1fr}.design-form textarea{grid-column:auto}}.design-material{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e4e8ef;border-radius:9px;background:#fafbfc;color:#475467;font-size:12px}.design-material strong{color:#111827}.design-color-dot{width:18px;height:18px;border-radius:50%;border:1px solid #dfe4ec;flex:0 0 auto}.design-retail-price{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;background:#f8fafc}.design-retail-price span{font-size:12px;color:#64748b}.design-retail-price strong{font-size:16px;color:#0f172a}.design-retail-price small{font-size:11px;color:#94a3b8}.design-material-price{margin-left:auto;font-weight:600;color:#334155}@media (max-width:720px){.design-material-price{margin-left:0;width:100%}}.operator-kanban-page{min-width:0}.operator-kanban-error{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fef3f2;color:#b42318;font-size:13px}.operator-kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:290px;gap:12px;width:100%;max-width:100%;overflow-x:auto;padding:2px 2px 14px;overscroll-behavior-x:contain}.operator-kanban-column{min-height:360px;padding:9px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc;transition:border-color .15s ease,background .15s ease}.operator-kanban-column.can-drop{border-color:#6172f3}.operator-kanban-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 2px 10px}.operator-kanban-column-head>span{display:inline-flex;align-items:center;gap:7px;color:#344054;font-size:13px;font-weight:700}.operator-kanban-column-head>b{min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#667085;font-size:11px}.operator-kanban-column-body{display:grid;gap:10px}.operator-order-card{overflow:hidden;border:1px solid #dfe4ec;border-radius:10px;background:#fff;cursor:grab;box-shadow:0 1px 2px #10182808}.operator-order-card:active{cursor:grabbing}.operator-order-preview{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#fff}.operator-order-preview-bg{width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.operator-order-preview-empty{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:#98a2b3;font-size:12px}.operator-order-body{display:grid;gap:7px;padding:9px 10px 10px}.operator-order-topline{display:flex;align-items:center;justify-content:space-between;gap:6px}.operator-order-number{min-width:0;overflow:hidden;color:#4f67ff;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.operator-order-title{overflow:hidden;color:#101828;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.operator-order-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operator-order-meta span{display:grid;gap:2px;color:#98a2b3;font-size:10px}.operator-order-meta b{color:#101828;font-size:11px}.operator-order-meta b.overdue{color:#b42318}.operator-priority{flex:0 0 auto;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.operator-priority.elevated{color:#a16207;background:#fffbeb}.operator-priority.urgent{color:#b42318;background:#fef3f2}.operator-kanban-empty{min-height:86px;display:grid;place-items:center;border:1px dashed #d0d5dd;border-radius:9px;color:#98a2b3;background:#ffffffa6;font-size:12px}.landing-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top right,rgba(79,110,247,.08),transparent 30%),var(--bg);color:var(--text)}.landing-container{width:calc(100% - 2rem);max-width:1180px;margin:0 auto}.landing-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-brand{display:flex;align-items:center;gap:.8rem}.landing-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:600;box-shadow:var(--shadow-sm)}.landing-header-badge svg{color:var(--success)}.landing-hero{padding:4.5rem 0 3rem}.landing-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.landing-hero-copy{min-width:0;max-width:720px}.landing-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.35rem;padding:.45rem .8rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.82rem;font-weight:700}.landing-hero h1{max-width:760px;margin:0;font-size:clamp(2.7rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.045em;font-weight:800}.landing-hero-text{max-width:680px;margin-top:1.5rem;font-size:1.08rem;line-height:1.75;color:var(--text-muted)}.landing-metrics{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.landing-metric{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffb8;color:var(--text-muted);font-size:.86rem;font-weight:600}.landing-metric svg{color:var(--primary)}.landing-login-card{width:100%;max-width:430px;justify-self:end;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.landing-login-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:1.25rem;border-radius:15px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:var(--shadow)}.landing-last-user-head{display:flex;align-items:center;gap:1rem}.landing-user-avatar{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--primary-soft);color:var(--primary);border:1px solid rgba(79,110,247,.15)}.landing-user-avatar img{width:100%;height:100%;object-fit:cover}.landing-last-user-info{min-width:0;display:flex;flex-direction:column}.landing-last-user-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.landing-last-user-info strong{margin-top:.15rem;color:var(--text);font-size:1rem;line-height:1.3}.landing-last-user-info>span:last-child{margin-top:.15rem;color:var(--text-muted);font-size:.82rem}.landing-last-user-info strong,.landing-last-user-info>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-card-divider{height:1px;margin:1.5rem 0;background:var(--border)}.landing-login-card h2{margin:0;font-size:1.65rem;line-height:1.2;font-weight:800}.landing-login-card>p{margin:.75rem 0 1.5rem;color:var(--text-muted);line-height:1.65}.landing-login-actions{display:flex;flex-direction:column;gap:.75rem}.landing-card-btn{width:100%;min-height:48px;justify-content:center}.landing-danger-outline{color:var(--text-muted)}.landing-danger-outline:hover{color:var(--danger);border-color:#ef44444d;background:var(--danger-soft)}.landing-security-note{display:flex;align-items:flex-start;gap:.55rem;margin-top:1.25rem;color:var(--text-light);font-size:.8rem}.landing-security-note svg{color:var(--success);flex-shrink:0;margin-top:.1rem}.landing-features-section{padding:2rem 0 5rem}.landing-section-heading{max-width:760px;margin-bottom:1.5rem}.landing-section-heading>span{display:block;margin-bottom:.4rem;color:var(--primary);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.landing-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;font-weight:800}.landing-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-feature-card{padding:1.4rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.landing-feature-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow)}.landing-feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1rem;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.landing-feature-card h3{margin:0;font-size:1.05rem;font-weight:800}.landing-feature-card p{margin-top:.5rem;color:var(--text-muted);line-height:1.6}@media (max-width: 1100px){.landing-header{position:static}.landing-hero{padding-top:3rem}.landing-hero-grid{grid-template-columns:1fr;gap:2rem}.landing-login-card{max-width:620px;justify-self:start}.landing-features-grid{grid-template-columns:1fr}}@media (max-width: 640px){.landing-container{width:calc(100% - 1.25rem)}.landing-header-inner{min-height:68px}.landing-header-badge,.landing-brand .brand-sub{display:none}.landing-hero{padding:2.5rem 0 2rem}.landing-hero h1{font-size:clamp(2rem,10vw,3rem);line-height:1.08}.landing-hero-text{font-size:1rem}.landing-metrics{flex-direction:column}.landing-metric{width:100%}.landing-login-card{padding:1.35rem}.landing-user-avatar{width:54px;height:54px}.landing-features-section{padding-bottom:3rem}}.role-switcher{position:relative;width:100%}.role-switcher-trigger,.role-switcher-static{width:100%;min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;font-weight:700}.role-switcher-trigger{display:flex;align-items:center;gap:.65rem;padding:0 .8rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.role-switcher-trigger:hover{border-color:var(--border-strong);background:var(--surface-hover)}.role-switcher-trigger:focus-visible,.role-switcher.is-open .role-switcher-trigger{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.role-switcher-trigger:disabled{cursor:wait;opacity:.65}.role-switcher-trigger-icon,.role-switcher-option-icon,.role-switcher-static-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--primary)}.role-switcher-trigger-text,.role-switcher-option-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.role-switcher-chevron{flex:0 0 auto;color:var(--text-muted);transition:transform .15s ease}.role-switcher.is-open .role-switcher-chevron{transform:rotate(180deg)}.role-switcher-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:100;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.role-switcher-option{display:flex;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:0 .75rem;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease}.role-switcher-option:hover{background:var(--surface-hover)}.role-switcher-option.is-selected{background:var(--primary-soft);color:var(--primary)}.role-switcher-check{flex:0 0 auto;color:var(--primary)}.role-switcher-static{display:flex;align-items:center;gap:.65rem;padding:0 .8rem;background:var(--surface-hover)}.customer-switcher{position:relative;width:100%}.customer-switcher-trigger,.customer-switcher-static{width:100%;min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;font-weight:700}.customer-switcher-trigger{display:flex;align-items:center;gap:.65rem;padding:0 .8rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.customer-switcher-trigger:hover{border-color:var(--border-strong);background:var(--surface-hover)}.customer-switcher-trigger:focus-visible,.customer-switcher.is-open .customer-switcher-trigger{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.customer-switcher-trigger:disabled{cursor:wait;opacity:.65}.customer-switcher-trigger-icon,.customer-switcher-option-icon,.customer-switcher-static-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--primary)}.customer-switcher-trigger-text,.customer-switcher-option-name,.customer-switcher-static-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.customer-switcher-chevron{flex:0 0 auto;color:var(--text-muted);transition:transform .15s ease}.customer-switcher.is-open .customer-switcher-chevron{transform:rotate(180deg)}.customer-switcher-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:100;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.customer-switcher-option{display:flex;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:0 .75rem;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease}.customer-switcher-option:hover{background:var(--surface-hover)}.customer-switcher-option.is-selected{background:var(--primary-soft);color:var(--primary)}.customer-switcher-check{flex:0 0 auto;color:var(--primary)}.customer-switcher-static{display:flex;align-items:center;gap:.65rem;padding:0 .8rem;background:var(--surface-hover)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--bg);color:var(--text)}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;background:var(--surface);border-right:1px solid var(--border);gap:1.25rem}.sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .5rem}.brand-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:var(--shadow)}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.brand-sub{font-size:.72rem;color:var(--text-muted);font-weight:500}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-section-label{padding:.5rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;font-size:.92rem;transition:background .15s ease,color .15s ease}.nav-link svg{flex-shrink:0}.nav-link:hover{background:var(--surface-hover);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link.danger{color:var(--danger)}.nav-link.danger:hover,.nav-link.danger.active{background:var(--danger-soft);color:var(--danger)}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:.75rem}.sidebar-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,var(--primary));color:#fff;font-weight:700;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:var(--text-muted)}.app-main{min-width:0;padding:2rem 2.5rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.page-title{margin:0;font-size:1.7rem;font-weight:800}.page-description{margin-top:.3rem;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem}.stat-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;flex-shrink:0}.stat-icon.blue{background:var(--primary-soft);color:var(--primary)}.stat-icon.green{background:var(--success-soft);color:var(--success)}.stat-icon.amber{background:var(--warning-soft);color:var(--warning)}.stat-icon.red{background:var(--danger-soft);color:var(--danger)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.6rem;font-weight:800;line-height:1.2}.stat-label{font-size:.82rem;color:var(--text-muted);font-weight:500}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--surface-hover)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:#fbdcdc}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted)}.empty-state svg{color:var(--text-light)}.empty-state-title{font-size:1.05rem;font-weight:700;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.auth-hero{display:flex;flex-direction:column;justify-content:center;padding:4rem;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ffffff14;right:-120px;bottom:-120px}.auth-hero:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff0f;left:-60px;top:-60px}.auth-hero h1{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;max-width:480px}.auth-hero p{font-size:1.1rem;opacity:.9;max-width:460px}.auth-hero-features{display:flex;flex-direction:column;gap:.9rem;margin-top:2.5rem}.auth-feature{display:flex;align-items:center;gap:.75rem;font-size:1rem}.auth-feature svg{color:#fff;opacity:.9}.auth-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.auth-form-panel-inner{width:100%;max-width:380px}.auth-form-panel h2{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.auth-form-panel .auth-sub{color:var(--text-muted);margin-bottom:2rem}.auth-error{display:flex;align-items:center;gap:.5rem;background:var(--danger-soft);color:var(--danger);padding:.7rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.9rem;font-weight:500}.yandex-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.8rem;background:#fc3f1d;color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;transition:filter .15s ease,transform .1s ease}.yandex-btn:hover{filter:brightness(1.05)}.yandex-btn:active{transform:scale(.99)}.auth-divider{display:flex;align-items:center;gap:1rem;color:var(--text-light);font-size:.8rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600}.auth-chip.online{background:var(--success-soft);color:var(--success)}.auth-chip.offline{background:var(--border);color:var(--text-muted)}.auth-chip .dot{width:8px;height:8px;border-radius:50%}.auth-chip.online .dot{background:var(--success)}.auth-chip.offline .dot{background:var(--text-light)}.settings-list{display:flex;flex-direction:column;gap:1rem;max-width:640px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.settings-item-info{display:flex;align-items:center;gap:.9rem}.settings-item-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.settings-item-title{font-weight:700}.settings-item-desc{font-size:.82rem;color:var(--text-muted)}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:.75rem 1rem;flex-wrap:wrap}.sidebar-nav{flex-direction:row;flex-wrap:wrap;flex:none}.sidebar-footer{border-top:none}.app-main{padding:1.25rem}.auth-page{grid-template-columns:1fr}.auth-hero{display:none}}.sidebar-context{display:flex;flex-direction:column;gap:.65rem;margin-top:.9rem}.sidebar-context-field{display:flex;flex-direction:column;gap:.35rem}.sidebar-context-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-light)}.sidebar-context-select,.sidebar-context-static{width:100%;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text);font:inherit;font-size:.82rem;font-weight:600}.sidebar-context-select{padding:0 2rem 0 .7rem;outline:none}.sidebar-context-select:hover{border-color:var(--border-strong)}.sidebar-context-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.sidebar-context-select:disabled{cursor:wait;opacity:.65}.sidebar-context-static{display:flex;align-items:center;padding:0 .7rem}.sidebar-context-status{font-size:.72rem;color:var(--text-muted)}.sidebar-context-error{padding:.5rem .6rem;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:.72rem;font-weight:600}@media (max-width: 900px){.sidebar-context{min-width:220px;margin-top:0}}.app-main-public{margin-left:0;width:100%;min-width:0}.app-main-public .landing-page{width:100%}.app-shell.app-shell-public{display:block;width:100%;min-height:100vh}.app-shell-public .app-main,.app-main-public{width:100%;max-width:none;min-width:0;margin-left:0;padding:0}.app-shell-public .landing-page{width:100%;max-width:none}@media (min-width: 901px){.app-shell:not(.app-shell-public){display:block;min-height:100vh}.app-shell:not(.app-shell-public) .app-sidebar{position:fixed;z-index:100;top:0;left:0;bottom:0;width:var(--sidebar-width);height:100vh;box-sizing:border-box;overflow:hidden}.app-shell:not(.app-shell-public) .sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.app-shell:not(.app-shell-public) .sidebar-footer{flex:0 0 auto}.app-shell:not(.app-shell-public) .app-main{width:auto;min-width:0;margin-left:var(--sidebar-width);box-sizing:border-box}}@media (max-width: 900px){.app-sidebar{position:static;width:auto;height:auto}.app-main{margin-left:0}}.communication-fab{position:fixed;right:18px;bottom:18px;z-index:850;width:48px;height:48px;border:0;border-radius:50%;background:#536dfe;color:#fff;display:grid;place-items:center;box-shadow:0 8px 28px #27377840;cursor:pointer}.communication-fab span{position:absolute;right:-2px;top:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#e5484d;font-size:11px;display:grid;place-items:center}.communication-panel{position:fixed;z-index:1000;right:0;top:0;bottom:0;width:min(420px,100vw);background:#fff;border-left:1px solid #e4e8ef;box-shadow:-10px 0 35px #0f172a1f;display:flex;flex-direction:column}.communication-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #edf0f4}.communication-head button{border:0;background:transparent}.communication-tabs{display:flex;padding:10px;gap:6px;border-bottom:1px solid #edf0f4}.communication-tabs button{flex:1;border:0;border-radius:8px;padding:10px;background:#f6f7f9;display:flex;gap:6px;justify-content:center}.communication-tabs button.active{background:#edf1ff;color:#3f56da}.communication-body{overflow:auto;padding:8px 14px}.communication-item{display:flex;flex-direction:column;gap:4px;padding:12px 4px;border-bottom:1px solid #edf0f4}.communication-item small{color:#7b879a}@media (max-width:720px){.communication-fab{bottom:76px}.communication-panel{width:100vw}}.mobile-bottom-nav{display:none}@media (max-width:720px){.mobile-bottom-nav{display:grid;position:fixed;z-index:900;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #e5e9ef;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7b879a;text-decoration:none;font-size:10px}.mobile-bottom-nav a.active{color:#536dfe}.mobile-bottom-main{transform:translateY(-9px)}.mobile-bottom-main svg{width:38px;height:38px;padding:8px;border-radius:50%;background:#536dfe;color:#fff}.app-sidebar{display:none!important}.app-main{margin-left:0!important;padding-bottom:76px!important}}.access-denied-page{display:grid;min-height:calc(100vh - 120px);place-items:center;padding:32px 20px;box-sizing:border-box}.access-denied-card{width:min(440px,100%);padding:34px 30px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);text-align:center}.access-denied-icon{display:inline-grid;width:56px;height:56px;margin-bottom:14px;place-items:center;border-radius:50%;background:#fff4ed;color:#e04f16}.access-denied-card h2{margin:0;color:var(--text);font-size:22px;font-weight:800}.access-denied-card p{margin:10px 0 0;color:var(--text-muted);font-size:14px;line-height:1.5}.access-denied-card .access-denied-hint{margin-top:6px;color:var(--text-light);font-size:12px}:root{--bg: #f6f7fb;--surface: #ffffff;--surface-hover: #f3f4f8;--border: #e6e8ef;--border-strong: #d5d8e2;--text: #161a2b;--text-muted: #7a7f96;--text-light: #a6abc2;--primary: #4f6ef7;--primary-hover: #3d5ce6;--primary-soft: #eef1fe;--success: #10b981;--success-soft: #e6f9f1;--warning: #f59e0b;--warning-soft: #fef3e2;--danger: #ef4444;--danger-soft: #fdecec;--info: #06b6d4;--info-soft: #e0f7fb;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(22, 26, 43, .05);--shadow: 0 4px 16px rgba(22, 26, 43, .06);--shadow-lg: 0 12px 32px rgba(22, 26, 43, .12);--sidebar-width: 264px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14.5px;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{letter-spacing:-.02em}::selection{background:var(--primary);color:#fff}
