:root{color:#203228;background:#f2f1ea;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%}body{margin:0;overflow:hidden}.shell{height:100dvh;min-height:100vh;display:flex}.sidebar{z-index:10;color:#edf1dc;background:#183f2d;flex-direction:column;width:260px;padding:32px 22px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.brand,.workspace,.side-note{flex:none}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:26px;font-weight:700;display:flex}.brand-dot{color:#183f2d;background:#d9ef97;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.workspace{color:#93ad9e;letter-spacing:1.5px;margin:50px 10px 18px;font-size:11px}.sidebar nav{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;flex:1;gap:7px;min-height:0;margin:0 -6px;padding:0 6px 18px;display:grid;overflow-y:auto}.sidebar nav button{color:#c5d5ca;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:13px 10px;transition:background .16s,color .16s}.sidebar nav button span{color:#7ea088;margin-right:10px;font-size:11px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#24543d}.side-note{color:#9db5a7;border-top:1px solid #35634d;margin-top:0;padding:18px 10px 0;font-size:12px;line-height:1.7}.side-note strong{color:#d9ef97}.workspace-main{overscroll-behavior-y:contain;scroll-behavior:smooth;flex:1;min-width:0;max-width:none;height:100dvh;margin-left:260px;padding:44px 56px 70px;overflow-y:auto}header{border-bottom:1px solid #d8d9cf;justify-content:space-between;align-items:flex-end;padding-bottom:28px;display:flex}.crumb,.index{color:#7e8d80;letter-spacing:1.5px;margin:0;font-size:11px}h1{letter-spacing:-1.5px;margin:8px 0 0;font-size:38px}.connection{color:#627b6c;align-items:center;min-height:34px;font-size:13px;display:flex}.connection>span{background:#6d9e52;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.settings{grid-template-columns:1fr 1.15fr;gap:16px;margin:30px 0 15px;display:grid}.settings label{color:#7c8980;font-size:12px}.settings input{background:#ecebe4;margin-top:7px}.notice{color:#33553d;background:#e0ecd0;border-left:3px solid #6b9d52;padding:13px 16px;font-size:13px}.split{grid-template-columns:.78fr 1.22fr;gap:45px;margin-top:34px;display:grid}.form-block{padding:6px 0}.form-block+h2,h2{letter-spacing:-.7px;margin:8px 0 28px;font-size:24px}.form-block label{color:#56665b;margin:15px 0;font-size:12px;display:block}.form-block input,.form-block select{color:#203228;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #cfd3c8;outline:0;margin-top:7px;padding:12px 0;display:block}.form-block input:focus,.form-block select:focus{border-color:#1e6843}.two,.three{gap:16px;display:grid}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:.6fr 1fr .8fr}.form-block button{color:#fff;font:inherit;cursor:pointer;background:#1e6843;border:0;border-radius:6px;margin-top:22px;padding:13px 20px;transition:transform .18s,background .18s}.form-block button:hover{background:#255f41;transform:translateY(-1px)}.form-block button:disabled{opacity:.5}.hint{color:#77847b;margin:10px 0 27px;font-size:13px;line-height:1.7}.wide{max-width:650px;margin-top:42px}.coupon-layout{grid-template-columns:.72fr 1.28fr}.coupon-list{padding:6px 0}.coupon-list h2{margin:8px 0 28px}.coupon-row{border-bottom:1px solid #d8d9cf;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;display:flex}.coupon-row strong,.coupon-row span{display:block}.coupon-row strong{letter-spacing:.3px;font-size:15px}.coupon-row span{color:#77847b;margin-top:6px;font-size:12px}.coupon-row>div:last-child{align-items:center;gap:13px;display:flex}.coupon-row em{color:#39704d;font-size:12px;font-style:normal}.coupon-row em.off{color:#a46a4e}.coupon-row button{color:#365342;font:inherit;cursor:pointer;background:0 0;border:1px solid #bfc9bd;border-radius:5px;padding:7px 11px;font-size:12px}.coupon-row button:hover{color:#1e6843;border-color:#1e6843}@media (width<=800px){body{overflow:auto}.shell{height:auto;min-height:100dvh}.sidebar{width:72px;padding:25px 12px}.brand span:last-child,.workspace,.side-note,.sidebar nav button{font-size:0}.brand-dot{margin:auto}.sidebar nav button{height:42px}.workspace-main{height:auto;min-height:100dvh;margin-left:72px;padding:32px 24px;overflow:visible}.settings,.split{grid-template-columns:1fr}.connection{display:none}.two,.three{grid-template-columns:1fr}}.workspace-main .n-data-table-base-table-body.n-scrollbar,.workspace-main .n-data-table-base-table-body>.n-scrollbar-container{height:auto!important;overflow:visible!important}.workspace-main .n-data-table-thead .n-data-table-th{z-index:4;top:-44px;box-shadow:0 1px #d8d9cf;background:#f2f1ea!important;position:sticky!important}.n-drawer .n-data-table-base-table-body.n-scrollbar,.n-drawer .n-data-table-base-table-body>.n-scrollbar-container{height:100%!important;overflow:auto!important}.n-drawer .n-data-table-thead .n-data-table-th{box-shadow:none;background:0 0!important;position:static!important}@media (width<=800px){.workspace-main .n-data-table-base-table-body.n-scrollbar{overflow:hidden!important}.workspace-main .n-data-table-base-table-body>.n-scrollbar-container{overflow:auto!important}.workspace-main .n-data-table-thead .n-data-table-th{position:static!important}}.sidebar nav,.workspace-main,.notification-list,.n-drawer .n-scrollbar-container{scrollbar-width:thin;scrollbar-color:#668b74 transparent}.sidebar nav::-webkit-scrollbar{width:8px;height:8px}.workspace-main::-webkit-scrollbar{width:8px;height:8px}.notification-list::-webkit-scrollbar{width:8px;height:8px}.n-drawer .n-scrollbar-container::-webkit-scrollbar{width:8px;height:8px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.workspace-main::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-track{background:0 0}.n-drawer .n-scrollbar-container::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#527764;border:2px solid #183f2d;border-radius:99px}.workspace-main::-webkit-scrollbar-thumb{background:#a8b8ab;border:2px solid #f2f1ea;border-radius:99px}.notification-list::-webkit-scrollbar-thumb{background:#a8b8ab;border:2px solid #f2f1ea;border-radius:99px}.n-drawer .n-scrollbar-container::-webkit-scrollbar-thumb{background:#a8b8ab;border:2px solid #f2f1ea;border-radius:99px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#82a48c}.workspace-main::-webkit-scrollbar-thumb:hover{background:#748f7a}.notification-list::-webkit-scrollbar-thumb:hover{background:#748f7a}.n-drawer .n-scrollbar-container::-webkit-scrollbar-thumb:hover{background:#748f7a}.orders-workspace{margin-top:32px}.orders-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.orders-toolbar .hint{margin:0}.orders-toolbar select{color:#203228;min-width:132px;font:inherit;background:0 0;border:0;border-bottom:1px solid #cfd3c8;outline:0;padding:9px 4px}.orders-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:42px;display:grid}.order-queue{border-top:1px solid #d8d9cf}.order-row{color:#203228;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d8d9cf;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;display:flex}.order-row:hover,.order-row.selected{background:#e8eadf}.order-row>span{gap:6px;display:grid}.order-row strong{letter-spacing:.2px;font-size:14px}.order-row small{color:#77847b;font-size:12px}.order-row>span:last-child{justify-items:end}.order-row em{font-size:12px;font-style:normal}.order-row b{font-size:13px}.status-paid,.status-picking{color:#39704d}.status-delivering{color:#537e99}.status-completed{color:#647967}.status-pending_payment{color:#a46a4e}.status-cancelled{color:#8b8b84}.order-inspector{border-left:1px solid #d8d9cf;min-height:340px;padding-left:30px}.order-inspector h2{margin:8px 0 16px;font-size:21px}.order-address{color:#56665b;margin:0 0 24px;font-size:13px;line-height:1.7}.order-items{border-top:1px solid #d8d9cf}.order-items div{color:#56665b;border-bottom:1px solid #d8d9cf;justify-content:space-between;gap:12px;padding:11px 0;font-size:12px;display:flex}.order-total{gap:8px;padding:17px 0;display:grid}.order-total span{color:#77847b;font-size:12px}.order-total strong{font-size:15px}.order-actions button{color:#fff;font:inherit;cursor:pointer;background:#1e6843;border:0;border-radius:6px;padding:11px 15px}.order-actions button:disabled{opacity:.5}@media (width<=800px){.orders-layout{grid-template-columns:1fr}.order-inspector{border-top:1px solid #d8d9cf;border-left:0;padding:24px 0 0}.orders-toolbar{flex-direction:column;align-items:flex-start}.order-row{padding:14px 7px}.order-row small{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}}.inventory-workspace{margin-top:32px}.inventory-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.inventory-toolbar .hint{margin:0}.check{color:#56665b;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.inventory-list{border-top:1px solid #d8d9cf}.inventory-row{border-bottom:1px solid #d8d9cf;justify-content:space-between;align-items:center;gap:28px;padding:17px 0;display:flex}.inventory-row.warning{background:#f4ede2}.inventory-row strong,.inventory-row span{display:block}.inventory-row strong{font-size:14px}.inventory-row strong small{color:#77847b;font-size:12px;font-weight:400}.inventory-row>div>span{color:#77847b;margin-top:6px;font-size:12px}.inventory-controls{align-items:end;gap:8px;display:flex}.inventory-controls label{color:#77847b;gap:5px;font-size:11px;display:grid}.inventory-controls input{color:#203228;width:65px;font:inherit;background:0 0;border:0;border-bottom:1px solid #cfd3c8;outline:0;padding:7px 2px}.inventory-controls button{color:#fff;font:inherit;cursor:pointer;background:#1e6843;border:0;border-radius:5px;padding:8px 10px;font-size:12px}.inventory-controls button.quiet{color:#365342;background:0 0;border:1px solid #bfc9bd}.inventory-controls button:disabled{opacity:.5}@media (width<=800px){.inventory-toolbar{flex-direction:column;align-items:flex-start}.inventory-row{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 7px}.inventory-controls{justify-content:space-between;width:100%}.inventory-controls input{width:55px}}.catalog-operations{margin-top:46px}.catalog-toolbar{border-bottom:1px solid #d8d9cf;justify-content:space-between;align-items:end;gap:24px;padding-bottom:18px;display:flex}.catalog-toolbar h2{letter-spacing:-.7px;margin:8px 0 0;font-size:24px}.catalog-toolbar input{color:#203228;width:230px;font:inherit;background:0 0;border:0;border-bottom:1px solid #cfd3c8;outline:0;padding:10px 2px}.catalog-toolbar input:focus{border-color:#1e6843}.catalog-row{border-bottom:1px solid #d8d9cf;align-items:center;gap:16px;padding:15px 0;display:flex}.catalog-thumb{background:#dcebc9;border-radius:14px 4px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid;overflow:hidden}.catalog-thumb img{object-fit:cover;width:100%;height:100%}.catalog-info{flex:1;min-width:0}.catalog-info strong,.catalog-info span{display:block}.catalog-info strong{font-size:14px}.catalog-info span{color:#77847b;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;overflow:hidden}.catalog-state{align-items:center;gap:14px;display:flex}.catalog-state em{color:#39704d;white-space:nowrap;font-size:12px;font-style:normal}.catalog-state em.off{color:#a46a4e}.catalog-state button{color:#365342;font:inherit;cursor:pointer;background:0 0;border:1px solid #bfc9bd;border-radius:5px;padding:7px 11px;font-size:12px}.catalog-state button:hover{color:#1e6843;border-color:#1e6843}.catalog-state button:disabled{opacity:.5}@media (width<=800px){.catalog-toolbar{flex-direction:column;align-items:flex-start}.catalog-toolbar input{width:100%}.catalog-row{gap:12px}.catalog-info span{max-width:170px}.catalog-state{flex-direction:column;align-items:flex-end;gap:6px}}.sidebar{z-index:10;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.workspace-main{min-height:100vh;margin-left:260px}.brand-logo{object-fit:cover;border-radius:10px;flex:none;width:32px;height:32px}@media (width<=800px){.workspace-main{margin-left:72px}.sidebar{overflow:visible}.brand-logo{margin:auto}}.logout{color:#1e6843;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px;font-size:12px}.login-copy{color:#77847b;margin:0 0 22px;font-size:13px;line-height:1.7}.login-copy code{color:#365342;background:#edf0e7;border-radius:3px;padding:2px 5px}.order-notification-wrap{margin-right:10px;position:relative}.notification-trigger{color:#1e6843;width:34px;height:34px;font:inherit;cursor:pointer;background:#edf2eb;border:0;border-radius:50%;place-items:center;padding:0;transition:background .16s,transform .16s;display:grid;position:relative}.notification-trigger:hover{background:#dcebc9;transform:translateY(-1px)}.notification-trigger>span{font-size:15px;line-height:1}.notification-trigger b{color:#fff;text-align:center;box-sizing:border-box;background:#d65432;border-radius:10px;min-width:16px;height:16px;padding:0 3px;font-size:9px;line-height:16px;position:absolute;top:-5px;right:-7px}.notification-panel{z-index:40;background:#fffef9;border:1px solid #e2e7df;border-radius:10px;width:338px;position:absolute;top:43px;right:0;overflow:hidden;box-shadow:0 15px 36px #183f2d29}.notification-panel-head{border-bottom:1px solid #edf0e8;justify-content:space-between;align-items:baseline;padding:15px 16px 12px;display:flex}.notification-panel-head strong{color:#263b2d;font-size:13px}.notification-panel-head span{color:#829085;font-size:11px}.notification-list{max-height:360px;overflow-y:auto}.notification-item{width:100%;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-bottom:1px solid #f0f1eb;padding:13px 16px;display:flex}.notification-item:hover{background:#f4f7f0}.notification-item.unread{background:#f8fbf5}.notification-dot{background:0 0;border-radius:50%;flex:none;width:7px;height:7px;margin:6px 10px 0 0}.notification-item.unread .notification-dot{background:#e39845}.notification-copy{gap:4px;min-width:0;display:grid}.notification-copy strong{color:#34483a;font-size:12px;font-weight:650}.notification-copy em{color:#627369;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.notification-copy small{color:#96a198;font-size:10px}.notification-empty{color:#96a198;text-align:center;margin:0;padding:34px 0;font-size:12px}.captcha-field{align-items:center;gap:9px;width:100%;display:flex}.captcha-field img{cursor:pointer;width:108px;height:36px}.captcha-field>div:first-child{flex:1}.login-screen{z-index:100;background:#f5f4ed;grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr);align-items:center;gap:80px;padding:8vw;display:grid;position:fixed;inset:0;overflow:auto}.login-intro{color:#183f2d;max-width:470px;position:relative}.login-intro:after{z-index:-1;content:"";background:#dcebc9;border-radius:50%;width:490px;height:490px;position:absolute;top:-170px;left:-190px}.login-logo{width:240px;max-width:100%;height:auto;display:block}.login-intro p{color:#628070;letter-spacing:2px;margin:34px 0 0;font-size:11px}.login-intro h2{letter-spacing:-2px;max-width:400px;margin:14px 0;font-size:48px;line-height:1.16}.login-intro span{color:#627b6c;font-size:15px;line-height:1.8}.login-card{justify-self:end;width:100%;max-width:410px;box-shadow:0 24px 70px #183f2d1f}.login-card h2{letter-spacing:-1px;margin:8px 0 12px;font-size:28px}@media (width<=760px){.login-screen{background:#f5f4ed;padding:76px 30px;display:block}.login-intro{margin-bottom:55px}.login-intro h2{font-size:38px}.login-card{max-width:none}}.admin-toast{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #cfe0c8;border-radius:9px;max-width:min(420px,100vw - 56px);line-height:1.5;top:24px;right:28px;box-shadow:0 14px 34px #17392829;background:#f8fcf4f5!important;margin:0!important;padding:12px 16px!important;position:fixed!important}.admin-toast-enter-active,.admin-toast-leave-active{transition:opacity .18s,transform .18s}.admin-toast-enter-from,.admin-toast-leave-to{opacity:0;transform:translateY(-10px)scale(.98)}