:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1b2533;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:linear-gradient(#f6f8fbe0,#f4f7f9f2),radial-gradient(circle at 0 0,#3677b214,#0000 32rem);min-width:1080px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.login-shell{isolation:isolate;background:linear-gradient(#fcfdffb8,#f1f7faf0 64%,#e7eff4fa),linear-gradient(118deg,#172d3f14,#0000 42%),linear-gradient(242deg,#f09a471f,#0000 38%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:48px;display:flex;position:relative;overflow:hidden}.login-scenery{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.login-horizon{background:linear-gradient(#ffffffb8,#dbe8ec33 52%,#0000),linear-gradient(100deg,#0000 0 20%,#7289942e 20% 26%,#0000 28%),linear-gradient(78deg,#0000 0 62%,#57707d33 62% 69%,#0000 70%);height:58%;position:absolute;top:0;bottom:auto;left:0;right:0}.login-mountain{opacity:.55;clip-path:polygon(0 100%,38% 18%,58% 72%,74% 34%,100% 100%);background:linear-gradient(135deg,#6b7d865c,#ffffff0f 62%);width:46vw;height:28vh;position:absolute;top:16%}.mountain-left{left:-6vw}.mountain-right{right:-4vw;transform:scaleX(-1)}.login-road{clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);opacity:.42;background:linear-gradient(90deg,#0000 0 47%,#ffffffb8 47% 53%,#0000 53%),linear-gradient(#3d4a542e,#1d263085);width:min(900px,72vw);height:56vh;position:absolute;bottom:-9vh;left:50%;transform:translate(-50%)}.login-road:before,.login-road:after{content:"";background:#ffffff61;width:1px;height:100%;position:absolute;top:0}.login-road:before{left:36%;transform:rotate(-10deg)}.login-road:after{right:36%;transform:rotate(10deg)}.login-tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff9e;border-radius:14px;place-items:center;width:68px;height:68px;display:grid;position:absolute;transform:rotate(45deg);box-shadow:0 18px 46px #2236482e}.login-tile svg{transform:rotate(-45deg)}.tile-truck{color:#fff;background:linear-gradient(135deg,#14919deb,#276fb4d1);top:36%;left:max(54px,50% - 520px)}.tile-package{color:#172535;background:#ffffffd6;top:31%;right:max(72px,50% - 540px)}.tile-payment{color:#fff;background:linear-gradient(135deg,#ee8a49eb,#a654c1d6);bottom:17%;right:max(120px,50% - 500px)}.login-card{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #dce4ed;border-radius:12px;width:min(440px,100vw - 96px);padding:32px;position:relative;box-shadow:0 28px 80px #1e30432e}.login-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{color:#6a7a8b;margin-top:2px;font-size:12px}.login-heading{margin-bottom:22px}.login-heading h1{color:#172535;margin:0;font-size:28px;line-height:1.18}.login-form,.login-password-form{grid-template-columns:minmax(0,1fr) 152px;align-items:end;gap:10px;margin-top:12px;display:grid}.login-password-form{grid-template-columns:minmax(0,1fr);gap:14px}.login-form label,.login-password-form label,.login-connection label{gap:6px;display:grid}.login-form label span,.login-password-form label span,.login-connection label span{color:#4d6175;font-size:12px;font-weight:700}.login-form input,.login-password-form input,.login-connection input{color:#172535;background:#fffffff0;border:1px solid #cfd9e4;border-radius:8px;outline:none;width:100%;min-width:0;height:46px;padding:0 14px}.login-password-form input::placeholder{color:#a7b4c2}.login-form input:focus,.login-password-form input:focus,.login-connection input:focus{border-color:#2f7db8;box-shadow:0 0 0 3px #2f7db824}.login-form .primary-button,.login-form .secondary-button,.login-password-form .primary-button,.login-connection .secondary-button{min-height:46px}.login-connection{border-top:1px solid #e1e8ef;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px;padding-top:18px;display:grid}.login-connection>div:first-child strong,.login-connection>div:first-child span{display:block}.login-connection>div:first-child span{color:#6a7a8b;margin-top:3px;font-size:12px}.sidebar{color:#edf4fb;background:#16202d;flex-direction:column;min-height:100vh;padding:20px 14px;display:flex}.brand{align-items:center;gap:12px;padding:6px 8px 22px;display:flex}.brand-mark,.metric-icon,.large-icon{color:#fff;background:#2f7db8;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:0;font-size:17px}.brand span{color:#9dafc1;margin-top:2px;font-size:12px}.nav-list{gap:4px;display:grid}.nav-row{cursor:grab;border-radius:8px;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:4px;transition:background .12s,box-shadow .12s,opacity .12s,transform .12s;display:grid}.nav-row:active{cursor:grabbing}.nav-row.dragging{opacity:.54}.nav-row.drag-over{background:#2f7db829;box-shadow:inset 0 0 0 1px #52a2db61}.nav-item,.ghost-button,.icon-text-button,.secondary-button,.primary-button,.icon-button,.small-action{white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;display:inline-flex}.nav-item{color:#b9c8d8;background:0 0;justify-content:flex-start;width:100%;padding:10px 12px}.nav-item span{text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-item:hover,.nav-item.active{color:#fff;background:#243445}.nav-drag-handle{color:#7f90a3;opacity:.34;pointer-events:none;place-self:center;transition:color .12s,opacity .12s;display:grid}.nav-row:hover .nav-drag-handle,.nav-row.dragging .nav-drag-handle{color:#fff;opacity:.84}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.connection-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.connection-card strong,.connection-card span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.connection-card span{color:#9dafc1;margin-top:2px;font-size:12px}.dot{background:#7a8a9a;border-radius:50%;width:10px;height:10px}.dot.online{background:#3fb37f}.ghost-button{color:#d7e4ef;background:#ffffff14;width:100%}.workspace{min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafcfeeb;border-bottom:1px solid #dfe6ee;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 24px;display:flex;position:sticky;top:0}.global-search{color:#6f7f90;background:#fff;border:1px solid #d6dee8;border-radius:8px;align-items:center;gap:10px;width:min(520px,46vw);height:40px;padding:0 12px;display:flex}.global-search input{color:#1b2533;border:0;outline:0;width:100%;min-width:0}.topbar-actions,.header-actions,.row-actions{align-items:center;gap:8px;display:flex}.icon-text-button,.secondary-button{color:#304255;background:#fff;border:1px solid #d5dee8;padding:0 12px}.primary-button{color:#fff;background:#2f7db8;padding:0 14px}.primary-button:hover{background:#246d9f}.danger-button{color:#b42318;background:#fff8f7;border-color:#f1c5bd}.danger-button:hover{background:#fff1ef}.secondary-button:hover,.icon-text-button:hover{background:#f1f5f9}.topbar-icon-button{color:#405266;background:#fff;border:1px solid #d5dee8;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.topbar-icon-button:hover{background:#f1f5f9}.user-chip{color:#405266;background:#edf3f8;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 12px;display:inline-flex}.page{padding:24px}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:#2f7db8;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.page-header h1{letter-spacing:0;margin:4px 0 6px;font-size:28px;line-height:1.2}.page-header p,.quote-head p,.detail-note{color:#657486;margin:0}.metric-grid,.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel,.detail-pane,.connect-panel,.readiness-panel{background:#fff;border:1px solid #dce4ed;border-radius:8px;box-shadow:0 10px 30px #202e400f}.metric-card{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px 12px;padding:16px;display:grid}.metric-icon{color:#2f7db8;background:#eaf4fb;grid-row:span 2;width:36px;height:36px}.metric-green .metric-icon{color:#16805b;background:#e2f6ee}.metric-gold .metric-icon{color:#9a6a00;background:#fff3cf}.metric-blue .metric-icon{color:#236fa6;background:#e6f2fb}.metric-purple .metric-icon{color:#6854a8;background:#eeeafd}.metric-card span,.metric-card small,.detail-stats span,.panel-title span,.card-topline,.compact-row span,.quote-row span,.order-summary span,.contact-row span,.inquiry-card p,.inquiry-card footer span,.opportunity-card span,.opportunity-card p,.line-row small,.product-tiers span,.product-tiers small{color:#6a7a8b}.metric-card strong{font-size:24px}.metric-detail{border-top:1px solid #edf1f5;grid-column:2;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;display:grid}.metric-detail span,.metric-detail small{min-width:0;font-size:12px}.metric-detail small{text-align:right}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-workspace{background:#f5f8fb}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.dashboard-hero h1{margin:4px 0 6px;font-size:28px;line-height:1.2}.dashboard-hero p{color:#657486;margin:0}.dashboard-controls{align-items:end;gap:10px;display:flex}.dashboard-controls label{gap:6px;display:grid}.dashboard-controls label span{color:#607286;font-size:12px;font-weight:700}.dashboard-controls select{color:#1b2533;background:#fff;border:1px solid #d5dee8;border-radius:8px;min-width:210px;height:36px}.time-tabs,.plan-tabs{background:#fff;border:1px solid #d5dee8;border-radius:8px;min-height:36px;padding:3px;display:inline-flex}.time-tabs button,.plan-tabs button{color:#526477;background:0 0;border:0;border-radius:6px;min-height:28px;padding:0 13px}.time-tabs button.selected,.plan-tabs button.selected{color:#126646;background:#e2f6ee}.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.dashboard-left,.dashboard-right{gap:16px;display:grid}.quick-panel{min-height:190px}.quick-actions{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;display:grid}.quick-action{color:#1b2533;background:#fff;border:1px solid #e1e8ef;border-radius:8px;justify-items:center;gap:10px;min-height:118px;padding:16px 10px;display:grid}.quick-action span{border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.quick-action strong{font-size:14px}.quick-green span{color:#177245;background:#e4f6ed}.quick-blue span{color:#236fa6;background:#e6f2fb}.quick-gold span{color:#9a6a00;background:#fff3cf}.quick-purple span{color:#6854a8;background:#eeeafd}.plan-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.plan-search{color:#6f7f90;background:#fff;border:1px solid #d5dee8;border-radius:8px;align-items:center;gap:8px;width:min(280px,38vw);height:36px;padding:0 10px;display:flex}.plan-search input{border:0;outline:0;width:100%;min-width:0}.notification-list,.order-stack{gap:8px;display:grid}.notification-item{background:#fff;border:1px solid #e3eaf1;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:11px;display:grid}.notification-item svg{margin-top:2px}.notification-item strong,.notification-item span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.notification-item span{color:#6a7a8b;margin-top:3px;font-size:12px}.notification-danger{border-color:#f3cbc5}.notification-danger svg{color:#b42318}.notification-warning{border-color:#f0dfad}.notification-warning svg{color:#9a6a00}.notification-info svg{color:#236fa6}.compact-dashboard-panel .compact-row,.order-stack .order-summary{box-shadow:none}.empty-mini{color:#8797a8;background:#f9fbfd;border:1px dashed #d7e1eb;border-radius:8px;place-items:center;min-height:96px;display:grid}.wide-panel{grid-column:1/-1}.panel,.detail-pane,.connect-panel,.readiness-panel{padding:16px}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title-actions{align-items:center;gap:10px;display:flex}.panel-title.compact{margin:18px 0 10px}.otp-code,.otp-status{color:#315b74;background:#edf7fc;border-radius:8px;margin-top:8px;padding:9px 10px;font-size:12px;font-weight:700}.otp-status{color:#405266;background:#f4f7fa;font-weight:600}.panel-title h2,.panel-title h3,.readiness-panel h2,.detail-heading h2,.quote-head h2{letter-spacing:0;margin:0;font-size:17px}.panel-title h3{font-size:14px}.task-list,.compact-table,.quote-list,.contact-list{gap:8px;display:grid}.task-row,.compact-row,.quote-row,.order-summary,.contact-row,.readiness-row{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e3eaf1;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.task-row.done{opacity:.56}.product-task-row{grid-template-columns:minmax(0,1fr) auto}.task-toggle{min-height:auto;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.task-row strong,.task-row span,.compact-row strong,.compact-row span,.quote-row strong,.quote-row span,.contact-row strong,.contact-row span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.compact-row{grid-template-columns:minmax(0,1fr) auto auto}.logistics-row,.payment-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.logistics-row{grid-template-columns:34px auto minmax(0,1fr) auto auto auto}.record-index{color:#52677c;background:#eef3f8;border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.logistics-row .row-actions,.payment-row .row-actions{justify-content:flex-end}.logistics-edit-card{background:#f8fbfe;border:1px solid #cbddeb;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:12px;display:grid}.logistics-edit-card label:first-child{grid-column:span 2}.payment-edit-card{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.payment-edit-card label:first-child{grid-column:span 2}.logistics-edit-actions{justify-content:flex-end}.task-empty{color:#8797a8;background:#f9fbfd;border:1px dashed #d7e1eb;border-radius:8px;place-items:center;min-height:56px;display:grid}.task-edit-form{background:#fff;border:1px solid #dce6ef;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}.task-edit-form label{gap:5px;display:grid}.task-edit-form span{color:#667789;font-size:12px;font-weight:700}.task-edit-title,.task-edit-actions{grid-column:1/-1}.task-edit-actions{justify-content:flex-end;gap:8px;display:flex}.order-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.order-summary{grid-template-columns:minmax(0,1.2fr) minmax(90px,1fr) auto auto}.status-badge{color:#2f5f8e;white-space:nowrap;background:#e8f2fb;border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.status-won,.status-paid,.status-accepted,.status-completed,.status-delivered{color:#177245;background:#e4f6ed}.status-lost,.status-overdue,.status-expired,.status-archived{color:#b53a32;background:#fdebea}.status-production,.status-negotiation,.status-sample,.status-ready_to_ship,.status-booking{color:#8a5a00;background:#fff4d6}.progress{background:#e5ebf1;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:#3fb37f;height:100%;display:block}.connect-layout,.split-layout,.quote-layout,.shipment-payment-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:16px;display:grid}.segmented-control{background:#edf3f8;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:5px;display:grid}.segmented-control button{color:#5a6b7d;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.segmented-control button.selected{color:#1b2533;background:#fff;box-shadow:0 1px 4px #14202c1a}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{gap:6px;display:grid}.form-grid label span{color:#607286;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.line-row input{color:#1b2533;background:#fff;border:1px solid #d6dee8;border-radius:8px;outline:none;width:100%;min-width:0;padding:0 10px}.form-grid input,.form-grid select,.line-row input{height:38px}.form-grid textarea{resize:vertical;min-height:74px;padding:10px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.line-row input:focus{border-color:#2f7db8;box-shadow:0 0 0 3px #2f7db81f}.form-wide,.span-2{grid-column:span 2}.wide{width:100%;margin-top:16px}.readiness-panel{gap:10px;display:grid}.readiness-row{color:#1b2533;grid-template-columns:auto minmax(0,1fr)}.readiness-row.muted{opacity:.66}.data-table{border:1px solid #e1e8ef;border-radius:8px;display:grid;overflow:hidden}.table-head,.table-row{align-items:center;display:grid}.customer-table .table-head,.customer-table .table-row{grid-template-columns:minmax(240px,1.6fr) 1fr 80px 100px 120px}.table-head{color:#637487;background:#f3f6f9;min-height:38px;padding:0 12px;font-size:12px;font-weight:700}.table-row{width:100%;min-height:58px;color:inherit;text-align:left;background:#fff;border:0;border-top:1px solid #e7edf3;padding:8px 12px}.table-row.selected,.table-row:hover{background:#eef6fc}.table-row strong,.table-row small{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.table-row small{color:#768697;margin-top:3px}.detail-pane{position:sticky;top:92px}.detail-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.detail-heading.with-actions{justify-content:space-between;align-items:flex-start}.detail-title{align-items:center;gap:12px;min-width:0;display:flex}.detail-title>div:last-child{min-width:0}.detail-actions,.task-actions{flex:none;gap:6px;display:flex}.detail-heading span{color:#657486}.detail-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.detail-stats div{background:#f4f7fa;border-radius:8px;padding:10px}.detail-stats span,.detail-stats strong{display:block}.detail-stats strong{margin-top:4px}.detail-pane h3{margin:18px 0 10px;font-size:14px}.form-panel{margin-top:16px}.customer-form{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-edit-form{background:#fbfdff;border:1px solid #dce6ef;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;padding:12px}.customer-edit-actions{grid-column:1/-1;justify-content:flex-end}.customer-form label{grid-column:span 2}.customer-form .form-wide{grid-column:span 4}.customer-form button{grid-column:span 2;align-self:end}.inline-form-panel{margin-top:16px;padding-top:2px}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form .form-wide,.contact-form button{grid-column:1/-1}.inquiry-form{grid-template-columns:repeat(4,minmax(0,1fr))}.inquiry-form .form-wide{grid-column:span 2}.opportunity-form-panel{margin-bottom:14px}.opportunity-form{grid-template-columns:repeat(6,minmax(0,1fr))}.opportunity-form label{grid-column:span 2}.opportunity-form .form-wide{grid-column:span 3}.product-project-form-panel{margin-bottom:14px}.product-project-form{grid-template-columns:repeat(6,minmax(0,1fr))}.product-project-form label{grid-column:span 2}.product-project-form .form-wide{grid-column:span 3}.form-actions{grid-column:span 3;justify-content:flex-end;align-self:end;gap:8px;display:flex}.inquiry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.inquiry-toolbar{grid-template-columns:150px 160px 110px minmax(0,1fr);align-items:end;gap:10px;margin-bottom:12px;display:grid}.logistics-toolbar{background:#fff;border:1px solid #dce4ed;border-radius:8px;grid-template-columns:minmax(220px,1.1fr) 130px 160px 110px minmax(260px,1fr);align-items:end;gap:10px;margin-bottom:14px;padding:12px;display:grid}.inquiry-toolbar label,.inquiry-edit-card label,.logistics-toolbar label,.logistics-edit-card label{gap:5px;display:grid}.inquiry-toolbar label span,.inquiry-edit-card label span,.logistics-toolbar label span,.logistics-edit-card label span{color:#607286;font-size:12px;font-weight:700}.logistics-summary{color:#607286;justify-content:flex-end;align-items:center;gap:6px;min-height:34px;display:flex}.logistics-summary strong,.logistics-summary b{color:#1b2533;font-size:16px}.inquiry-card-actions,.status-pair{align-items:center;gap:6px;display:flex}.inquiry-edit-card{grid-template-columns:repeat(2,minmax(0,1fr))}.inquiry-edit-card .form-wide{grid-column:1/-1}.inquiry-edit-card input,.inquiry-edit-card select{color:#1b2533;background:#fff;border:1px solid #d6dee8;border-radius:8px;width:100%;min-width:0;height:34px;padding:0 9px}.inquiry-card,.opportunity-card,.product-tiers article{background:#fff;border:1px solid #e1e8ef;border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.card-topline,.inquiry-card footer,.amount-line,.card-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.inquiry-card h3,.opportunity-card h3{margin:0;font-size:15px}.inquiry-products{flex-wrap:wrap;gap:6px;display:flex}.inquiry-products span{color:#456278;background:#edf3f8;border-radius:999px;padding:4px 8px;font-size:12px}.pipeline-board{grid-template-columns:repeat(6,minmax(185px,1fr));gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.pipeline-toolbar{background:#fff;border:1px solid #dce4ed;border-radius:8px;grid-template-columns:140px 130px 110px 110px 140px 110px 135px 92px minmax(160px,1fr);align-items:end;gap:10px;margin-bottom:14px;padding:12px;display:grid}.pipeline-toolbar label,.settings-form label{gap:5px;display:grid}.pipeline-toolbar label span,.settings-form label span{color:#607286;font-size:12px;font-weight:700}.pipeline-toolbar input,.pipeline-toolbar select,.inquiry-toolbar input,.inquiry-toolbar select,.logistics-toolbar input,.logistics-toolbar select,.logistics-edit-card input,.logistics-edit-card select,.settings-table select,.settings-table input,.settings-form select{color:#1b2533;background:#fff;border:1px solid #d6dee8;border-radius:8px;width:100%;min-width:0;height:34px;padding:0 9px}.pipeline-toolbar input:disabled,.pipeline-toolbar select:disabled,.inquiry-toolbar input:disabled,.inquiry-toolbar select:disabled,.logistics-toolbar input:disabled,.logistics-toolbar select:disabled{color:#8a99aa;background:#f2f5f8}.pipeline-summary{color:#607286;justify-content:flex-end;align-items:center;gap:6px;min-height:34px;display:flex}.pipeline-summary strong{color:#1b2533;font-size:18px}.pipeline-summary b{color:#2f7db8;margin-left:8px}.pipeline-column{background:#f8fafc;border:1px solid #dde6ee;border-radius:8px;min-height:560px;padding:12px}.pipeline-empty{color:#7b8c9f;background:#fff;border:1px dashed #d5e0ea;border-radius:8px;place-items:center;gap:8px;min-height:96px;margin-bottom:10px;font-size:12px;display:grid}.pipeline-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pipeline-title span{background:#e4edf5;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.opportunity-card{box-shadow:none;margin-bottom:10px}.opportunity-meta{color:#708194;justify-content:space-between;gap:8px;font-size:12px;display:flex}.opportunity-meta span{align-items:center;gap:4px;display:inline-flex}.product-data-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.product-data-kpis article{background:#fff;border:1px solid #dce4ed;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 10px 30px #202e400d}.product-data-kpis small,.product-data-kpis strong{display:block}.product-data-kpis small{color:#6a7a8b}.product-data-kpis strong{margin-top:3px;font-size:20px}.product-data-toolbar{grid-template-columns:minmax(320px,1.7fr) repeat(5,minmax(120px,.7fr));align-items:end;gap:10px;margin-bottom:16px;display:grid}.product-data-toolbar label,.page-size-select{gap:5px;display:grid}.product-data-toolbar label>span,.page-size-select span{color:#607286;font-size:12px;font-weight:700}.product-data-toolbar input,.product-data-toolbar select,.page-size-select select{color:#1b2533;width:100%;height:36px;font:inherit;background:#fff;border:1px solid #d6dee8;border-radius:8px;padding:0 10px}.product-search-box div{background:#fff;border:1px solid #d6dee8;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;height:36px;padding:0 10px;display:grid}.product-search-box svg{color:#6c7d90}.product-search-box input{border:0;outline:0;height:auto;padding:0}.product-data-layout{grid-template-columns:minmax(720px,1.45fr) minmax(360px,.75fr);align-items:start;gap:16px;display:grid}.product-data-list-panel,.product-data-detail{min-width:0}.product-table-title{align-items:flex-start}.product-table-title h2,.product-table-title span{display:block}.product-table-title span{color:#718296;margin-top:3px;font-size:12px;font-weight:500}.product-data-table-wrap{background:#fff;border:1px solid #e1e8ef;border-radius:8px;max-height:560px;overflow:auto}.product-data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px;font-size:13px}.product-data-table thead th{z-index:1;color:#637487;text-align:left;white-space:nowrap;background:#f3f6f9;border-bottom:1px solid #dce4ed;padding:10px 12px;font-size:12px;font-weight:800;position:sticky;top:0}.product-data-table th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.product-data-table tbody tr{cursor:pointer}.product-data-table tbody tr.active,.product-data-table tbody tr:hover{background:#eef7fd}.product-data-table td{color:#2a3849;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e7edf3;max-width:210px;padding:11px 12px}.product-data-table td strong,.product-data-table td span,.product-color-cell{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-data-table td strong{color:#1b2533}.product-data-table td span,.product-color-cell{color:#5f7286}.product-table-empty{min-height:180px}.product-pagination{color:#607286;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;font-size:13px;display:flex}.product-pagination .secondary-button{min-width:84px}.product-data-row{color:#263445;text-align:left;background:#fff;border:1px solid #e0e8ef;border-radius:8px;grid-template-columns:minmax(0,1fr) 90px 72px auto;align-items:center;gap:10px;width:100%;padding:11px 12px;display:grid}.product-data-row.active,.product-data-row:hover{background:#eef7fd;border-color:#8fc2e8}.product-data-row strong,.product-data-row small{display:block}.product-data-row small{color:#6a7a8b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-data-detail,.product-data-form-panel{gap:14px;display:grid}.product-data-detail{position:sticky;top:86px}.product-detail-head,.product-detail-actions{align-items:flex-start;gap:10px;display:flex}.product-detail-head{justify-content:space-between}.product-detail-head h2,.product-info-block h3{margin:0}.product-detail-head p{color:#687a8d;margin:3px 0 0}.product-detail-actions{flex-wrap:wrap;align-items:end}.product-detail-actions label{gap:5px;min-width:240px;display:grid}.product-detail-actions label span{color:#607286;font-size:12px;font-weight:700}.product-detail-actions select{background:#fff;border:1px solid #d6dee8;border-radius:8px;height:36px;padding:0 10px}.material-code-panel{background:#f6fbff;border:1px solid #d6e6f3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.material-code-panel strong,.material-code-panel span{display:block}.material-code-panel span{color:#607286;margin-top:3px}.product-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-detail-grid div{background:#f3f7fb;border-radius:8px;padding:12px}.product-detail-grid span,.product-detail-grid strong{display:block}.product-detail-grid span{color:#6a7a8b}.product-detail-grid strong{margin-top:5px}.product-info-block{gap:8px;display:grid}.product-info-block p{color:#52677c;margin:0;line-height:1.6}.product-price-tiers{flex-wrap:wrap;gap:8px;display:flex}.product-price-tiers span{color:#325b79;background:#edf5fb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.product-data-form{grid-template-columns:repeat(4,minmax(0,1fr))}.product-data-form .form-actions{grid-column:span 4}.product-project-layout{grid-template-columns:minmax(0,1fr) minmax(330px,360px);align-items:start;gap:16px;display:grid}.product-project-board{grid-template-columns:repeat(8,minmax(176px,1fr));gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.project-column{background:#f8fafc;border:1px solid #dde6ee;border-radius:8px;min-height:500px;padding:8px}.project-card{width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #dbe6ef;border-radius:8px;gap:7px;margin-bottom:8px;padding:10px;display:grid;position:relative;box-shadow:0 8px 18px #192a3e0d}.project-card.selected,.project-card:hover{background:#eef7fd;border-color:#a7cae7}.project-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.project-card p{color:#607286;margin:0}.project-card-header{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.project-card-meta{align-items:center;gap:5px;min-width:0;display:flex}.project-card-header .status-badge{min-width:0;min-height:20px;padding:0 7px;font-size:11px}.project-priority{color:#6a7a8b;white-space:nowrap;background:#f2f6fa;border-radius:999px;flex:none;align-items:center;gap:3px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.project-priority:before{content:"";background:#9aabba;border-radius:999px;width:6px;height:6px}.priority-high{color:#9f2f23;background:#fff0ee}.priority-high:before{background:#ef5a45}.priority-medium{color:#8a5a00;background:#fff4d6}.priority-medium:before{background:#e7a721}.priority-low{color:#177245;background:#e4f6ed}.priority-low:before{background:#35aa76}.project-card-body,.project-progress-row{min-width:0;display:grid}.project-customer{color:#66788b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.project-progress-row b{color:#1d2b3a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-progress-row small{color:#4f6478;font-size:12px;font-weight:700}.project-card .progress{height:6px}.project-next-action{color:#5c7084;-webkit-line-clamp:2;background:#f3f7fb;border-radius:8px;-webkit-box-orient:vertical;min-height:30px;padding:7px 8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.project-stage-actions,.project-long-actions{align-items:center;gap:6px;display:flex}.project-stage-actions{flex:none;gap:4px}.project-stage-actions .icon-button{color:#405266;background:#edf3f8;border-radius:8px;width:26px;height:26px;min-height:26px}.project-long-actions{border-top:1px solid #dce8f2;justify-content:flex-end;padding-top:8px}.project-detail{aspect-ratio:9/12;max-height:calc(100vh - 156px);overflow:auto}.product-project-form-bottom{margin-top:16px}.project-risk{color:#4d6478;background:#f3f7fb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px;display:flex}.project-risk b{color:#1b2533}.settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;gap:16px;display:grid}.settings-users,.settings-permissions{grid-column:1/-1}.settings-table{border:1px solid #e1e8ef;border-radius:8px;overflow:hidden}.settings-create-form{background:#f8fbfe;border:1px solid #d8e5f0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr)) 130px 110px auto;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:grid}.settings-create-form input,.settings-create-form select{min-width:0}.settings-create-actions{justify-content:flex-end;gap:8px;display:flex}.settings-head,.settings-row{grid-template-columns:minmax(220px,1.4fr) 140px 120px 100px 150px 168px;align-items:center;gap:10px;padding:9px 12px;display:grid}.settings-head{color:#637487;background:#f3f6f9;font-size:12px;font-weight:700}.settings-row{border-top:1px solid #e7edf3;min-height:58px}.settings-row strong,.settings-row small{display:block}.settings-row small{color:#768697}.settings-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.settings-actions .small-action:disabled,.settings-actions .icon-button:disabled{cursor:not-allowed;opacity:.48}.settings-edit-row{background:#fbfdff}.user-edit-stack{gap:6px;display:grid}.user-edit-stack input{width:100%}.permission-matrix{background:#fff;border:1px solid #dfe7ef;border-radius:8px;max-width:100%;overflow:auto}.permission-matrix-row{grid-template-columns:minmax(220px,1.25fr) repeat(6,minmax(96px,1fr));min-width:900px;display:grid}.permission-matrix-row+.permission-matrix-row{border-top:1px solid #e7edf3}.permission-matrix-head{z-index:2;background:#f3f6f9;position:sticky;top:0}.permission-matrix-permission,.permission-matrix-role,.permission-matrix-cell{border-right:1px solid #e7edf3;align-items:center;min-height:42px;padding:9px 12px;display:flex}.permission-matrix-permission{z-index:1;color:#304255;background:#fbfdff;justify-content:flex-start;font-weight:700;position:sticky;left:0;box-shadow:8px 0 12px #14243408}.permission-matrix-head .permission-matrix-permission,.permission-matrix-role{color:#637487;background:#f3f6f9;font-size:12px;font-weight:700}.permission-matrix-head .permission-matrix-permission{z-index:3}.permission-matrix-role,.permission-matrix-cell{text-align:center;justify-content:center}.permission-matrix-cell{color:#2f7db8}.permission-empty{color:#c2ccd7;font-weight:700}.icon-button{color:#405266;background:#edf3f8;width:32px;height:32px}.danger-icon{color:#b42318;background:#fff1ef}.danger-icon:hover{background:#ffe4df}.small-action{color:#2f7db8;background:#eaf4fb;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.flip{transform:rotate(180deg)}.quote-layout{grid-template-columns:340px minmax(0,1fr)}.quote-row{grid-template-columns:minmax(0,1fr) auto auto}.quote-row.active,.quote-row:hover{background:#eef7fd;border-color:#a7cae7}.quote-editor{min-height:560px}.quote-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.quote-total{text-align:right;background:#f3f8fc;border-radius:8px;min-width:150px;padding:12px}.quote-total span,.quote-total strong{display:block}.quote-total strong{margin-top:4px;font-size:22px}.line-table{border:1px solid #e0e8ef;border-radius:8px;overflow:hidden}.line-head,.line-row{grid-template-columns:minmax(220px,1.6fr) 100px 100px 90px 110px;align-items:center;gap:10px;padding:9px 12px;display:grid}.line-head{color:#637487;background:#f3f6f9;min-height:38px;font-size:12px;font-weight:700}.line-row{border-top:1px solid #e7edf3}.line-row strong,.line-row small{display:block}.product-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.product-tiers article div{flex-wrap:wrap;gap:5px;display:flex}.product-tiers small{background:#eef3f8;border-radius:999px;padding:4px 7px}.orders-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.order-kpi-card{background:#fff;border:1px solid #dce4ed;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid;box-shadow:0 10px 30px #202e400d}.order-kpi-card small,.order-kpi-card span{color:#6a7a8b}.order-kpi-card strong{color:#172131;margin:3px 0 4px;font-size:20px;display:block}.kpi-icon{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.kpi-icon.blue{color:#236fa6;background:#e6f2fb}.kpi-icon.green{color:#16805b;background:#e2f6ee}.kpi-icon.gold{color:#9a6a00;background:#fff3cf}.kpi-icon.purple{color:#6854a8;background:#eeeafd}.orders-workbench{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start;gap:16px;display:grid}.orders-list{gap:10px;display:grid}.order-card{color:#263445;text-align:left;background:#fff;border:1px solid #e0e8ef;border-radius:8px;gap:9px;width:100%;padding:12px;display:grid}.order-card:hover,.order-card.selected{background:#eef7fd;border-color:#8fc2e8}.order-card-top,.order-card-meta,.order-card-foot,.order-detail-head,.order-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-card-top strong,.order-card-top small,.order-card-meta span,.order-card-foot span{display:block}.order-card-top small,.order-card-foot{color:#687a8d;font-size:12px}.order-card-meta{color:#4b5f75}.order-detail-panel{gap:14px;display:grid;position:sticky;top:92px}.order-detail-head{align-items:flex-start}.order-detail-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.order-status-editor{gap:4px;min-width:128px;display:grid}.order-status-editor span{color:#607286;font-size:11px;font-weight:800}.order-status-editor select{color:#1b2533;height:32px;font:inherit;background:#fff;border:1px solid #d6dee8;border-radius:8px;padding:0 9px;font-weight:700}.order-detail-head h2,.order-section-title h3{margin:0}.order-detail-head p{color:#687a8d;margin:3px 0 0}.detail-icon{color:#fff;background:#2f7db8;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.order-stage-row{grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:8px;display:grid}.order-stage-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.order-delete-button{align-self:start;width:40px;height:40px}.order-stage-step{color:#6a7a8b;background:#f8fafc;border:1px solid #e0e8ef;border-radius:8px;gap:6px;padding:10px;display:grid}.order-stage-step span{background:#e7eef5;border-radius:999px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.order-stage-step.done{color:#16805b;background:#f0fbf6;border-color:#c7eadb}.order-stage-step.current{color:#205f91;background:#eef7fd;border-color:#8fc2e8}.order-stage-step.done span,.order-stage-step.current span{color:#fff;background:#2f7db8}.order-next-action{background:#f6fbff;border:1px solid #dce9f5;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.order-next-action strong,.order-next-action span{display:block}.order-next-action span{color:#607388;margin-top:4px}.primary-button:disabled{cursor:not-allowed;opacity:.55}.order-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.order-detail-grid div{background:#f3f7fb;border-radius:8px;padding:12px}.order-detail-grid span,.order-detail-grid strong{display:block}.order-detail-grid span{color:#6a7a8b}.order-detail-grid strong{color:#172131;margin-top:5px}.order-section{gap:10px;display:grid}.order-section-title span{color:#6a7a8b;font-size:12px}.order-money-list,.order-shipment-list{gap:8px;display:grid}.order-money-row,.order-shipment-row{background:#fff;border:1px solid #e0e8ef;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.order-money-row>span:last-child{align-items:center;gap:8px;display:inline-flex}.order-money-row small,.order-shipment-row small{color:#6a7a8b;margin-top:2px;display:block}.inline-empty{color:#6a7a8b;background:#f8fafc;border:1px dashed #d7e2eb;border-radius:8px;padding:12px}.compact-button{min-height:30px;padding:0 10px;font-size:12px}.shipment-payment-grid{grid-template-columns:1fr 1fr}.empty-state{color:#6a7a8b;place-items:center;min-height:260px;display:grid}.hidden-input{display:none}.toast{z-index:20;color:#fff;background:#1b2533;border-radius:8px;max-width:320px;padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #1b253338}@media (max-width:1180px){body{min-width:960px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.metric-grid,.overview-grid,.inquiry-grid,.orders-kpi-grid,.product-data-kpis,.product-detail-grid,.product-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.dashboard-grid,.connect-layout,.split-layout,.quote-layout,.orders-workbench,.product-data-layout,.shipment-payment-grid,.product-project-layout,.settings-grid{grid-template-columns:1fr}.order-stage-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero,.dashboard-controls,.plan-toolbar{flex-direction:column;align-items:stretch}.dashboard-controls select,.plan-search{width:100%}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-toolbar,.inquiry-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.logistics-toolbar,.logistics-edit-card,.payment-edit-card,.customer-edit-form,.product-data-form{grid-template-columns:repeat(2,minmax(0,1fr))}.product-data-form .span-2,.product-data-form .form-actions,.logistics-edit-card label:first-child,.payment-edit-card label:first-child,.logistics-edit-actions{grid-column:1/-1}.settings-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-create-actions{grid-column:1/-1}.settings-users,.settings-permissions{grid-column:auto}.detail-pane{position:static}.order-strip{grid-template-columns:1fr}}