:root{color:#263b35;font-synthesis:none;background:#f4f3ef;font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}.page{background:linear-gradient(135deg,#f4f3ef,#e8eee9);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e3e8e2;border-radius:18px;width:min(440px,100%);padding:42px;box-shadow:0 20px 60px #263b3512}.eyebrow{letter-spacing:2px;color:#326553;font-size:12px}.login-card h1{margin:22px 0 12px;font-size:31px;font-weight:500;line-height:1.25}.login-card p{color:#66736c;margin:0 0 28px}.login-card form{gap:17px;display:grid}.login-card label{color:#66736c;gap:7px;font-size:13px;display:grid}.login-card input{font:inherit;color:#263b35;background:#fbfcfa;border:1px solid #dfe6df;border-radius:8px;padding:12px 13px}.primary{color:#fff;cursor:pointer;font:inherit;background:#326553;border:0;border-radius:8px;padding:12px 17px}.primary:disabled{opacity:.6;cursor:wait}.login-card small{color:#96a19b;margin-top:19px;font-size:11px;display:block}.error{font-size:13px;color:#a14536!important;margin:0!important}.app-shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e3e8e2;flex-direction:column;padding:28px 18px;display:flex}.logo{letter-spacing:5px;color:#326553;font-size:23px}.logo span{color:#98a59d;letter-spacing:1px;margin-top:4px;font-size:9px;display:block}.sidebar nav{gap:5px;margin-top:54px;display:grid}.sidebar nav button{text-align:left;color:#66736c;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 13px}.sidebar nav button.active{color:#326553;background:#eaf1ec}.sidebar-foot{color:#66736c;margin-top:auto;font-size:12px;line-height:1.8}.sidebar-foot span{color:#a2ada6}.content{width:100%;max-width:1400px;padding:31px 42px}header,.panel-title,.welcome,.split,.metrics,.user{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}header h1{margin:9px 0 0;font-size:29px;font-weight:500}.crumb,.muted,.user{color:#718078;font-size:12px}.user button{color:#326553;cursor:pointer;background:0 0;border:0}.welcome{color:#fff;background:#326553;border-radius:13px;margin-top:30px;padding:26px 29px}.welcome .eyebrow,.welcome p{color:#d9e9df}.welcome h2{margin:12px 0 7px;font-size:27px;font-weight:500}.welcome p{margin:0}.date{text-align:right;color:#c9dfd1;font-size:12px}.date strong{color:#fff;font-size:18px;font-weight:500}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.metrics article{background:#fff;border:1px solid #e3e8e2;border-radius:10px;padding:19px}.metrics span,.metrics small{color:#718078;font-size:12px;display:block}.metrics strong{margin:9px 0;font-size:28px;font-weight:500;display:block}.metrics small{color:#a0aaa4}.split{align-items:stretch}.panel{background:#fff;border:1px solid #e3e8e2;border-radius:10px;margin-top:16px;padding:22px}.split .panel{flex:1;margin-top:0}.panel h3{margin:0;font-size:17px;font-weight:500}.status-dot{color:#326553;font-size:12px}.progress-row{justify-content:space-between;margin-top:26px;font-size:13px;display:flex}.progress-row strong{color:#326553;font-weight:500}.progress{background:#eaf1ec;border-radius:5px;height:5px;margin:11px 0 16px;overflow:hidden}.progress i{border-radius:inherit;background:#5d997c;height:100%;display:block}.todo{margin:12px 0 0;padding:0;list-style:none}.todo li{color:#46584f;border-bottom:1px solid #e8ece8;padding:12px 0}.todo span{color:#9aac9f;width:28px;font-size:12px;display:inline-block}.table{margin-top:20px}.thead,.tr{border-bottom:1px solid #e3e8e2;grid-template-columns:1fr 1.6fr 1fr 1fr .8fr;align-items:center;gap:14px;padding:14px 10px;display:grid}.thead{color:#718078;font-size:12px}.tr strong{font-weight:500}.tag{color:#326553;background:#eaf1ec;border-radius:5px;width:max-content;padding:4px 8px;font-size:12px;display:inline-block}.empty{text-align:center;color:#718078;padding:50px 10px}.small{padding:9px 13px;font-size:13px}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:22px 16px}.metrics{grid-template-columns:1fr 1fr}.split{display:block}.split .panel{margin-top:12px}}@media (width<=430px){.login-card{padding:28px}.metrics{grid-template-columns:1fr}.thead,.tr{grid-template-columns:1fr 1.5fr;gap:8px}.thead span:nth-child(n+3),.tr span:nth-child(n+3){display:none}}.reminder-panel{margin:0 0 16px}.reminder-list{gap:8px;margin-top:14px;display:grid}.reminder-item{text-align:left;color:#263b35;cursor:pointer;width:100%;font:inherit;background:#fbfcfa;border:1px solid #e3e8e2;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.reminder-item:hover{background:#f1f6f2}.reminder-item.red{background:#fff7f5;border-color:#e0b0a6}.reminder-item.yellow{background:#fffaf0;border-color:#e4cc91}.reminder-item strong,.reminder-item small{display:block}.reminder-item strong{font-size:13px;font-weight:500}.reminder-item small{color:#829088;margin-top:4px;font-size:11px}.reminder-meta{text-align:right}.reminder-meta b{color:#a14536;font-size:12px;font-weight:500;display:block}.reminder-item.yellow .reminder-meta b{color:#896721}.reminder-meta small{max-width:260px}html,body,#app{width:100%;height:100%}body{overflow:hidden}.page{height:100dvh;min-height:0;overflow-y:auto}.app-shell{grid-template-columns:clamp(200px,14vw,232px) minmax(0,1fr);width:100%;height:100dvh;min-height:0;overflow:hidden}.sidebar{overscroll-behavior:contain;height:100dvh;min-height:0;position:sticky;top:0;overflow-y:auto}.content{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;min-width:0;max-width:none;height:100dvh;padding:clamp(22px,2.4vw,42px);overflow:hidden auto}.content>header,.content>section,.overview{width:100%;max-width:none}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.split{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.split .panel{min-width:0}@media (width<=1100px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.content{padding:26px 24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{border-bottom:1px solid #e3e8e2;border-right:0;flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;padding:11px 14px;display:flex;position:relative;overflow:auto hidden}.logo{flex:none;font-size:18px}.logo span,.sidebar-foot{display:none}.sidebar nav{flex:none;gap:4px;margin:0 0 0 14px;display:flex}.sidebar nav button{white-space:nowrap;flex:none;padding:9px 11px}.content{height:auto;min-height:0;padding:20px 16px}.split{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.metrics{grid-template-columns:minmax(0,1fr)}}:root{--motion-fast:.16s;--motion-normal:.22s;--motion-slow:.32s;--motion-ease:cubic-bezier(.22,.61,.36,1)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes login-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}.page{animation:page-enter var(--motion-slow) var(--motion-ease) both}.login-card{animation:login-enter var(--motion-slow) var(--motion-ease) both}.content>header,.content>section{animation:page-enter var(--motion-slow) var(--motion-ease) both}button,.link-button,.file-upload,.user button,.sidebar nav button,.ghost,.primary,select,input,textarea,a{transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}button:not(:disabled),.link-button,.file-upload,.user button,.sidebar nav button{cursor:pointer}button:not(:disabled):active,.link-button:active,.file-upload:active,.user button:active,.sidebar nav button:active{transform:scale(.97)}button:focus-visible,.link-button:focus-visible,.file-upload:focus-visible,.user button:focus-visible,.sidebar nav button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b8d8c4}.primary:not(:disabled):hover{background:#285745;transform:translateY(-1px);box-shadow:0 6px 16px #3265532e}.ghost:hover{background:#f0f5f1;border-color:#bfd3c4;transform:translateY(-1px);box-shadow:0 4px 12px #263b3514}.link-button:hover,.user button:hover{color:#285745}.sidebar nav button:hover{color:#326553;background:#f2f6f3;transform:translate(2px)}.sidebar nav button.active:hover{background:#e3eee7;transform:translate(2px)}.metrics article,.reminder-item,.role-card,.product-editor-section,.color-editor-card,.detail-card,.order-table .tr,.customer-table .tr,.stock-table .tr,.finance-table .tr,.payable-table .tr,.production-table .tr,.user-table .tr{transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.metrics article:hover,.reminder-item:hover,.role-card:hover,.product-editor-section:hover,.color-editor-card:hover{border-color:#c8dbcd;transform:translateY(-2px);box-shadow:0 8px 22px #263b3514}.order-table .tr:hover,.customer-table .tr:hover,.stock-table .tr:hover,.finance-table .tr:hover,.payable-table .tr:hover,.production-table .tr:hover,.user-table .tr:hover{background:#f8fbf8;box-shadow:inset 3px 0 #8bb9a0}.order-table .tr.warn:hover,.production-table .tr.warn:hover{background:#fff8e8}.order-table .tr.danger:hover,.production-table .tr.danger:hover{background:#fff0ed}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.metrics article:hover,.reminder-item:hover,.role-card:hover,.product-editor-section:hover,.color-editor-card:hover,.sidebar nav button:hover,.primary:not(:disabled):hover,.ghost:hover{transform:none}}.brand-lockup{color:#263b35;align-items:center;gap:11px;display:flex}.brand-mark{object-fit:cover;border:1px solid #e3e8e2;border-radius:11px;flex:none;width:44px;height:44px;display:block}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{color:#326553;letter-spacing:.4px;font-size:16px;font-weight:600;line-height:1.25}.brand-lockup span{color:#829088;letter-spacing:.5px;margin-top:3px;font-size:11px}.login-brand-lockup{margin-bottom:21px}.login-brand-lockup .brand-mark{border-radius:15px;width:58px;height:58px}.login-brand-lockup strong{font-size:20px}.login-brand-lockup span{font-size:12px}.sidebar-brand-lockup{padding:0 3px}@media (width<=800px){.sidebar-brand-lockup{padding:0}.sidebar-brand-lockup .brand-mark{border-radius:9px;width:36px;height:36px}.sidebar-brand-lockup strong{font-size:14px}.sidebar-brand-lockup span{font-size:10px}}.inline-form{background:#f8faf8;border:1px solid #dfe8e0;border-radius:9px;margin-top:20px;padding:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid label{color:#66736c;gap:7px;font-size:12px;display:grid}.form-grid input,.form-grid textarea{width:100%;font:inherit;color:#263b35;resize:vertical;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:10px 11px}.form-grid select{width:100%;font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:10px 11px}.form-grid input:focus,.form-grid textarea:focus{border-color:#5d997c;outline:2px solid #c9ded0}.form-grid .wide{grid-column:1/-1}.form-grid .check{flex-direction:row;grid-template-columns:auto 1fr;align-items:center;gap:8px;display:flex}.form-grid .check input{width:auto}.form-actions{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.form-hint{color:#829088;margin:10px 0 0;font-size:11px;line-height:1.6}.ghost{color:#52645a;cursor:pointer;font:inherit;background:#fff;border:1px solid #d4dfd6;border-radius:8px;padding:9px 13px;font-size:13px}.ghost:hover{background:#f0f5f1}.link-button{color:#326553;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.link-button:hover{text-decoration:underline}.customer-table .thead,.customer-table .tr{grid-template-columns:.75fr 1.35fr .9fr 1.25fr .85fr 1.35fr}.order-table .thead,.order-table .tr{grid-template-columns:1.25fr 1.2fr .65fr .85fr 1fr 1.05fr .8fr .9fr}.order-table .tr small{color:#829088;margin-top:5px;font-size:11px;display:block}.order-table .tr>span:nth-child(4),.order-table .tr>span:nth-child(5){white-space:nowrap}.share-token{color:#829088;margin-top:4px;font-size:10px;display:block}.order-table .tr.warn{background:#fffaf0}.order-table .tr.danger{background:#fff3f1}.order-table .tr.warn .tag{color:#896721;background:#fff0c7}.order-table .tr.danger .tag{color:#9a4337;background:#f9dcd6}.stock-table .thead,.stock-table .tr{grid-template-columns:1.5fr 1fr 1.1fr 1.2fr .8fr}.stock-table .tr small{color:#829088;margin-top:5px;font-size:11px;display:block}.detail-card{background:#fbfcfa;border:1px solid #dfe8e0;border-radius:10px;margin-top:18px;padding:20px}.modal-backdrop{z-index:1000;background:#1c2d2661;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card.detail-card{width:min(940px,100vw - 48px);height:min(900px,100vh - 48px);max-height:calc(100vh - 48px);margin:0;padding:24px;font-size:16px;overflow-y:auto;box-shadow:0 24px 80px #1c2d2638}.modal-card>.panel-title{z-index:2;background:#fbfcfa;border-bottom:1px solid #e3e8e2;margin:-24px -24px 0;padding:24px;position:sticky;top:-24px}.modal-title-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.modal-card .detail-lines{margin-top:18px}.modal-card .shipment-head{margin-top:22px}.modal-card .panel-title h3{font-size:21px}.modal-card .muted{font-size:14px;line-height:1.6}.modal-card .detail-line{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:13px 16px;padding:7px 0;font-size:15px}.modal-card .detail-line strong{font-size:15px}.modal-card .shipment-head h4,.modal-card .return-head h4{font-size:17px}.modal-card .progress-item{gap:12px;padding:3px 0}.modal-card .progress-item p{font-size:15px}.modal-card .progress-item small{font-size:13px;line-height:1.55}.modal-card .progress-form label,.modal-card .shipment-form label,.modal-card .return-form label{font-size:14px}.modal-card input,.modal-card select,.modal-card textarea,.modal-card button{font-size:15px}.modal-card .tag{padding:5px 9px;font-size:13px}.detail-lines{border-top:1px solid #e3e8e2;gap:8px;margin:17px 0;padding-top:12px;display:grid}.detail-line{color:#52645a;grid-template-columns:1.5fr .8fr 1fr 1fr .9fr .7fr .8fr;align-items:center;gap:9px;font-size:12px;display:grid}.detail-line strong{color:#263b35;font-weight:500}.progress-list{border-top:1px solid #e3e8e2;gap:9px;padding-top:13px;display:grid}.progress-item{align-items:flex-start;gap:10px;display:flex}.progress-item p{color:#46584f;margin:0;font-size:13px}.progress-item small{color:#829088;margin-top:4px;font-size:11px;display:block}.progress-form{border-top:1px solid #e3e8e2;grid-template-columns:170px 1fr auto;align-items:end;gap:10px;margin-top:17px;padding-top:15px;display:grid}.progress-form label{color:#66736c;gap:6px;font-size:12px;display:grid}.progress-form select,.progress-form textarea{font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:9px 10px}.progress-form .error{grid-column:1/-1}.shipment-head{border-top:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;padding-top:15px;display:flex}.shipment-head h4{margin:0;font-size:14px;font-weight:500}.shipment-form{background:#f8faf8;border:1px solid #e3e8e2;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;display:grid}.shipment-form label{color:#66736c;gap:6px;font-size:12px;display:grid}.shipment-form input,.shipment-form select,.shipment-form textarea{font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:9px 10px}.shipment-form .wide{grid-column:1/-1}.shipment-quantities{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shipment-quantities>span{color:#718078;grid-column:1/-1;font-size:12px}.shipment-quantities label{font-size:11px}.shipment-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shipment-item{border-bottom:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.shipment-item strong{margin-left:9px;font-size:13px;font-weight:500}.shipment-item small{color:#829088;margin-top:4px;font-size:11px;display:block}.shipment-list{margin-bottom:10px}.tiny{padding:6px 9px;font-size:11px}.logistics-form{background:#f8faf8;border:1px solid #e3e8e2;border-radius:7px;align-items:center;gap:8px;margin:9px 0;padding:10px;display:flex}.logistics-form input{min-width:0;font:inherit;background:#fff;border:1px solid #dfe6df;border-radius:6px;flex:1;padding:8px 9px;font-size:12px}@media (width<=640px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media (width<=900px){.detail-line{grid-template-columns:repeat(3,1fr)}.progress-form{grid-template-columns:1fr}.progress-form button{justify-self:end}}@media (width<=640px){.shipment-form{grid-template-columns:1fr}.shipment-form .wide{grid-column:auto}.shipment-quantities{grid-template-columns:1fr 1fr}.shipment-item{flex-direction:column;align-items:flex-start}.logistics-form{flex-wrap:wrap}.logistics-form input{flex-basis:40%}.finance-summary{flex-direction:column;align-items:flex-start}.finance-table .thead,.finance-table .tr{grid-template-columns:1fr 1fr}.finance-table .thead span:nth-child(n+3),.finance-table .tr span:nth-child(n+3){display:none}}.finance-summary{background:#f8faf8;border:1px solid #dfe8e0;border-radius:9px;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:20px;padding:16px 18px;display:flex}.finance-summary span,.finance-summary small{color:#718078;font-size:12px;display:block}.finance-summary strong{color:#326553;margin:5px 0;font-size:25px;font-weight:500;display:block}.finance-summary small{color:#829088;font-size:11px}.finance-summary .check{color:#66736c;align-items:center;gap:8px;font-size:12px;display:flex}.finance-summary .check input{width:auto}.finance-table .thead,.finance-table .tr{grid-template-columns:1.2fr 1.2fr 1fr 1fr 1fr .9fr}.finance-table .tr small{color:#829088;margin-top:5px;font-size:11px;display:block}.finance-open{color:#a14536!important}@media (width<=640px){.finance-summary{flex-direction:column;align-items:flex-start}.finance-table .thead,.finance-table .tr{grid-template-columns:1fr 1fr}.finance-table .thead span:nth-child(n+3),.finance-table .tr span:nth-child(n+3){display:none}}.statement-toolbar{background:#fff;border:1px solid #e3e8e2;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px;padding:13px 15px;display:flex}.statement-toolbar label{color:#66736c;gap:6px;font-size:12px;display:grid}.statement-toolbar input,.statement-toolbar select{font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:9px 10px}.statement-toolbar button{margin-left:auto}@media (width<=640px){.statement-toolbar label,.statement-toolbar input,.statement-toolbar select{width:100%}.statement-toolbar button{width:100%;margin-left:0}}.finance-subhead{border-top:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 8px;padding-top:18px;display:flex}.finance-subhead h4{margin:0;font-size:15px;font-weight:500}.finance-subhead p{margin:5px 0 0}.finance-actions{flex-wrap:wrap;gap:8px;display:flex}.payable-summary{margin-top:12px}.payable-table .thead,.payable-table .tr{grid-template-columns:1.25fr 1fr 1.4fr 1fr 1fr 1fr}@media (width<=640px){.finance-subhead{flex-direction:column;align-items:flex-start}.finance-actions{width:100%}.finance-actions button{flex:1}.payable-table .thead,.payable-table .tr{grid-template-columns:1fr 1fr}.payable-table .thead span:nth-child(n+3),.payable-table .tr span:nth-child(n+3){display:none}}.return-head{border-top:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;padding-top:15px;display:flex}.return-head h4{margin:0;font-size:14px;font-weight:500}.return-form{background:#f8faf8;border:1px solid #e3e8e2;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;display:grid}.return-form label{color:#66736c;gap:6px;font-size:12px;display:grid}.return-form input,.return-form select,.return-form textarea{font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:9px 10px}.return-form .wide{grid-column:1/-1}.return-quantities{gap:8px;display:grid}.return-quantities>span{color:#718078;font-size:12px}.return-line{grid-template-columns:2fr .6fr .9fr 1fr;align-items:center;gap:8px;display:grid}.return-line span{color:#52645a;font-size:11px;line-height:1.5}.return-line input,.return-line select{min-width:0}.return-list{margin-top:10px}.return-item{border-bottom:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.return-item strong{color:#263b35;margin-left:9px;font-size:13px;font-weight:500}.return-item small{color:#829088;margin-top:4px;font-size:11px;line-height:1.5;display:block}.return-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.return-empty{margin-top:10px}.tag-warn{color:#896721!important;background:#fff0c7!important}.tag-success{color:#326553!important;background:#dcefe2!important}@media (width<=640px){.return-form{grid-template-columns:1fr}.return-form .wide{grid-column:auto}.return-line{grid-template-columns:1fr 1fr}.return-line span{grid-column:1/-1}.return-item,.return-head{flex-direction:column;align-items:flex-start}.return-head .return-actions{width:100%}.return-head .return-actions button{flex:1}}.settings-error{margin-top:14px}.role-list{gap:14px;margin-top:18px;display:grid}.role-card{background:#fbfcfa;border:1px solid #dfe8e0;border-radius:9px;padding:16px 18px}.role-card-head{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.role-card h4,.audit-head h4{color:#263b35;margin:0;font-size:15px;font-weight:500}.role-card p,.audit-head p{margin:5px 0 0}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.permission-option{cursor:pointer;background:#fff;border:1px solid #e3e8e2;border-radius:7px;align-items:flex-start;gap:8px;padding:9px 10px;display:flex}.permission-option input{margin-top:3px}.permission-option strong{color:#46584f;font-size:12px;font-weight:500;display:block}.permission-option small{color:#829088;margin-top:3px;font-size:10px;display:block}.audit-head{border-top:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 8px;padding-top:18px;display:flex}.audit-list{gap:0;display:grid}.audit-item{border-bottom:1px solid #e3e8e2;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.audit-item strong{color:#263b35;margin-left:8px;font-size:13px;font-weight:500}.audit-item small{color:#829088;margin-top:4px;font-size:11px;line-height:1.5;display:block}.audit-change{color:#718078;text-align:right;word-break:break-word;gap:3px;max-width:52%;font-size:11px;display:grid}.audit-change span{display:block}@media (width<=900px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.permission-grid{grid-template-columns:1fr}.audit-item{flex-direction:column;align-items:flex-start}.audit-change{text-align:left;max-width:100%}}.settings-subhead{border-top:1px solid #e3e8e2;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 8px;padding-top:17px;display:flex}.settings-subhead h4{color:#263b35;margin:0;font-size:15px;font-weight:500}.settings-subhead p{margin:5px 0 0}.user-table{margin-top:10px}.user-table .thead,.user-table .tr{grid-template-columns:1.2fr 1fr 1.1fr 1.3fr .7fr}.user-table .tr small{color:#829088;margin-top:4px;font-size:11px;display:block}@media (width<=640px){.settings-subhead{flex-direction:column;align-items:flex-start}.settings-subhead button{width:100%}.user-table .thead,.user-table .tr{grid-template-columns:1fr 1fr}.user-table .thead span:nth-child(n+3),.user-table .tr span:nth-child(n+3){display:none}}.edit-line{background:#fff;border:1px solid #e3e8e2;border-radius:7px;grid-template-columns:1.5fr .8fr .9fr;align-items:end;gap:8px;padding:11px 12px;display:grid}.edit-line>strong{color:#46584f;font-size:12px;font-weight:500}.edit-line label{gap:6px;display:grid}.edit-line .wide{grid-column:1/-1}.product-edit-colors{gap:10px;display:grid}.field-label{color:#66736c;font-size:12px}.product-color-edit{background:#f8faf8;border:1px solid #e3e8e2;border-radius:7px;grid-template-columns:150px 1fr;align-items:start;gap:8px 12px;padding:10px 12px;display:grid}.product-color-edit strong{color:#263b35;padding-top:9px;font-size:13px;font-weight:500}.product-color-edit textarea{min-height:70px}.product-color-edit small{color:#829088;grid-column:2;font-size:11px}@media (width<=640px){.product-color-edit{grid-template-columns:1fr}.product-color-edit small{grid-column:auto}}.product-variants-edit{gap:9px;display:grid}.product-variant-edit{background:#f8faf8;border:1px solid #e3e8e2;border-radius:7px;grid-template-columns:1fr 1.3fr 1.1fr auto .7fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.product-variant-edit input,.product-variant-edit select{min-width:0;font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:9px 10px}.product-variant-edit .check{white-space:nowrap}.product-variants-edit>.form-hint{margin:0}@media (width<=900px){.product-variant-edit{grid-template-columns:1fr 1fr}.product-variant-edit .check{align-self:center}}@media (width<=640px){.product-variant-edit{grid-template-columns:1fr}.product-variant-edit .check{justify-self:start}}.product-editor-page{padding-bottom:28px}.product-editor-header{justify-content:space-between;align-items:flex-end;gap:20px;margin:22px 0 16px;display:flex}.product-editor-header h2{margin:8px 0 5px;font-size:25px;font-weight:500}.product-editor-form{gap:16px;display:grid}.product-editor-basic.panel,.product-editor-section.panel{margin-top:0}.product-editor-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.product-editor-section-head h3{margin:0}.product-editor-section-head p{margin:5px 0 0}.editor-empty,.image-empty{color:#718078;background:#fbfdfb;border:1px dashed #cfdcd2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;font-size:12px;display:flex}.editor-empty strong{color:#46584f;font-size:13px}.editor-empty span{flex:1}.color-editor-card{background:#fbfcfa;border:1px solid #dfe8e0;border-radius:10px;margin-top:12px;padding:15px}.color-editor-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.color-name-field{color:#66736c;gap:6px;width:min(380px,100%);font-size:12px;display:grid}.color-name-field input{font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:7px;padding:10px 11px}.color-editor-toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px;display:flex}.color-editor-toolbar small{color:#829088;font-size:11px}.file-upload{cursor:pointer;color:#fff;background:#326553;border-radius:8px;align-items:center;padding:9px 13px;font-size:12px;display:inline-flex;position:relative}.file-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-upload:hover{background:#285745}.image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px;display:grid}.image-editor-item{background:#fff;border:1px solid #e3e8e2;border-radius:8px;min-width:0;padding:9px}.image-preview-wrap{background:#eef3ef;border-radius:6px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.image-preview-wrap img{object-fit:cover;width:100%;height:100%;display:block}.image-placeholder{color:#829088;text-align:center;font-size:11px;line-height:1.6}.image-cover-badge{color:#fff;background:#326553;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;top:7px;left:7px}.image-editor-item>input{width:100%;min-width:0;font:inherit;color:#263b35;background:#fff;border:1px solid #dfe6df;border-radius:6px;margin-top:8px;padding:8px;font-size:11px}.image-editor-actions{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.image-editor-actions .link-button{font-size:11px}.danger-link{color:#a14536}.product-editor-section .product-variant-edit{margin-top:10px}.product-editor-section .product-variant-edit:first-of-type{margin-top:0}@media (width<=1100px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.product-editor-header{flex-direction:column;align-items:flex-start}.product-editor-header button{width:100%}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.image-grid{grid-template-columns:1fr}.color-editor-head{flex-direction:column;align-items:stretch}.color-name-field{width:100%}}.product-editor-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:14px 0 16px;display:flex}.product-editor-toolbar p{margin:0;line-height:1.7}.content{font-size:16px}.content .crumb,.content .user,.content .muted,.content .status-dot{font-size:14px;line-height:1.65}.content .panel h3{font-size:19px}.content .thead{font-size:14px}.content .tr,.content .detail-line,.content .progress-item p{font-size:15px}.content .form-grid label,.content .progress-form label,.content .shipment-form label,.content .return-form label,.content .statement-toolbar label,.content .color-name-field,.content .field-label{font-size:14px}.content input,.content select,.content textarea,.content button,.content .ghost,.content .link-button,.content .file-upload{font-size:15px}.content .form-hint,.content small,.content .tr small,.content .editor-empty,.content .image-empty,.content .color-editor-toolbar small,.content .image-placeholder,.content .image-editor-item>input,.content .image-editor-actions .link-button{font-size:13px;line-height:1.6}.content .editor-empty strong{font-size:15px}@media (width<=760px){.product-editor-toolbar{flex-direction:column;align-items:flex-start}.product-editor-toolbar button{width:100%}}.customer-form-heading{color:#263b35;align-items:baseline;gap:10px;margin-bottom:2px;display:flex}.customer-form-heading strong{font-size:16px;font-weight:500}.customer-form-heading span{color:#829088;font-size:12px}.customer-contact-heading{border-top:1px solid #dfe8e0;margin-top:6px;padding-top:16px}.customer-table .tr>span>small,.customer-contact-summary small,.customer-account small{color:#829088;margin-top:4px;font-size:12px;line-height:1.45;display:block}.customer-contact-summary strong,.customer-account strong{font-weight:500}.customer-account.open strong{color:#a14536}.customer-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.customer-error{background:#fff7f5;border:1px solid #efc4bc;border-radius:7px;padding:11px 13px;margin-top:16px!important}@media (width<=1100px){.customer-table .thead,.customer-table .tr{grid-template-columns:.7fr 1.25fr 1.15fr .85fr 1.3fr}.customer-table .thead>span:nth-child(3),.customer-table .tr>span:nth-child(3){display:none}}@media (width<=640px){.customer-table .thead{display:none}.customer-table .tr{grid-template-columns:1fr 1fr;gap:12px;padding:16px 4px}.customer-table .tr>*{display:block!important}.customer-actions{grid-column:1/-1;display:flex!important}.customer-form-heading{flex-direction:column;align-items:flex-start;gap:4px}}.content>.listing:not(.approval-panel)>.panel-title:first-child>div{display:none}.content>.listing:not(.approval-panel)>.panel-title:first-child{justify-content:flex-end;margin-bottom:2px}.content>.listing:not(.approval-panel)>.panel-title:first-child:not(:has(button)){display:none}.standalone-form-mode .content>.listing:has(>.inline-form){background:0 0;border:0;margin-top:16px;padding:0}.standalone-form-mode .content>.listing:has(>.inline-form)>:not(.inline-form){display:none}.standalone-form-mode .content>.listing:has(>.inline-form)>.inline-form{background:#fff;border-color:#dfe8e0;border-radius:10px;margin-top:0;padding:24px}.standalone-form-mode .content>.listing:has(>.user-form)>.inline-form:not(.user-form){display:none}.standalone-form-mode .content>.approval-panel,.standalone-form-mode .content>.listing>.inline-form>.customer-form-heading:first-child,.standalone-form-mode .content>.listing>.inline-form>.form-grid>.customer-form-heading:first-child{display:none}@media (width<=640px){.standalone-form-mode .content>.listing:has(>.inline-form)>.inline-form{padding:18px}}@media (width<=1100px){.order-table .thead,.order-table .tr{grid-template-columns:1.15fr 1.15fr .7fr .85fr .95fr 1fr 1fr}.order-table .thead>span:nth-child(7),.order-table .tr>span:nth-child(7){display:none}}@media (width<=680px){.modal-backdrop{align-items:flex-start;padding:10px}.modal-card.detail-card{width:100%;height:calc(100vh - 20px);max-height:calc(100vh - 20px);padding:18px}.modal-card>.panel-title{align-items:flex-start;margin:-18px -18px 0;padding:18px;top:-18px}.modal-title-actions{width:100%;margin-left:0}.modal-title-actions button{flex:1}.modal-card .detail-line{grid-template-columns:1fr 1fr}.order-table .thead{display:none}.order-table .tr{grid-template-columns:1fr 1fr;gap:12px;padding:15px 4px}.order-table .tr>*{display:block!important}.order-table .tr>button{grid-column:1/-1}.order-table .tr>span:nth-child(4),.order-table .tr>span:nth-child(5){white-space:normal}}.production-page{padding-bottom:28px}.production-summary{margin:22px 0 16px}.production-board{margin-top:0}.production-legend{color:#718078;white-space:nowrap;align-items:center;gap:14px;font-size:12px;display:flex}.production-legend span{align-items:center;gap:6px;display:flex}.production-legend i{background:#86a998;border-radius:50%;width:9px;height:9px}.production-legend i.warn{background:#e6ba53}.production-legend i.danger{background:#cc7768}.production-table .thead,.production-table .tr{grid-template-columns:1.1fr 1.25fr 1.25fr .8fr 1fr 1.05fr}.production-table .tr{border-left:4px solid #0000;padding-left:13px}.production-table .tr.warn{background:#fffaf0;border-left-color:#e6ba53}.production-table .tr.danger{background:#fff3f1;border-left-color:#cc7768}.production-table .tr small{color:#829088;margin-top:5px;font-size:12px;line-height:1.45;display:block}.production-status.pending{border:1px solid #ead38f;color:#7b5b16!important;background:#fff0c7!important}.production-status.in_progress{border:1px solid #b9d3ef;color:#285d91!important;background:#dcecff!important}.production-status.completed{border:1px solid #bfdfca;color:#2d6b46!important;background:#dff1e5!important}.production-status.cancelled{border:1px solid #ebc0b9;color:#94443a!important;background:#f9e0dc!important}@media (width<=1050px){.production-table .thead,.production-table .tr{grid-template-columns:1fr 1.2fr 1.1fr .8fr 1fr}.production-table .thead>span:nth-child(3),.production-table .tr>span:nth-child(3){display:none}}@media (width<=680px){.production-board>.panel-title{flex-direction:column;align-items:flex-start}.production-table .thead{display:none}.production-table .tr{grid-template-columns:1fr 1fr;gap:13px;padding:15px 12px}.production-table .tr>*{display:block!important}.production-table .tr>button{grid-column:1/-1}.production-legend{flex-wrap:wrap}}body:has(.standalone-form-mode .content>.product-editor-page):before{content:"";z-index:999;background:#1c2d2661;position:fixed;inset:0}body:has(.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form)):before{content:"";z-index:999;background:#1c2d2661;position:fixed;inset:0}.standalone-form-mode .content{overflow:hidden}.standalone-form-mode .content>.listing:has(>.inline-form:not(.print-settings-form)){background:#fff;border:1px solid #e3e8e2;border-radius:10px;margin-top:16px;padding:22px;animation:none;position:static;transform:none}.standalone-form-mode .content>.listing:has(>.inline-form:not(.print-settings-form))>:not(.inline-form){display:revert}.standalone-form-mode .content>.listing:has(>.inline-form:not(.print-settings-form))>.inline-form:not(.print-settings-form){z-index:1000;overscroll-behavior:contain;background:#fbfcfa;border:1px solid #dfe8e0;border-radius:12px;width:min(940px,100vw - 48px);height:auto;max-height:calc(100dvh - 48px);margin:0;padding:24px;font-size:16px;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #1c2d2638}.standalone-form-mode .content>.product-editor-page{z-index:1000;overscroll-behavior:contain;background:#fbfcfa;border:1px solid #dfe8e0;border-radius:12px;width:min(940px,100vw - 48px);height:auto;max-height:calc(100dvh - 48px);margin:0;padding:24px;font-size:16px;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #1c2d2638}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form):before,.standalone-form-mode .content>.product-editor-page:before{content:attr(data-modal-title);z-index:4;color:#263b35;background:#fbfcfa;border-bottom:1px solid #dfe8e0;margin:-24px -24px 20px;padding:20px 24px 16px;font-size:22px;font-weight:600;line-height:1.3;display:block;position:sticky;top:-24px}.standalone-form-mode .content>.product-editor-page .product-editor-toolbar{margin:0 0 18px}.standalone-form-mode .content>.product-editor-page .product-editor-toolbar p{font-size:14px}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) h3,.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) .customer-form-heading strong{font-size:19px}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) label{font-size:14px}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) input,.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) select,.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) textarea,.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) button{font-size:15px}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) .form-hint,.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form) small{font-size:13px;line-height:1.6}.standalone-form-mode .content>.product-editor-page .panel h3{font-size:19px}.standalone-form-mode .content>.product-editor-page label{font-size:14px}.standalone-form-mode .content>.product-editor-page input,.standalone-form-mode .content>.product-editor-page select,.standalone-form-mode .content>.product-editor-page textarea,.standalone-form-mode .content>.product-editor-page button{font-size:15px}.standalone-form-mode .content>.product-editor-page .form-hint,.standalone-form-mode .content>.product-editor-page small{font-size:13px;line-height:1.6}@media (width<=680px){.standalone-form-mode .content>.product-editor-page{width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 20px);padding:18px;top:10px;left:10px;transform:none}.standalone-form-mode .content>.listing:has(>.inline-form:not(.print-settings-form))>.inline-form:not(.print-settings-form){width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 20px);padding:18px;top:10px;left:10px;transform:none}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form):before,.standalone-form-mode .content>.product-editor-page:before{margin:-18px -18px 18px;padding:17px 18px 14px;font-size:20px;top:-18px}.standalone-form-mode .content>.product-editor-page .product-editor-toolbar{flex-direction:column;align-items:flex-start}.standalone-form-mode .content>.product-editor-page .product-editor-toolbar button{width:100%}}@keyframes modal-enter{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}.modal-backdrop{animation:backdrop-enter var(--motion-normal) var(--motion-ease) both}.modal-card.detail-card{animation:modal-enter var(--motion-normal) var(--motion-ease) both}body:has(.standalone-form-mode .content>.product-editor-page):before{animation:backdrop-enter var(--motion-normal) var(--motion-ease) both}body:has(.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form)):before{animation:backdrop-enter var(--motion-normal) var(--motion-ease) both}.standalone-form-mode .content>.listing>.inline-form:not(.print-settings-form),.standalone-form-mode .content>.product-editor-page{animation:modal-enter var(--motion-normal) var(--motion-ease) both}.approval-panel{margin-top:18px}.approval-rule-list,.approval-request-list{gap:12px;margin-top:16px;display:grid}.approval-rule{background:#fbfcfa;border:1px solid #dfe8e0;border-radius:9px;padding:16px 18px}.approval-rule-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.approval-rule-title strong{color:#263b35;font-size:14px;font-weight:500;display:block}.approval-rule-title small{color:#829088;margin-top:4px;font-size:11px;display:block}.switch,.checkbox-line{color:#52645a;align-items:center;gap:8px;font-size:12px;display:flex}.switch input,.checkbox-line input{accent-color:#315f49}.approval-request{background:#fff;border:1px solid #e3e8e2;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.approval-request strong{color:#263b35;margin-left:8px;font-size:13px;font-weight:500}.approval-request small{color:#829088;margin-top:4px;font-size:11px;line-height:1.5;display:block}.approval-request-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=640px){.approval-rule-title,.approval-request{flex-direction:column;align-items:flex-start}.approval-request-actions{width:100%}.approval-request-actions button{flex:1}}
