:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17243a;background:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #10233f;--navy-2: #172f50;--blue: #2878f0;--blue-light: #eaf2ff;--border: #e4e9f0;--muted: #7d899a;--green: #18a777;--orange: #ee9d26;--red: #dc5362;--purple: #8a60d4;--shadow: 0 2px 8px rgba(16, 35, 63, .045)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.2fr) minmax(440px,.8fr);background:#fff}.login-visual{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 25%,#285d9f 0,transparent 33%),linear-gradient(145deg,#0b1e38,#132f52 55%,#0b1f39)}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%);mask-image:linear-gradient(to bottom,#000,transparent 80%)}.login-visual:after{content:"";position:absolute;width:420px;height:420px;right:-90px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(44,126,242,.42),transparent 70%);filter:blur(8px)}.login-visual-content{position:relative;z-index:2;min-height:100vh;padding:54px 8vw 62px 5.5vw;display:flex;flex-direction:column}.login-logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:19px}.login-logo>div{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:13px;background:#ffffff17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-hero{margin:auto 0;max-width:650px}.login-kicker{font-size:11px;letter-spacing:.2em;font-weight:700;color:#7fb1f8}.login-hero h1{max-width:620px;margin:24px 0 22px;font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:650}.login-hero p{margin:0;max-width:570px;color:#b5c2d3;font-size:17px;line-height:1.8}.login-feature-row{display:flex;border-top:1px solid rgba(255,255,255,.14);padding-top:28px}.login-feature-row>div{min-width:145px;padding-right:32px;margin-right:32px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:6px}.login-feature-row>div:last-child{border:0}.login-feature-row strong{font-size:23px}.login-feature-row span{font-size:12px;color:#9dacc0}.login-orbit{position:absolute;border:1px solid rgba(102,162,235,.2);border-radius:50%}.orbit-one{width:600px;height:600px;top:-300px;right:-280px}.orbit-two{width:360px;height:360px;bottom:-200px;left:-180px}.login-panel{position:relative;padding:38px clamp(42px,6vw,104px);display:flex;flex-direction:column;justify-content:center}.login-language{position:absolute;right:42px;top:36px;display:flex;gap:8px;color:#a2a9b4;align-items:center}.login-language button{border:0;background:none;color:#9aa4b3;font-size:13px;padding:5px}.login-language button.active{color:var(--navy);font-weight:700}.login-form{width:100%;max-width:430px;margin:auto}.login-heading>span{color:var(--blue);font-size:12px;letter-spacing:.12em;font-weight:800}.login-heading h2{font-size:35px;letter-spacing:-.025em;margin:12px 0 8px;color:var(--navy)}.login-heading p{color:var(--muted);margin:0 0 34px;font-size:14px}.form-field{display:block;margin-bottom:20px}.form-field>span{display:block;margin:0 0 8px;color:#39485e;font-size:13px;font-weight:650}.form-field>div{height:49px;border:1px solid #dce2ea;border-radius:9px;display:flex;align-items:center;padding:0 14px;color:#9aa4b3;transition:.2s}.form-field>div:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2878f01a}.form-field input{border:0;outline:0;width:100%;padding:0 12px;color:var(--navy);background:transparent;font-size:14px}.form-field button{border:0;background:transparent;color:#9aa4b3;padding:4px}.login-options{display:flex;align-items:center;justify-content:space-between;margin:3px 0 24px;font-size:12px}.login-options label{color:#667386;display:flex;align-items:center;gap:8px;cursor:pointer}.login-options label input{display:none}.login-options label>span{width:17px;height:17px;border-radius:4px;background:var(--blue);color:#fff;display:grid;place-items:center}.login-options button{border:0;background:none;color:var(--blue);padding:0}.login-error{margin:-10px 0 16px;padding:10px 12px;border-radius:7px;background:#fff0f1;color:#c33d4b;font-size:12px}.login-submit{width:100%;height:50px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 22px #2878f03d;transition:.2s}.login-submit:hover{background:#176ae2;transform:translateY(-1px)}.demo-section{margin-top:30px}.demo-title{display:flex;align-items:center;gap:12px;color:#9ba4b1;font-size:11px;white-space:nowrap}.demo-title span{height:1px;flex:1;background:#e9edf2}.demo-accounts{display:grid;gap:8px;margin-top:14px}.demo-accounts button{border:1px solid #e5e9ef;border-radius:8px;background:#fff;display:flex;align-items:center;gap:11px;padding:9px 11px;text-align:left;transition:.18s}.demo-accounts button:hover{border-color:#b8d1f5;background:#f8fbff}.demo-avatar{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:800}.demo-admin{color:#246de0;background:#e7f0ff}.demo-staff{color:#7c50ca;background:#f0eaff}.demo-viewer{color:#11865f;background:#e4f7f0}.demo-accounts button>div:last-child{display:flex;flex-direction:column;gap:2px}.demo-accounts strong{font-size:12px;color:#35435a}.demo-accounts span{font-size:10px;color:#929cab}.login-footer{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#acb3bd;font-size:10px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;color:#c4cfdd;background:linear-gradient(180deg,#10233f,#0c1d34 75%);display:flex;flex-direction:column}.brand{height:74px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#3b8bf7,#1d63cc);color:#fff}.brand>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.brand strong{color:#fff;font-size:15px;letter-spacing:.15em}.brand span{color:#8291a6;font-size:9px}.mobile-close{display:none;margin-left:auto;border:0;color:#fff;background:transparent}.workspace-chip{margin:18px 14px 13px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff09}.workspace-avatar{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:#2b72d6;color:#fff;font-size:10px;font-weight:800}.workspace-chip>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.workspace-chip span{color:#77879d;font-size:9px}.workspace-chip strong{overflow:hidden;color:#dce4ef;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.nav-list{overflow-y:auto;padding:4px 10px 12px}.nav-label{padding:8px 12px 9px;color:#607087;font-size:8px;letter-spacing:.16em;font-weight:800}.nav-list a{height:42px;margin-bottom:2px;padding:0 12px;border-radius:7px;display:flex;align-items:center;gap:12px;color:#9cabbf;font-size:12px;transition:.18s}.nav-list a:hover{color:#e5ebf3;background:#ffffff0b}.nav-list a.active{color:#fff;background:linear-gradient(90deg,#246fd7,#2d78dd);box-shadow:0 6px 17px #00000024}.nav-list a em{margin-left:auto;min-width:20px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:#ffffff26;color:#fff;font-style:normal;font-size:9px}.sidebar-footer{margin-top:auto;padding:10px 14px 18px}.support-card{padding:12px;border-radius:9px;display:flex;gap:9px;background:#ffffff0e}.support-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:#fff;background:#2a70d4;font-weight:800}.support-card>div:last-child{display:flex;flex-direction:column;gap:3px}.support-card strong{color:#d8e0eb;font-size:10px}.support-card span{color:#718198;font-size:9px}.sidebar-footer>span{display:block;margin-top:14px;color:#506078;font-size:8px;text-align:center}.main-column{min-width:0;flex:1;margin-left:248px}.topbar{position:sticky;z-index:15;top:0;height:65px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu{display:none;border:0;background:transparent;color:var(--navy)}.topbar-title{display:flex;flex-direction:column;gap:3px}.topbar-title strong{font-size:12px;color:#36445a}.topbar-title span{color:#9aa4b2;font-size:9px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.language-switch{height:34px;padding:0 11px;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;gap:6px;color:#9aa4b2;background:#fff;font-size:10px}.language-switch svg{color:#64748a;margin-right:2px}.language-switch span.selected{color:#274264;font-weight:750}.language-switch i{font-style:normal;color:#d2d7df}.notification-button{position:relative;width:35px;height:35px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;background:#fff;color:#536176}.notification-button span{position:absolute;width:7px;height:7px;right:7px;top:6px;border:2px solid #fff;border-radius:50%;background:#e65060}.notification-menu{position:relative}.notification-dropdown{position:absolute;z-index:30;top:43px;right:0;width:290px;padding:7px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 15px 40px #12223726}.notification-dropdown>div{padding:7px 8px 10px;display:flex;align-items:center;justify-content:space-between}.notification-dropdown>div strong{font-size:11px;color:#2a3a52}.notification-dropdown>div button{border:0;color:var(--blue);background:transparent;font-size:8px}.notification-dropdown>button{width:100%;padding:10px;border:0;border-radius:7px;display:flex;flex-direction:column;gap:4px;color:#788497;background:transparent;text-align:left}.notification-dropdown>button:hover,.notification-dropdown>button.unread{background:#f2f7ff}.notification-dropdown>button strong{color:#35445b;font-size:9px}.notification-dropdown>button span{font-size:8px}.notification-dropdown>.notification-empty{padding:18px 10px;display:block;color:#949eab;font-size:9px;text-align:center}.empty-state{padding:55px 20px;color:#8793a3;font-size:11px;text-align:center}.inline-empty-state{margin:0 18px 18px;padding:24px;border:1px dashed #d9e0e8;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8793a3;background:#fafbfd;font-size:9px}.product-image-placeholder{width:62px;height:62px;border-radius:8px;display:grid;place-items:center;color:#8692a2;background:#edf0f4}.product-image-editor{margin:2px 0 15px;padding:12px;border:1px dashed #dce3eb;border-radius:8px;display:flex;align-items:center;gap:12px;background:#fafbfd}.product-image-editor>img,.product-image-editor>.product-image-placeholder{width:74px;height:74px;flex:0 0 auto;border-radius:7px;object-fit:cover}.product-image-editor>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.product-image-editor span{color:#8c97a5;font-size:8px}.form-readonly-note{grid-column:1 / -1;padding:11px 12px;border-radius:7px;color:#64748a;background:#f1f5f9;font-size:9px}.user-menu{position:relative}.user-button{padding:0;border:0;display:flex;align-items:center;gap:9px;background:transparent;text-align:left}.user-avatar{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#325f94,#183858);font-size:12px;font-weight:800}.user-button>div:nth-child(2){min-width:72px;display:flex;flex-direction:column;gap:2px}.user-button strong{color:#29384f;font-size:11px}.user-button span{color:#97a0ad;font-size:9px}.user-button>svg{color:#8995a5}.user-dropdown{position:absolute;top:45px;right:0;min-width:150px;padding:6px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 12px 32px #12223721}.user-dropdown button{width:100%;padding:9px;border:0;border-radius:6px;display:flex;align-items:center;gap:8px;background:transparent;color:#526075;font-size:11px}.user-dropdown button:hover{background:#f3f6fa}.content{padding:28px;max-width:1680px;margin:0 auto}.page-header{min-height:58px;margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{margin-bottom:6px;color:var(--blue);font-size:9px;letter-spacing:.15em;font-weight:800}.page-header h1,.dashboard-greeting h1,.order-detail-heading h1{margin:0;color:#13233c;font-size:25px;letter-spacing:-.025em}.page-actions{display:flex;align-items:center;gap:9px}.button{height:36px;padding:0 14px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:650}.button-primary{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 4px 12px #2878f024}.button-primary:hover{background:#1b6de2}.button-secondary{border:1px solid #dce2ea;color:#4c5b70;background:#fff}.panel{border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.section-title{padding:18px 19px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title h2{margin:0;color:#26364d;font-size:13px}.section-title p{margin:5px 0 0;color:#9ba4b1;font-size:9px}.section-title>button{padding:2px;border:0;display:flex;align-items:center;gap:5px;color:var(--blue);background:transparent;font-size:9px}.toolbar{min-height:61px;padding:12px 15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}.search-box{width:min(340px,100%);height:36px;padding:0 10px;border:1px solid #dce2e9;border-radius:7px;display:flex;align-items:center;gap:8px;color:#98a2b0;background:#fff}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#344258;font-size:10px}.search-box kbd{padding:2px 5px;border:1px solid #e0e5eb;border-radius:4px;color:#a2abb8;background:#f7f8fa;font-size:8px}.toolbar-spacer{flex:1}.filter-button{height:34px;padding:0 8px 0 10px;border:1px solid #dce2e9;border-radius:7px;display:flex;align-items:center;gap:5px;color:#617087;background:#fff;font-size:9px}.filter-button select{min-width:80px;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#617087;background:transparent;font-size:9px;cursor:pointer}.table-panel{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:11px 14px;color:#8994a4;background:#fafbfc;font-size:8px;letter-spacing:.04em;font-weight:700;text-align:left;white-space:nowrap}td{padding:13px 14px;border-top:1px solid #edf0f4;color:#536176;font-size:10px;vertical-align:middle;white-space:nowrap}tbody tr{transition:.15s}tbody tr:hover{background:#fbfcfe}td strong{color:#29384f;font-weight:650}.table-subtext{display:block;margin-top:4px;color:#9ba4b1;font-size:8px}.primary-link,.primary-text{color:#236fdc!important;font-weight:700}.icon-action{width:29px;height:29px;padding:0;border:1px solid #e1e6ec;border-radius:6px;display:grid;place-items:center;color:#768397;background:#fff}.icon-action:hover{color:var(--blue);border-color:#bad1f3}.row-actions{display:flex;align-items:center;gap:5px}.danger-action:hover{color:var(--red);border-color:#f2bac0;background:#fff7f8}.button-danger{border:1px solid #d9505f;color:#fff;background:#d9505f}.button-danger:hover{background:#c94250}.table-footer{min-height:52px;padding:10px 15px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#929caa;font-size:9px}.table-footer>div{display:flex;gap:4px}.table-footer button{width:27px;height:27px;padding:0;border:1px solid #e1e6ec;border-radius:5px;color:#6d7a8c;background:#fff;font-size:9px}.table-footer button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.badge{width:fit-content;padding:5px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:650;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-info{color:#236fdc;background:#eaf2ff}.badge-success{color:#11865f;background:#e7f7f1}.badge-warning{color:#b47510;background:#fff5df}.badge-orange{color:#c56d22;background:#fff0e5}.badge-danger{color:#c44351;background:#ffebed}.badge-purple{color:#7a4fc6;background:#f1ebfc}.badge-dark{color:#25364e;background:#e9edf2}.badge-muted{color:#7e8998;background:#f0f2f5}.progress-line{min-width:100px;display:flex;align-items:center;gap:8px}.progress-track{height:5px;min-width:70px;flex:1;overflow:hidden;border-radius:4px;background:#edf0f4}.progress-fill{height:100%;border-radius:inherit}.progress-blue{background:var(--blue)}.progress-green{background:var(--green)}.progress-line>span{min-width:25px;color:#4b5a70;font-size:8px;font-weight:700}.summary-strip{margin-bottom:16px;padding:13px 18px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;background:#fff;box-shadow:var(--shadow)}.summary-strip>div{min-width:180px;padding:0 22px;border-right:1px solid var(--border);display:grid;grid-template-columns:28px 1fr;align-items:center}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-child{border:0}.summary-strip svg{grid-row:1 / 3;color:var(--blue)}.summary-strip span{color:#919ba9;font-size:8px}.summary-strip strong{color:#26364e;font-size:17px}.dashboard-greeting{margin-bottom:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.dashboard-greeting>div>span{color:#8c97a7;font-size:10px}.dashboard-greeting h1{margin-top:7px;font-size:27px}.dashboard-greeting p{margin:7px 0 0;color:#8c97a7;font-size:11px}.metrics-grid{margin-bottom:18px;display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:11px}.metric-card{min-height:99px;padding:15px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:flex-start;gap:11px;background:#fff;box-shadow:var(--shadow)}.metric-icon{width:34px;height:34px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center}.metric-blue{color:#2878f0;background:#eaf2ff}.metric-purple{color:#8252d1;background:#f1ebff}.metric-orange{color:#d9851b;background:#fff2df}.metric-cyan{color:#168da0;background:#e5f7f9}.metric-green{color:#159069;background:#e5f6f0}.metric-red{color:#d24c5a;background:#ffeaec}.metric-content{min-width:0;display:flex;flex-direction:column}.metric-label{overflow:hidden;color:#7f8a9b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.metric-content strong{margin:5px 0 3px;color:#1b2d47;font-size:18px;letter-spacing:-.02em}.metric-content span{overflow:hidden;color:#9aa4b2;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.metric-content span.trend-up{color:#159069}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.chart-box{height:245px;padding:4px 12px 10px 2px}.chart-legend{padding:2px 20px 0;display:flex;gap:18px;color:#7f8a9a;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%}.legend-blue{background:var(--blue)}.legend-green{background:var(--green)}.chart-tooltip{padding:8px 10px;border-radius:7px;display:flex;flex-direction:column;color:#fff;background:#152944;box-shadow:0 7px 20px #00000026;font-size:8px}.chart-tooltip strong{margin-top:3px;font-size:11px}.donut-wrap{min-height:265px;padding:5px 22px 18px;display:flex;align-items:center;gap:28px}.donut-chart{position:relative;width:180px;height:180px;flex:0 0 auto}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:26px;color:#1d2f49}.donut-center span{color:#9aa4b1;font-size:8px}.donut-legend{min-width:125px;flex:1}.donut-legend>div{padding:9px 0;border-bottom:1px solid #eef1f4;display:flex;align-items:center;justify-content:space-between;font-size:9px}.donut-legend span{display:flex;align-items:center;gap:7px;color:#6f7c8f}.donut-legend i{width:7px;height:7px;border-radius:2px}.donut-legend strong{color:#27374e}.alert-list{padding:2px 18px 12px}.alert-row{padding:12px 0;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:10px}.alert-row:last-child{border:0}.alert-icon{width:32px;height:32px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center}.alert-red{color:#d24d5b;background:#ffecef}.alert-yellow{color:#c9821d;background:#fff3df}.alert-purple{color:#8354cc;background:#f1ebfc}.alert-row>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.alert-row>div:nth-child(2) strong{overflow:hidden;color:#2b3a50;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.alert-row>div:nth-child(2) span{color:#9aa4b1;font-size:7px}.alert-stock{display:flex;flex-direction:column;align-items:flex-end}.alert-stock strong{font-size:12px;color:#293950}.alert-stock span{color:#9da6b2;font-size:7px}.mini-chart{height:153px;padding:4px 10px 0 0}.footer-legend{padding:4px 20px 17px}.recent-orders{margin-top:14px;overflow:hidden}.flush-table td:first-child,.flush-table th:first-child{padding-left:20px}.flush-table td:last-child,.flush-table th:last-child{padding-right:20px}.product-cell,.file-cell{display:flex;align-items:center;gap:10px}.product-cell img{width:42px;height:42px;border-radius:7px;object-fit:cover;background:#edf0f3}.product-cell>div,.file-cell>div{display:flex;flex-direction:column;gap:4px}.product-cell span,.file-cell span{color:#9aa4b1;font-size:8px}.color-chip-list{max-width:150px;display:flex;flex-wrap:wrap;gap:4px}.color-chip-list span{padding:3px 6px;border-radius:10px;color:#5f6f84;background:#edf1f5;font-size:7px}.variant-price-list,.variant-cost-list{min-width:130px;display:flex;flex-direction:column;gap:4px}.variant-price-list span,.variant-cost-list span{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;font-size:8px}.variant-price-list strong{color:#4d5c71}.variant-price-list em{color:var(--blue);font-style:normal;font-weight:750}.variant-cost-list>span{align-items:flex-start;color:#8994a3}.variant-cost-list>span>em{color:#69768a;font-style:normal}.variant-cost-list>span>span{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.variant-cost-list strong{color:#283a52}.variant-cost-list small{max-width:125px;overflow:hidden;color:#8d98a8;font-size:7px;text-overflow:ellipsis}.variant-editor{padding:15px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc}.variant-editor-heading{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.variant-editor-heading>div{display:flex;flex-direction:column;gap:4px}.variant-editor-heading strong{color:#304159;font-size:10px}.variant-editor-heading span{color:#8d98a8;font-size:8px}.variant-editor-table{display:flex;flex-direction:column;gap:7px}.variant-editor-labels,.variant-editor-row{display:grid;grid-template-columns:1.05fr .8fr .8fr 1.35fr 34px;gap:8px;align-items:center}.purchase-price-editor .variant-editor-labels,.purchase-price-editor .variant-editor-row{grid-template-columns:1fr .8fr 1.5fr 34px}.variant-editor-labels{padding:0 2px;color:#7d8999;font-size:8px;font-weight:650}.variant-editor-row input,.variant-editor-row select{min-width:0;height:38px;padding:0 10px;border:1px solid #dce2e9;border-radius:7px;outline:0;color:#304057;background:#fff;font-size:9px}.variant-editor-row input:focus,.variant-editor-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2878f017}.variant-editor-row button{width:34px;height:34px;border:1px solid #ead9dc;border-radius:7px;display:grid;place-items:center;color:#c34f5c;background:#fff}.variant-editor-row button:disabled{opacity:.35}.product-detail-layout{display:grid;grid-template-columns:180px 1fr;gap:18px}.product-basic-detail{margin:10px 0 0}.product-basic-detail>div{padding:7px 0;border-bottom:1px solid #edf0f4}.product-basic-detail dt{color:#939daa;font-size:8px}.product-basic-detail dd{margin:3px 0 0;color:#34445a;font-size:9px}.variant-detail-table{align-self:start;overflow:hidden;border:1px solid #e1e6ec;border-radius:9px}.variant-detail-table>div{min-height:38px;padding:8px 11px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;border-bottom:1px solid #edf0f4;font-size:9px}.variant-detail-viewer>div{grid-template-columns:repeat(2,1fr)}.variant-detail-internal>div{grid-template-columns:.7fr .7fr .8fr 1.8fr}.purchase-detail-viewer>div{grid-template-columns:1fr}.purchase-detail-internal>div{grid-template-columns:.8fr .8fr 1.6fr}.variant-detail-table>div:first-child{color:#627086;background:#f5f7fa}.variant-detail-table>div:last-child{border-bottom:0}.kanban-summary{margin-bottom:15px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.kanban-summary>div{padding:12px 14px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:var(--shadow)}.kanban-summary strong{color:#25364e;font-size:18px}.quote-count,.plain-tag{padding:5px 7px;border-radius:5px;color:#59677b;background:#f1f3f6;font-size:8px}.quote-factory-list{min-width:215px;display:flex;flex-direction:column;gap:4px}.quote-factory-list>span{padding:4px 6px;border-radius:5px;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:5px;color:#657287;background:#f2f4f7;font-size:7px}.quote-factory-list>span.recommended{color:#176f53;background:#e8f7f1}.quote-factory-list em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.quote-factory-list strong{color:#2f4057;font-size:8px}.quote-editor{padding:15px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc}.quote-editor-table{display:flex;flex-direction:column;gap:7px}.quote-editor-labels,.quote-editor-row{display:grid;grid-template-columns:1.5fr .7fr .9fr .7fr .65fr .7fr 34px;gap:7px;align-items:center}.quote-editor-labels{padding:0 2px;color:#7d8999;font-size:8px;font-weight:650}.quote-editor-row input,.quote-editor-row select{min-width:0;height:38px;padding:0 8px;border:1px solid #dce2e9;border-radius:7px;outline:0;color:#304057;background:#fff;font-size:8px}.quote-editor-row input:focus,.quote-editor-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2878f017}.quote-editor-row>button{width:34px;height:34px;border:1px solid #ead9dc;border-radius:7px;display:grid;place-items:center;color:#c34f5c;background:#fff}.quote-editor-row>button:disabled{opacity:.35}.quote-recommended{height:38px;padding:0 7px;border:1px solid #dce2e9;border-radius:7px;display:flex;align-items:center;gap:5px;color:#68758a;background:#fff;font-size:8px}.quote-recommended input{width:14px;height:14px;min-height:0;padding:0;accent-color:var(--green)}.color-option-list{min-height:42px;padding:6px;border:1px solid #dce2e9;border-radius:7px;display:flex;flex-wrap:wrap;gap:7px;background:#fff}.color-option-list button{min-height:28px;padding:0 10px;border:1px solid #dfe4ea;border-radius:14px;display:flex;align-items:center;gap:5px;color:#647187;background:#f7f9fb;font-size:9px}.color-option-list button.active{color:#176f53;border-color:#91d8bd;background:#e8f7f1;font-weight:700}.linked-product-preview,.linked-order-source{margin:15px 0;padding:12px;border:1px solid #dce7f5;border-radius:9px;display:flex;align-items:center;gap:12px;background:#f6f9fe}.linked-product-preview img{width:52px;height:52px;border-radius:7px;object-fit:cover}.linked-product-preview>div,.linked-order-source{display:flex;flex-direction:column;gap:4px}.linked-product-preview>div:nth-child(2){flex:1}.linked-product-preview>div:last-child{align-items:flex-end;text-align:right}.linked-product-preview span,.linked-order-source span{color:#7f8b9b;font-size:8px}.linked-product-preview strong,.linked-order-source strong{color:#2d4059;font-size:10px}.linked-product-preview small,.linked-order-source small{color:#7e8999;font-size:8px}.convert-action{color:#11865f!important;background:#e8f7f1!important}.table-convert-button,.linked-order-button{min-height:30px;padding:0 9px;border:1px solid #a9d9c6;border-radius:6px;display:flex;align-items:center;gap:5px;color:#117451;background:#e8f7f1;font-size:7px;font-weight:700;white-space:nowrap}.linked-order-button{color:#286bc8;border-color:#b8cff0;background:#edf4ff}.task-items-editor{margin:15px 0;padding:15px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc}.task-item-card{margin-top:10px;padding:12px;border:1px solid #dfe5ec;border-radius:9px;background:#fff}.task-item-heading{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.task-item-heading strong{color:#304159;font-size:10px}.task-item-heading button{width:30px;height:30px;border:1px solid #ead9dc;border-radius:6px;display:grid;place-items:center;color:#c34f5c;background:#fff}.task-item-heading button:disabled{opacity:.35}.task-item-grid{display:grid;grid-template-columns:1.5fr 1fr .7fr .65fr;gap:9px}.task-item-grid label,.task-item-colors{display:flex;flex-direction:column;gap:6px}.task-item-grid span,.task-item-colors>span{color:#627086;font-size:8px;font-weight:650}.task-item-grid input,.task-item-grid select{min-width:0;height:36px;padding:0 9px;border:1px solid #dce2e9;border-radius:7px;color:#304057;background:#fff;font-size:8px}.task-item-colors{margin-top:10px}.color-quantity-grid{margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-quantity-grid label{padding:8px;border:1px solid #e1e6ec;border-radius:7px;display:flex;flex-direction:column;gap:6px;background:#fafbfd}.color-quantity-grid label>span{color:#4e5e74;font-size:8px;font-weight:650}.color-quantity-grid label>div{display:flex;align-items:center;gap:6px}.color-quantity-grid input{min-width:0;width:100%;height:32px;padding:0 8px;border:1px solid #dce2e9;border-radius:6px;color:#304057;background:#fff}.color-quantity-grid em{color:#8d98a8;font-size:8px;font-style:normal}.task-item-price-note{margin-top:9px;display:flex;align-items:center;justify-content:space-between;color:#7e8999;font-size:8px}.task-item-price-note strong{color:#2d4059;font-size:9px}.purchase-cost-summary{margin:15px 0;padding:14px;border:1px solid #dce7f5;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f6f9fe}.purchase-cost-summary>div,.purchase-cost-summary label{display:flex;flex-direction:column;gap:6px}.purchase-cost-summary span{color:#6e7b8f;font-size:8px;font-weight:650}.purchase-cost-summary strong{color:#2b3d55;font-size:13px}.purchase-cost-summary input{height:36px;padding:0 9px;border:1px solid #d9e1ea;border-radius:7px;color:#304057;background:#fff}.purchase-cost-summary .purchase-total{padding-left:12px;border-left:1px solid #d6e1ef}.purchase-cost-summary .purchase-total strong{color:var(--blue);font-size:16px}.task-factory-summary{margin:15px 0;padding:15px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc}.task-factory-list{display:flex;flex-direction:column;gap:7px}.task-factory-list>div{min-height:40px;padding:8px 10px;border:1px solid #e1e6ec;border-radius:7px;display:grid;grid-template-columns:1.5fr 1.2fr auto;align-items:center;gap:10px;background:#fff}.task-factory-list>div>span{color:#667489;font-size:8px}.task-factory-list>div>strong{display:flex;align-items:center;gap:6px;color:#304159;font-size:9px}.task-factory-list>div>strong svg{color:var(--blue)}.task-factory-list>div>em{color:#176f53;font-size:9px;font-style:normal;font-weight:750}.detail-factory-summary{margin:0}.multi-line-cell,.multi-line-cell>span{display:flex;flex-direction:column;gap:3px}.multi-line-cell{gap:7px}.multi-line-cell>span+span{padding-top:6px;border-top:1px solid #edf0f4}.multi-line-cell small{color:#8b96a5;font-size:7px}.task-line-detail{display:flex;flex-direction:column;gap:8px}.task-line-detail article{padding:10px;border:1px solid #e1e6ec;border-radius:8px;display:flex;align-items:center;gap:8px;background:#f8fafc}.task-line-detail article>div{margin-right:auto;display:flex;flex-direction:column;gap:3px}.task-line-detail article>div strong{color:#304159;font-size:9px}.task-line-detail article>div span{color:#8b96a5;font-size:7px}.task-line-detail em{padding:5px 7px;border-radius:5px;display:flex;flex-direction:column;gap:2px;color:#67758a;background:#edf1f5;font-size:7px;font-style:normal}.task-line-detail em strong{color:#2e4058;font-size:8px}.conversion-lines{margin-bottom:15px}.conversion-cost-summary,.order-cost-breakdown{margin:12px 0 16px;padding:12px;border:1px solid #dce7f5;border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f6f9fe}.conversion-cost-summary span,.order-cost-breakdown span{display:flex;flex-direction:column;gap:4px;color:#7e8999;font-size:8px}.conversion-cost-summary strong,.order-cost-breakdown strong{color:#2d4059;font-size:10px}.conversion-cost-summary span:last-child strong,.order-cost-breakdown span:last-child strong{color:var(--blue);font-size:12px}.order-items-list{display:flex;flex-direction:column;gap:10px}.order-color-breakdown{margin-top:8px;display:flex!important;flex-wrap:wrap;gap:6px!important}.order-color-breakdown span{padding:5px 7px;border-radius:5px;display:flex;gap:7px;color:#647187;background:#f1f4f7;font-size:7px}.order-color-breakdown strong{color:#2d4059;font-size:7px}.task-detail-layout{display:flex;flex-direction:column;gap:16px}.quote-detail-table{overflow:hidden;border:1px solid #e1e6ec;border-radius:9px}.quote-detail-table>div{min-height:40px;padding:8px 11px;display:grid;grid-template-columns:1.7fr .7fr .8fr .65fr .65fr;align-items:center;gap:9px;border-bottom:1px solid #edf0f4;color:#59677b;font-size:8px}.quote-detail-table>div:first-child{color:#657287;background:#f5f7fa}.quote-detail-table>div:last-child{border-bottom:0}.quote-detail-table>div.recommended{background:#f2fbf7}.quote-detail-table span:first-child{display:flex;align-items:center;gap:6px;color:#34445a;font-weight:650}.quote-detail-table em{padding:2px 5px;border-radius:8px;color:#157150;background:#dff5ec;font-size:6px;font-style:normal}.owner-cell{display:flex;align-items:center;gap:7px}.owner-cell>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#5c7291;font-size:8px}.order-tabs{margin-bottom:14px;display:flex;gap:4px;border-bottom:1px solid #dae0e8}.order-tabs button{padding:10px 14px;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px;color:#7d8999;background:transparent;font-size:10px}.order-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:700}.order-tabs span{min-width:18px;padding:2px 5px;border-radius:9px;color:#7d8999;background:#e8ebef;font-size:8px}.order-tabs .active span{color:var(--blue);background:#e6f0ff}.back-link{margin-bottom:15px;padding:0;border:0;display:flex;align-items:center;gap:7px;color:#758195;background:transparent;font-size:10px}.order-detail-heading{margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.order-detail-heading>div:first-child>span{display:block;margin-bottom:5px;color:var(--blue);font-size:8px;letter-spacing:.15em;font-weight:800}.order-detail-heading>div:first-child>div{display:flex;align-items:center;gap:10px}.order-detail-heading p{margin:6px 0 0;color:#8490a0;font-size:10px}.detail-stat-grid{margin-bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-stat-grid>div{min-height:88px;padding:14px 16px;border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;background:#fff}.detail-stat-grid span{color:#8994a3;font-size:8px}.detail-stat-grid strong{margin:7px 0 3px;color:#24364f;font-size:18px}.detail-stat-grid small{color:#9aa4b1;font-size:7px}.detail-stat-grid .date-value{font-size:14px}.detail-stat-grid .progress-line{margin-top:4px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:14px}.detail-main,.detail-side{display:flex;flex-direction:column;gap:14px}.order-product-card{margin:3px 18px 18px;padding:13px;border:1px solid #e6eaf0;border-radius:9px;display:flex;align-items:center;gap:13px;background:#fbfcfd}.order-product-card>img{width:62px;height:62px;border-radius:8px;object-fit:cover}.order-product-info{min-width:0;flex:1;display:flex;flex-direction:column}.order-product-info strong{color:#27384f;font-size:11px}.order-product-info>span{margin:4px 0 8px;color:#9aa4b1;font-size:8px}.order-product-info>div{display:flex;flex-wrap:wrap;gap:5px}.order-product-info em{padding:4px 6px;border-radius:4px;color:#67758a;background:#edf1f5;font-size:7px;font-style:normal}.order-product-numbers{display:flex;gap:25px}.order-product-numbers span{display:flex;flex-direction:column;gap:5px;color:#929caa;font-size:7px;text-align:right}.order-product-numbers strong{color:#26364d;font-size:10px}.compact-timeline{padding:14px 20px 23px;display:grid;grid-template-columns:repeat(6,1fr)}.compact-timeline>div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.compact-timeline>div:before{content:"";position:absolute;z-index:0;top:14px;left:0;width:100%;height:2px;background:#e2e6eb}.compact-timeline>div:first-child:before{left:50%;width:50%}.compact-timeline>div:last-child:before{width:50%}.compact-timeline>div.done:before,.compact-timeline>div.current:before{background:#72b59c}.compact-timeline>div>span{position:relative;z-index:1;width:29px;height:29px;border:2px solid #dfe4ea;border-radius:50%;display:grid;place-items:center;color:#95a0ae;background:#fff;font-size:9px}.compact-timeline>div.done>span{color:#fff;border-color:var(--green);background:var(--green)}.compact-timeline>div.current>span{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 4px #e7f0ff}.compact-timeline strong{margin-top:8px;color:#4f5d71;font-size:7.5px}.compact-timeline small{margin-top:3px;color:#a0a8b3;font-size:6.5px}.info-pair-grid{padding:5px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-block{padding:13px;border:1px solid #e6eaf0;border-radius:8px;display:flex;align-items:center;gap:11px;color:var(--blue)}.info-block>div{flex:1;display:flex;flex-direction:column;gap:3px}.info-block span,.info-block small{color:#98a2af;font-size:7px}.info-block strong{color:#35445a;font-size:9px}.info-block button{width:27px;height:27px;border:1px solid #dfe4ea;border-radius:6px;color:#667489;background:#fff}.order-file-actions{flex:0 0 auto!important;flex-direction:row!important;gap:5px!important}.order-file-actions button{display:grid;place-items:center;cursor:pointer}.order-file-list{display:grid;gap:8px}.order-file-list article{padding:11px 12px;border:1px solid #e4e9ef;border-radius:8px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px}.order-file-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.order-file-list article strong{color:#314158;font-size:9px}.order-file-list article span,.order-file-list article small{color:#8793a3;font-size:7px}.order-file-list article>div:last-child{display:flex;gap:6px}.file-preview{min-height:420px;display:grid;place-items:center;background:#f2f4f7}.file-preview img{max-width:100%;max-height:65vh;object-fit:contain}.file-preview-frame{width:100%;height:65vh;border:0;border-radius:7px;background:#f2f4f7}.file-preview-fallback{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#708096;text-align:center}.file-preview-fallback strong{color:#314158}.payment-donut{padding:5px 18px 20px;display:flex;align-items:center;gap:17px}.payment-ring{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--progress),#e9edf2 0)}.payment-ring:before{content:"";position:absolute;width:69px;height:69px;border-radius:50%;background:#fff}.payment-ring>div{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center}.payment-ring strong{color:#27384f;font-size:17px}.payment-ring span{color:#9aa4b1;font-size:7px}.payment-lines{flex:1}.payment-lines>div{padding:6px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;font-size:8px}.payment-lines span{color:#8f99a7}.payment-lines strong{color:#304057}.green-text{color:#11865f!important}.orange-text{color:#ca771b!important}.definition-list{padding:3px 18px 18px}.definition-list>div{padding:8px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:12px;font-size:8px}.definition-list span{color:#929caa}.definition-list strong{color:#35445a;text-align:right}.note-panel p{margin:3px 18px 8px;color:#647187;font-size:8px;line-height:1.7}.note-panel>span{display:block;padding:0 18px 18px;color:#a0a8b3;font-size:7px}.production-board{margin-bottom:14px;padding-bottom:16px}.production-order-grid{padding:2px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.production-order-card{position:relative;padding:15px;border:1px solid #e1e6ec;border-radius:9px;display:flex;flex-direction:column;gap:13px;color:inherit;background:#fff;text-align:left;transition:.2s}.production-order-card:hover{border-color:#a9c7ed;box-shadow:0 7px 20px #1d497f14;transform:translateY(-1px)}.production-order-card.active{border-color:#6fa4e7;background:#f7faff;box-shadow:inset 3px 0 0 var(--blue)}.production-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.production-card-heading>div{min-width:0;display:flex;flex-direction:column;gap:4px}.production-card-heading span{color:var(--blue);font-size:8px;font-weight:800}.production-card-heading strong{overflow:hidden;color:#293a52;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.production-card-heading small{color:#8f99a7;font-size:8px}.production-card-progress>span{margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;color:#8c97a5;font-size:8px}.production-card-progress>span strong{color:#2e4058;font-size:10px}.production-card-meta{padding-top:11px;border-top:1px solid #edf0f4;display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:10px}.production-card-meta span{display:flex;flex-direction:column;gap:4px;color:#98a2af;font-size:7px}.production-card-meta strong{overflow:hidden;color:#506078;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.production-card-link{margin-top:-2px;display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#3978cd;font-size:8px;font-weight:700}.production-order-selector{margin-bottom:14px;padding:13px 16px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:16px;background:#fff;box-shadow:var(--shadow)}.production-order-selector>div:first-child{min-width:250px;display:flex;flex-direction:column;gap:3px}.production-order-selector span{color:#929caa;font-size:7px}.production-order-selector strong{color:#2e3e55;font-size:10px}.selector-progress{margin-left:auto;width:220px}.selector-progress>span{display:block;margin-bottom:5px}.production-panel{padding-bottom:17px}.production-overview{margin:16px;padding:14px;border-radius:9px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;background:#f5f8fc}.production-overview>div{min-height:42px;padding:0 18px;border-right:1px solid #dde4ed;display:flex;align-items:center;gap:10px;color:var(--blue)}.production-overview>div:last-child{border:0}.production-overview>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.production-overview>div:first-child strong{color:#20334e;font-size:24px}.production-overview span{display:flex;flex-direction:column;gap:4px;color:#8994a3;font-size:7px}.production-overview span strong{color:#34445b;font-size:9px}.production-timeline{padding:5px 20px}.production-stage{display:grid;grid-template-columns:36px 1fr}.stage-rail{display:flex;flex-direction:column;align-items:center}.stage-rail span{width:28px;height:28px;flex:0 0 auto;border:2px solid #e0e5eb;border-radius:50%;display:grid;place-items:center;color:#98a2b0;background:#fff;font-size:8px}.stage-rail i{width:2px;min-height:75px;flex:1;background:#e4e8ed}.production-stage:last-child .stage-rail i{display:none}.stage-completed .stage-rail span{color:#fff;border-color:var(--green);background:var(--green)}.stage-completed .stage-rail i{background:#85c6ae}.stage-current .stage-rail span{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 4px #e8f1ff}.stage-card{margin:0 0 13px 8px;padding:12px 14px;border:1px solid #e4e8ee;border-radius:8px;background:#fff}.stage-current .stage-card{border-color:#a9c9f6;box-shadow:0 4px 14px #2878f014}.stage-locked .stage-card{border-color:#e8ebef;background:#f7f8fa;opacity:.72}.stage-header{display:flex;align-items:center;justify-content:space-between}.stage-header>div{display:flex;align-items:center;gap:9px}.stage-header h3{margin:0;color:#324157;font-size:10px}.stage-header>strong{color:#26374f;font-size:11px}.stage-completion-badge{padding:3px 7px;border-radius:999px;font-size:7px;font-weight:700}.stage-completion-badge.completed{color:#087f5b;background:#e1f7ee}.stage-completion-badge.pending{color:#1769c2;background:#e8f2ff}.stage-completion-badge.locked{color:#788494;background:#e9edf2}.stage-meta{display:flex;align-items:center;gap:26px}.stage-meta>span{display:flex;align-items:center;gap:6px;color:#98a2af;font-size:7px}.stage-meta strong{color:#556277;font-size:7px}.stage-meta button{margin-left:auto;padding:4px 7px;border:0;border-radius:4px;display:flex;align-items:center;gap:5px;color:#3978cd;background:#edf4ff;font-size:7px}.stage-lock-label{margin-left:auto;display:flex;align-items:center;gap:5px;color:#8d97a4!important}.production-photos{margin-top:14px}.photo-grid{padding:3px 18px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.photo-grid>div,.photo-grid>button{position:relative;height:125px;overflow:hidden;border:0;border-radius:8px;background:#e9edf2;padding:0}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:.25s}.photo-grid>div:hover img,.photo-grid>button:hover img{transform:scale(1.04)}.photo-grid span{position:absolute;left:8px;bottom:7px;padding:4px 6px;border-radius:4px;color:#fff;background:#0d1c30b8;font-size:7px}.panel-inline-actions{padding:0 18px 18px;display:flex;justify-content:flex-end}.inventory-location-grid,.finance-metrics{margin-bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inventory-location-grid>div{min-height:91px;padding:14px;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:41px 1fr;align-items:center;background:#fff;box-shadow:var(--shadow)}.location-icon{grid-row:1 / 4;width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.location-icon.china{color:#256fdc;background:#e9f2ff}.location-icon.argentina{color:#128964;background:#e5f7f0}.location-icon.transit{color:#7d50c8;background:#f0eafb}.location-icon.warning{color:#c87b18;background:#fff2dd}.inventory-location-grid span{color:#8793a3;font-size:8px}.inventory-location-grid strong{color:#26374f;font-size:18px}.inventory-location-grid small{color:#a0a8b4;font-size:7px}.warning-location{border-color:#f0d49f!important}.location-cell{display:flex;align-items:center;gap:5px}.location-cell svg{color:#8c98a8}.finance-metrics .metric-card{min-height:100px}.internal-finance{margin-bottom:14px;padding:14px 17px;background:linear-gradient(100deg,#142943,#1a385d);border-color:#1a385d;color:#fff}.internal-label{margin-bottom:13px;display:flex;align-items:center;gap:7px;color:#a7bed9;font-size:8px}.lock-mini{width:15px;height:15px;border-radius:4px;display:grid;place-items:center;color:#66a4f4;background:#ffffff1a;font-size:5px}.cost-breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.cost-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.cost-breakdown span{color:#9eb1c8;font-size:7px}.cost-breakdown strong{font-size:10px}.cost-breakdown>div>div{grid-column:1 / 3;height:4px;overflow:hidden;border-radius:3px;background:#ffffff1a}.cost-breakdown i{display:block;height:100%;border-radius:3px;background:#4b90e8}.file-category-grid{margin-bottom:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.file-category-grid>div{padding:14px;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:34px 1fr;align-items:center;background:#fff}.row-actions button:disabled{cursor:not-allowed;opacity:.35}.file-category-grid svg{grid-row:1 / 3;color:var(--blue)}.file-category-grid strong{color:#26374f;font-size:16px}.file-category-grid span{color:#909aa8;font-size:8px}.file-type-icon{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;color:#397bda!important;background:#ebf3ff}.language-tag{padding:4px 6px;border-radius:4px;color:#667489;background:#edf0f4;font-size:7px;font-weight:700}.score-cell{display:flex;align-items:center;gap:6px}.score-cell span{color:#f0ad27;font-size:8px;letter-spacing:-1px}.messages-layout{display:grid;grid-template-columns:225px 1fr;gap:14px}.message-filters{padding:13px;align-self:start}.message-filters label{height:34px;margin-bottom:12px;padding:0 9px;border:1px solid #e0e5eb;border-radius:7px;display:flex;align-items:center;gap:7px;color:#97a1ae}.message-filters input{min-width:0;flex:1;border:0;outline:0;font-size:9px}.message-filters>button{width:100%;height:35px;padding:0 9px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;color:#667489;background:transparent;font-size:9px}.message-filters>button.active{color:var(--blue);background:#eaf2ff;font-weight:700}.message-filters>button span{min-width:21px;padding:3px 5px;border-radius:9px;background:#eceff3;font-size:7px}.message-list{overflow:hidden}.message-list article{padding:17px;border-bottom:1px solid #e9edf2;display:flex;align-items:flex-start;gap:12px}.message-list article:last-child{border:0}.channel-icon{width:35px;height:35px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:10px}.channel-whatsapp{color:#11865f;background:#e5f7f0}.channel-email{color:#246fda;background:#e9f2ff}.channel-phone{color:#8053ca;background:#f0eafb}.message-body{min-width:0;flex:1}.message-body>div{display:flex;justify-content:space-between;gap:10px}.message-body strong{color:#314158;font-size:10px}.message-body span{color:#9ba4b1;font-size:7px}.message-body p{margin:7px 0;color:#5d6b7f;font-size:9px;line-height:1.6}.message-body small{display:flex;align-items:center;gap:5px;color:#8d98a7;font-size:7px}.message-list article>button{border:0;color:#8d98a7;background:transparent}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:14px}.settings-nav{padding:10px;align-self:start}.settings-nav button{width:100%;height:38px;padding:0 11px;border:0;border-radius:7px;display:flex;align-items:center;gap:10px;color:#6d7a8d;background:transparent;font-size:9px}.settings-nav button.active{color:var(--blue);background:#eaf2ff;font-weight:700}.simple-icon{width:17px;text-align:center;font-size:17px;line-height:1}.settings-main{display:flex;flex-direction:column;gap:14px}.settings-section{padding-bottom:18px}.profile-editor{margin:4px 20px 18px;padding-bottom:18px;border-bottom:1px solid #e9edf2;display:flex;align-items:center;gap:13px}.large-avatar{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2f79dc,#183d69);font-size:20px;font-weight:800}.profile-avatar-image{object-fit:cover}.profile-editor>div:last-child{display:flex;flex-direction:column;gap:4px}.profile-editor strong{color:#2b3b52;font-size:11px}.profile-editor span{color:#9aa4b1;font-size:7px}.profile-editor button{width:fit-content;margin-top:3px;padding:5px 7px;border:1px solid #dde3ea;border-radius:5px;display:flex;align-items:center;gap:5px;color:#5d6b80;background:#fff;font-size:7px}.settings-form-grid{padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form-grid label{display:flex;flex-direction:column;gap:6px}.settings-form-grid span{color:#58667b;font-size:8px;font-weight:650}.settings-form-grid input{height:36px;padding:0 10px;border:1px solid #dfe4ea;border-radius:6px;outline:0;color:#334258;background:#fff;font-size:9px}.settings-form-grid input:focus{border-color:var(--blue)}.settings-form-grid input:disabled{color:#8e98a6;background:#f5f7f9}.language-options{padding:4px 20px 5px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.language-options button{min-height:64px;padding:10px;border:1px solid #e0e5eb;border-radius:8px;display:flex;align-items:center;gap:10px;color:#637086;background:#fff;text-align:left}.language-options button.active{border-color:#8ab6f2;background:#f6faff;box-shadow:0 0 0 2px #e8f1ff}.language-options button>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--blue);background:#e7f1ff;font-size:10px;font-weight:800}.language-options button>div{flex:1;display:flex;flex-direction:column;gap:3px}.language-options strong{color:#324157;font-size:9px}.language-options small{color:#98a2af;font-size:7px}.language-options svg{color:var(--blue)}.save-settings{align-self:flex-end}.modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#0916278f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s ease-out}.app-modal{width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:13px;background:#fff;box-shadow:0 24px 80px #06122240;animation:modal-in .18s ease-out}.modal-small{width:min(420px,100%)}.modal-large{width:min(850px,100%)}.app-modal>header{position:sticky;z-index:2;top:0;min-height:68px;padding:16px 19px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fffffff7}.app-modal>header h2{margin:0;color:#23354e;font-size:15px}.app-modal>header p{margin:4px 0 0;color:#939daa;font-size:8px}.app-modal>header button{width:31px;height:31px;border:0;border-radius:7px;display:grid;place-items:center;color:#778397;background:#f2f4f7}.modal-content{padding:19px}.entity-form{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field-wide{grid-column:1 / -1}.modal-field>span{color:#536176;font-size:9px;font-weight:650}.modal-field>span i{margin-left:3px;color:var(--red);font-style:normal}.modal-field input,.modal-field select,.modal-field textarea{width:100%;min-height:38px;padding:0 10px;border:1px solid #dce2e9;border-radius:7px;outline:0;color:#304057;background:#fff;font-size:10px}.modal-field textarea{padding:10px;resize:vertical}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2878f017}.modal-field input:disabled{color:#8994a3;background:#f3f5f7}.form-actions{padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.confirm-content{padding:5px 0 20px;display:flex;align-items:center;gap:13px}.confirm-content p{margin:0;color:#58667a;font-size:10px;line-height:1.6}.confirm-icon{width:43px;height:43px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:#c67c1c;background:#fff1da}.entity-detail{display:grid;grid-template-columns:150px 1fr;gap:18px}.entity-detail>dl:only-child{grid-column:1 / -1}.detail-preview-image{width:150px;height:150px;border-radius:10px;object-fit:cover}.entity-detail dl{margin:0}.entity-detail dl>div{padding:9px 0;border-bottom:1px solid #edf0f4;display:grid;grid-template-columns:120px 1fr;gap:12px}.entity-detail dt{color:#909aa8;font-size:8px}.entity-detail dd{margin:0;color:#34445a;font-size:9px;font-weight:650}.toast-stack{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.app-toast{min-width:230px;padding:12px 15px;border-radius:9px;color:#fff;box-shadow:0 12px 35px #0c1c312e;font-size:10px;font-weight:650;animation:toast-in .22s ease-out}.toast-success{background:#168962}.toast-info{background:#256fd8}.toast-danger{background:#cc4856}.upload-dropzone{min-height:95px;padding:17px;border:1px dashed #b9c8da;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#f8fafd}.upload-dropzone span{color:#7e8999;font-size:8px}.hidden-file-input{display:none}.selection-list{display:flex;flex-direction:column;gap:8px}.selection-list>button{padding:11px;border:1px solid #e0e5eb;border-radius:8px;display:grid;grid-template-columns:1fr 150px;align-items:center;gap:12px;background:#fff;text-align:left}.selection-list>button.active{border-color:#8ab5ef;background:#f5f9ff}.selection-list>button>div{display:flex;flex-direction:column;gap:3px}.selection-list strong{color:#2c3d55;font-size:9px}.selection-list span{color:#949eab;font-size:8px}.modal-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-photo-grid figure{margin:0;overflow:hidden;border-radius:9px;background:#f1f3f6}.modal-photo-grid img{width:100%;height:220px;display:block;object-fit:cover}.modal-photo-grid figcaption{padding:8px 10px;color:#69768a;font-size:8px}.message-detail>span,.message-detail small{color:#919ba9;font-size:8px}.message-detail h3{margin:8px 0;color:#2c3c53;font-size:13px}.message-detail p{margin:0 0 14px;color:#59677b;font-size:10px;line-height:1.8}.toggle-list{padding:5px 20px}.toggle-list label{padding:14px 0;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;gap:20px}.toggle-list label>div{display:flex;flex-direction:column;gap:4px}.toggle-list strong,.system-setting-row strong{color:#34445a;font-size:9px}.toggle-list span,.system-setting-row span{color:#929caa;font-size:8px}.toggle-list input{width:36px;height:20px;accent-color:var(--blue)}.system-setting-row{margin:5px 20px;padding:15px;border:1px solid #f0d3d7;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffafb}.system-setting-row>div{display:flex;flex-direction:column;gap:4px}.modal-help{color:#647186;font-size:10px;line-height:1.7}.modal-full-button{width:100%;margin-top:12px}.missing-state{padding:50px;color:#798597;text-align:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1250px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.content{padding:24px}.donut-wrap{gap:10px}.donut-chart{width:150px;height:150px}.cost-breakdown{gap:12px}}@media(max-width:1000px){.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:15px 0 40px #00000029}.sidebar-open{transform:translate(0)}.mobile-close,.mobile-menu{display:grid;place-items:center}.sidebar-backdrop{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;border:0;background:#06101d73}.main-column{margin-left:0}.topbar{padding:0 20px}.mobile-menu{margin-right:12px}.dashboard-grid,.detail-layout{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.production-order-grid{grid-template-columns:1fr}.production-overview{grid-template-columns:repeat(2,1fr);gap:12px 0}.production-overview>div:nth-child(2){border-right:0}.inventory-location-grid,.finance-metrics{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}}@media(max-width:720px){.content{padding:18px 14px}.topbar-title{display:none}.topbar-actions{gap:8px}.language-switch{padding:0 8px}.user-button>div:nth-child(2),.user-button>svg{display:none}.page-header,.dashboard-greeting,.order-detail-heading{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .button{flex:1}.metrics-grid,.metrics-viewer,.kanban-summary{grid-template-columns:repeat(2,1fr)}.summary-strip{overflow-x:auto}.summary-strip>div{min-width:170px}.detail-stat-grid{grid-template-columns:repeat(2,1fr)}.detail-side{display:flex}.order-product-card{align-items:flex-start;flex-wrap:wrap}.order-product-info{min-width:200px}.order-product-numbers{width:100%;justify-content:space-between}.compact-timeline{grid-template-columns:repeat(3,1fr);row-gap:18px}.compact-timeline>div:before{display:none}.info-pair-grid{grid-template-columns:1fr}.production-order-grid{padding:2px 12px}.production-card-meta{grid-template-columns:1fr 1fr}.production-order-selector{flex-wrap:wrap}.selector-progress{width:100%;margin:0;order:4}.production-overview{grid-template-columns:1fr}.production-overview>div{border-right:0;border-bottom:1px solid #dde4ed;padding:10px}.production-overview>div:last-child{border:0}.photo-grid{grid-template-columns:repeat(2,1fr)}.inventory-location-grid,.finance-metrics,.cost-breakdown{grid-template-columns:1fr 1fr}.file-category-grid{grid-template-columns:repeat(2,1fr)}.messages-layout,.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{min-width:130px}.settings-form-grid,.language-options,.form-grid{grid-template-columns:1fr}.modal-field-wide{grid-column:auto}.entity-detail,.product-detail-layout{grid-template-columns:1fr}.variant-editor-labels{display:none}.variant-editor-row{grid-template-columns:1fr 1fr 34px}.variant-editor-row input:first-child{grid-column:1 / -1}.variant-editor-row select{grid-column:1 / 3}.quote-editor-labels{display:none}.quote-editor-row{grid-template-columns:1fr 1fr 34px}.quote-editor-row select{grid-column:1 / -1}.quote-detail-table{overflow-x:auto}.quote-detail-table>div{min-width:620px}.selection-list>button{grid-template-columns:1fr}.modal-photo-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.search-box{width:100%}.order-tabs{overflow-x:auto}.order-tabs button{white-space:nowrap}}@media(max-width:480px){.login-panel{padding:70px 23px 50px}.login-language{right:20px;top:20px}.login-heading h2{font-size:29px}.metrics-grid,.inventory-location-grid,.finance-metrics{grid-template-columns:1fr}.metric-card{min-height:86px}.dashboard-greeting .button{width:100%}.detail-stat-grid,.photo-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.notification-button{display:none}}