@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#282522;font-synthesis:none;background:#f6f6f3;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-width:1050px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-loading{color:#41665a;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.app-loading svg{animation:1.2s infinite pulse}.login-page{background:#f7f5ef;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#173f33;padding:58px 70px;position:relative;overflow:hidden}.login-art:after{content:"";border:1px solid #ffffff18;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-180px;right:-190px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff08}.login-brand,.brand{letter-spacing:.05em;align-items:center;gap:13px;font-size:21px;font-weight:700;display:flex}.login-brand>span,.brand>span{color:#173f33;background:#e7c872;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-5deg)}.login-brand svg,.brand svg{width:22px}.login-brand small,.brand small{opacity:.55;letter-spacing:.18em;font-size:9px;display:block}.login-message{z-index:2;margin-top:27vh;position:relative}.login-message small{color:#e7c872;letter-spacing:.22em}.login-message h1{margin:20px 0;font-family:Georgia,Noto Serif SC,serif;font-size:44px;line-height:1.35}.login-message p{color:#c2d4ce}.login-paw{opacity:.08;position:absolute;bottom:12%;right:15%;transform:rotate(-20deg)}.login-paw svg{width:180px;height:180px}.login-card{background:#fff;border:1px solid #e8e5dd;border-radius:20px;align-self:center;width:410px;margin:auto;padding:48px;box-shadow:0 22px 60px #27352f12}.login-card h2{margin:0 0 8px;font-size:28px}.login-card>p{color:#918b83;margin:0 0 30px;font-size:13px}.login-card label{margin-top:20px;display:block}.login-card label>span{color:#5c5751;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.login-card input{border:1px solid #dad7d0;border-radius:9px;outline:none;width:100%;height:45px;padding:0 14px}.login-card input:focus{border-color:#2c6553;box-shadow:0 0 0 3px #2c655313}.password-input{position:relative}.password-input button{color:#8b867f;background:0 0;border:0;place-items:center;width:45px;height:45px;display:grid;position:absolute;top:0;right:0}.password-input svg{width:18px}.login-submit{color:#fff;background:#174c3c;border:0;border-radius:9px;width:100%;height:46px;margin-top:28px;font-weight:600}.login-error{color:#a5473a;background:#fff0ed;border-radius:7px;align-items:center;gap:7px;margin-top:15px;padding:10px;font-size:12px;display:flex}.login-error svg{width:16px}.login-tip{color:#aaa49c;text-align:center;margin-top:18px;display:block}.mobile-brand{display:none}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{z-index:10;color:#fff;background:#183c31;flex-direction:column;width:230px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{padding:0 10px 32px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#b9cbc5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:13px 15px;display:flex}.sidebar nav button svg{width:19px}.sidebar nav button.active{color:#fff;background:#2b594a;box-shadow:inset 3px 0 #e8c973}.aside-bottom{border-top:1px solid #36584e;align-items:center;gap:10px;margin-top:auto;padding:19px 8px 0;display:flex}.admin-avatar{color:#183c31;background:#e8c973;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.aside-bottom>div:nth-child(2){flex:1;min-width:0}.aside-bottom b,.aside-bottom small{display:block}.aside-bottom b{font-size:12px}.aside-bottom small{opacity:.55;margin-top:2px;font-size:9px}.aside-bottom button{color:#b9cbc5;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.aside-bottom svg{width:17px}.main-content{grid-column:2;padding:34px 40px 55px}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 5px;font-size:26px}.page-header p{color:#8a8782;margin:0;font-size:13px}.section-actions{justify-content:space-between;align-items:center;min-height:40px;margin-top:-56px;margin-bottom:16px;display:flex}.section-actions span{visibility:hidden}.section-actions button,.secondary{color:#55514d;background:#fff;border:1px solid #dedbd4;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.section-actions svg,.secondary svg{width:16px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat{background:#fff;border:1px solid #ebeae6;border-radius:12px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 3px 14px #1d352508}.stat-icon{border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.stat-icon svg{width:21px}.stat-icon.orange{color:#b56a26;background:#fff0df}.stat-icon.green{color:#286c55;background:#e6f4ee}.stat-icon.purple{color:#7055a4;background:#f0ebfa}.stat-icon.blue{color:#356e9d;background:#e8f2f9}.stat p{color:#827e79;margin:0 0 4px;font-size:12px}.stat h2{margin:0 0 3px;font-size:23px}.stat small{color:#aaa6a0;font-size:10px}.panel{background:#fff;border:1px solid #e8e7e2;border-radius:12px;overflow:hidden}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.panel-title{border-bottom:1px solid #ecebe7;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-title h2{margin:0 0 4px;font-size:16px}.panel-title p{color:#9b9791;margin:0;font-size:10px}.text-button{color:#2c6653;background:0 0;border:0;font-size:11px}.simple-list>div,.stock-list>div{border-bottom:1px solid #f0efeb;align-items:center;gap:11px;min-height:65px;padding:13px 20px;display:flex}.simple-list>div:last-child,.stock-list>div:last-child{border:0}.simple-list div div,.stock-list div div{flex:1;min-width:0}.simple-list b,.simple-list small,.stock-list b,.stock-list small{display:block}.simple-list b,.stock-list b{font-size:12px}.simple-list small,.stock-list small{color:#99958f;margin-top:3px;font-size:9px}.simple-list strong{font-size:12px}.simple-list em{font-style:normal}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.orange{background:#c77a35}.status-dot.blue{background:#4f86ab}.status-dot.purple{background:#785ba4}.status-dot.green{background:#3a8069}.status-dot.gray{background:#999}.stock-list>div>span,.product-cell>span,.customer-cell>span{color:#285344;background:#e7f0ec;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.stock-list strong{color:#b17136;font-size:11px}.toolbar{border-bottom:1px solid #ecebe7;justify-content:space-between;align-items:center;gap:18px;min-height:65px;padding:13px 17px;display:flex}.tabs{gap:2px;display:flex}.tabs button{color:#77736e;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:12px}.tabs button.selected{color:#194638;background:#e9f2ee;font-weight:600}.tabs em{color:#fff;background:#d58339;border-radius:9px;min-width:17px;margin-left:5px;font-size:9px;font-style:normal;line-height:17px;display:inline-block}.toolbar-right{gap:8px;display:flex}.search{color:#9b9893;background:#fff;border:1px solid #deddd8;border-radius:8px;align-items:center;gap:8px;width:250px;height:37px;margin:0;padding:0 11px;display:flex}.search svg{width:17px}.search input{border:0;outline:0;width:100%;font-size:11px}.icon-button{color:#777;background:#fff;border:1px solid #deddd8;border-radius:8px;place-items:center;width:37px;padding:0;display:grid}.icon-button svg{width:16px}.primary-button{color:#fff;background:#174c3c;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12px;display:inline-flex}.primary-button svg{width:16px}.toolbar-note{color:#817d76;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#99958f;letter-spacing:.04em;background:#fafaf8;padding:12px 16px;font-size:10px}td{vertical-align:top;border-top:1px solid #f0efeb;padding:17px 16px}td b,td small,.items span{display:block}td small{color:#9d9994;margin-top:4px;font-size:10px}.order-no{color:#294d42;font-size:11px}.address{max-width:180px;line-height:1.45}.remark{color:#92703b;background:#fff7e8;border-radius:4px;margin-top:7px;padding:3px 6px;font-size:9px;display:inline-block}.items span{white-space:nowrap;margin-bottom:5px}.items i{color:#99958f;margin-left:3px;font-style:normal}td strong{color:#2c2926;font-size:13px}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.orange{color:#a96022;background:#fff0df}.badge.blue{color:#367098;background:#e8f3f9}.badge.purple{color:#7153a0;background:#f0ebf9}.badge.green{color:#287057;background:#e7f4ee}.badge.gray{color:#777;background:#eee}.row-action,.toggle-button{color:#3c6356;background:#fff;border:1px solid #dcd9d2;border-radius:6px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.row-action svg{width:13px}.product-cell,.customer-cell{align-items:center;gap:10px;min-width:175px;display:flex}.product-cell img{object-fit:cover;background:#eee;border-radius:9px;flex:none;width:36px;height:36px}.product-cell small,.customer-cell small{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.customer-address{max-width:220px;line-height:1.5;display:block}.row-buttons{gap:6px;display:flex}.row-buttons button{color:#5d716a;background:#fff;border:1px solid #dedbd5;border-radius:6px;place-items:center;width:29px;height:29px;padding:0;display:grid}.row-buttons svg{width:13px}.danger,.danger-text{color:#b24e42!important}.row-actions{flex-direction:column;align-items:flex-start;gap:6px;min-width:92px;display:flex}.primary-row-action{color:#fff;background:#2c6653;border-color:#2c6653}.empty-state{color:#9b9893;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:145px;padding:35px;font-size:12px;display:flex}.empty-state svg{opacity:.6;width:25px}.toast{z-index:100;color:#fff;background:#183c31;border-radius:8px;align-items:center;gap:7px;padding:11px 18px;font-size:12px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 25px #0002}.toast svg{width:16px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16231f99;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(650px,95vw);max-height:92vh;overflow:hidden;box-shadow:0 30px 80px #0003}.modal>header{border-bottom:1px solid #ebe9e4;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal header h2{margin:0 0 3px;font-size:18px}.modal header p{color:#99938c;margin:0;font-size:10px}.modal header button{color:#777;background:#f2f0eb;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.modal header svg{width:16px}.modal-body{max-height:calc(92vh - 72px);padding:22px;overflow-y:auto}.order-detail-grid,.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.order-detail-grid>div{background:#f7f5f0;border-radius:8px;padding:13px}.order-detail-grid span,.order-detail-grid b{display:block}.order-detail-grid span{color:#99938c;margin-bottom:5px;font-size:9px}.order-detail-grid b{font-size:12px;line-height:1.5}.wide{grid-column:1/-1}.modal-section{margin-top:20px}.modal-section h3{margin:0 0 10px;font-size:13px}.order-product{border-bottom:1px solid #eee;grid-template-columns:1fr 120px 90px;padding:10px 3px;font-size:11px;display:grid}.order-product b{text-align:right}.order-total{text-align:right;padding:13px 3px;font-size:11px}.order-total b{color:#b6672e;margin-left:15px;font-size:17px}.customer-remark{color:#806237;background:#fff6e6;border-radius:7px;margin:8px 0 16px;padding:10px 12px;font-size:10px}.form-field{margin:14px 0 0;display:block}.form-field>span{color:#5d5852;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.form-field input,.form-field textarea,.form-field select{background:#fff;border:1px solid #dcd9d2;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:12px}.form-field textarea{resize:vertical;min-height:80px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#35725d}.select-wrap{position:relative}.select-wrap select{appearance:none}.select-wrap svg{pointer-events:none;width:16px;position:absolute;top:10px;right:10px}.checkboxes{align-items:end;gap:20px;padding-bottom:9px;display:flex}.checkboxes label{align-items:center;gap:6px;font-size:11px;display:flex}.modal-actions{border-top:1px solid #ece9e3;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:17px;display:flex}.product-image-preview{background:#f4f1eb;border:1px dashed #d9d2c7;border-radius:8px;height:120px;position:relative;overflow:hidden}.product-image-preview img{object-fit:contain;width:100%;height:100%}.product-image-preview span{color:#fff;background:#183c31cc;border-radius:4px;padding:3px 7px;font-size:9px;position:absolute;bottom:7px;right:8px}.detail-image-preview{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.detail-image-preview img{object-fit:cover;background:#f4f1eb;border:1px solid #ebe3d8;border-radius:8px;width:100%;height:110px}.image-input-row{align-items:stretch;gap:8px;display:flex}.image-input-row>input,.image-input-row>textarea{flex:1}.image-input-row>textarea{min-height:86px}.upload-button{color:#174c3c;cursor:pointer;background:#e8f0ed;border-radius:7px;place-items:center;min-width:86px;padding:10px 12px;font-size:10px;font-weight:600;display:grid;position:relative}.upload-button input{opacity:0;width:1px;height:1px;position:absolute}.field-error{color:#ad493e;margin-top:5px;font-size:9px;display:block}.spec-editor{margin-top:14px}.spec-editor-title{color:#5d5852;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.spec-editor-title button{color:#174c3c;background:#e8f0ed;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 9px;font-size:10px;display:flex}.spec-editor-title svg{width:13px}.spec-editor-row{grid-template-columns:1fr 150px 34px;gap:8px;margin-top:7px;display:grid}.spec-editor-row input{border:1px solid #dcd9d2;border-radius:7px;min-width:0;padding:9px 10px}.spec-editor-row button{color:#a64e42;background:#fff4f1;border:1px solid #ead6d1;border-radius:7px;place-items:center;display:grid}.spec-editor-row button:disabled{opacity:.35}.spec-editor-row svg{width:14px}.settings-content{grid-template-columns:300px 1fr;gap:30px;padding:25px;display:grid}.visual-previews{gap:16px;display:grid}.splash-preview{background:#f8f1e8;border:1px solid #e5dfd5;border-radius:16px;height:420px;overflow:hidden}.splash-preview img{object-fit:cover;width:100%;height:100%}.banner-preview{color:#fff;border-radius:16px;flex-direction:column;justify-content:flex-end;height:170px;padding:24px;display:flex;position:relative;overflow:hidden}.banner-preview img,.banner-preview>div{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.banner-preview strong,.banner-preview h3{z-index:1;margin:0;position:relative}.banner-preview strong{letter-spacing:.16em;font-size:10px}.banner-preview h3{margin-top:6px;font-size:22px}.settings-form{align-self:center;max-width:520px}.settings-upload{width:max-content;margin:14px 0}.settings-form>.primary-button{margin-top:12px}.color-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.color-grid input[type=color]{height:42px;padding:4px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media (width<=1200px){.main-content{padding:28px 24px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}.model-config{margin-top:18px}.model-settings{padding:20px}.runtime-settings{background:#f5f7f4;border-radius:9px;align-items:center;gap:18px;padding:14px;font-size:11px;display:flex}.runtime-settings label{align-items:center;gap:6px;display:flex}.runtime-settings label:nth-of-type(n+3) input{border:1px solid #ddd;border-radius:6px;width:75px;padding:7px}.provider-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.provider-grid article{border:1px solid #e4e3de;border-radius:11px;padding:18px}.provider-grid header{justify-content:space-between;margin-bottom:12px;display:flex}.provider-grid header b,.provider-grid header small{display:block}.provider-grid header small{color:#999;margin-top:3px;font-size:9px}.provider-grid article>label,.provider-numbers label{color:#666;margin-top:10px;font-size:10px;display:block}.provider-grid article>label input,.provider-numbers input{border:1px solid #ddd;border-radius:7px;width:100%;margin-top:5px;padding:9px}.provider-numbers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.provider-grid .primary-button{margin-top:15px}.banner-editor-title{color:#3d3934;justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:13px;font-weight:700;display:flex}.banner-editor-title button{color:#174c3c;background:#e8f0ed;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 11px;font-size:11px;display:flex}.banner-editor-title svg{width:14px}.banner-editor-list{gap:12px;display:grid}.banner-editor-card{background:#fffdf8;border:1px solid #e3ded5;border-radius:12px;padding:14px}.banner-editor-card header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.banner-editor-card header button{color:#a64e42;background:#fff4f1;border:1px solid #ead6d1;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.banner-editor-card header button:disabled{opacity:.35}.banner-editor-card header svg{width:14px}.banner-editor-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-field select{color:#282521;width:100%;font:inherit;background:#fff;border:1px solid #dcd9d2;border-radius:9px;margin-top:7px;padding:11px 12px}