@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#17353a;font-synthesis:none;background:#f4f8f7;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #75cabe}.brand{color:#12383b;letter-spacing:-1px;align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.brand>span:last-child>span{color:#127568}.brand small{color:#678080;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:600;display:block}.brand-mark{color:#fff;background:#0f665d;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.auth-page{background:#f9fcfb;grid-template-columns:minmax(320px,1fr) minmax(400px,500px);min-height:100vh;display:grid}.auth-intro{color:#e9f7f4;background-color:#113f44;background-image:radial-gradient(circle at 70% 75%,#1d766b 0,#0000 27%),linear-gradient(150deg,#103e43,#155f5c);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(34px,7vw,100px);display:flex}.auth-intro .brand{color:#fff}.auth-intro .brand>span:last-child>span{color:#7fe0cf}.auth-intro h1{letter-spacing:-.045em;max-width:610px;margin:22px 0;font:600 clamp(39px,5vw,70px)/1.04 Fraunces Variable,serif}.auth-intro p:not(.kicker){color:#c6e3de;max-width:460px;font-size:18px;line-height:1.6}.kicker{color:#198274;margin:0 0 9px;font-size:13px;font-weight:700}.auth-intro .kicker{color:#8addcf}.auth-assurance{color:#d8f0eb;align-items:center;gap:9px;font-size:14px;display:flex}.auth-card{gap:28px;width:min(100%,500px);margin:auto;padding:clamp(32px,5vw,72px);display:grid}.auth-card>.brand{display:none}.auth-card h2{letter-spacing:-.03em;margin:0 0 8px;font:600 33px/1.15 Fraunces Variable,serif}.auth-card p{color:#62797b;margin:0;line-height:1.55}.stack{gap:17px;display:grid}label{color:#294b4d;gap:7px;font-size:14px;font-weight:600;display:grid}input,textarea{color:#17353a;background:#fff;border:1px solid #c9ddda;border-radius:9px;width:100%;padding:12px 13px}textarea{resize:vertical;min-height:75px}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:13px 17px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#10756a}.primary:hover{background:#0b5d55}.secondary{color:#0e5f57;background:#e5f0ee}.text-button{color:#0a6b61;text-align:left;background:0 0;border:0;padding:4px 0;font-weight:700}.quiet{color:#6c8383!important;font-size:13px!important}.notice{color:#973c30;background:#fff2f0;border:1px solid #f0c5bf;border-radius:9px;padding:12px 13px;font-size:14px;line-height:1.45}.notice.success{color:#176447;background:#ebf8f2;border-color:#bce3cf}.notice.info{color:#185c63;background:#ecf7f7;border-color:#bddfe0}.invite-meta{border-left:3px solid #0f756b;gap:3px;padding-left:12px;display:grid}.invite-meta span{color:#617b7c;font-size:13px}.check-label{align-items:center;gap:9px;font-weight:600;display:flex}.check-label input{width:17px;height:17px}.spin{width:19px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{place-content:center;justify-items:center;gap:24px;min-height:100vh;display:grid}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.preview-banner{z-index:30;color:#fff;background:#0b6158;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:9px clamp(18px,4vw,52px);font-size:14px;font-weight:700;display:flex;position:fixed;inset:0 0 auto}.preview-banner span{align-items:center;gap:8px;display:flex}.preview-banner button{color:#0a6259;background:#fff;border:1px solid #9bd4ca;border-radius:7px;padding:7px 10px;font-weight:700}.preview-banner~.sidebar{height:calc(100vh - 64px);top:64px}.preview-banner~.content{padding-top:max(clamp(28px,5vw,68px),76px)}.sidebar{color:#d7e9e6;background:#103c41;flex-direction:column;height:100vh;padding:27px 18px;display:flex;position:sticky;top:0}.sidebar .brand{color:#fff;margin:0 10px 43px}.sidebar .brand>span:last-child>span{color:#7ee0d0}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.logout{color:#b5d0cb;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1b595c}.sidebar-bottom{margin-top:auto}.user-chip{border-top:1px solid #367075;align-items:center;gap:10px;padding:20px 10px;display:flex}.user-chip span{gap:2px;min-width:0;display:grid}.user-chip strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.user-chip small{color:#a8c5c0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.logout{width:100%}.content{width:100%;max-width:1450px;margin:0 auto;padding:clamp(28px,5vw,68px)}.page{gap:28px;display:grid}.page-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:0 0 8px;font:600 clamp(31px,4vw,48px)/1.08 Fraunces Variable,serif}.page-heading p:not(.kicker){color:#638082;margin:0;font-size:16px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:850px;display:grid}.action-card{color:#173b3d;text-align:left;background:#fff;border:1px solid #d6e6e3;border-radius:13px;align-items:center;gap:18px;padding:25px;display:flex}.action-card>svg:first-child{color:#0c7469;width:27px;height:27px}.action-card span{flex:1;gap:5px;display:grid}.action-card small{color:#647d7e}.action-card>svg:last-child{color:#70a29b}.info-strip{color:#1b5856;background:#e4f2ef;border-radius:10px;align-items:flex-start;gap:12px;max-width:850px;padding:16px 18px;display:flex}.info-strip p{margin:0;font-size:14px;line-height:1.5}.empty-state{text-align:center;background:#fff;border:1px solid #d5e5e2;border-radius:13px;justify-items:center;gap:11px;max-width:640px;padding:48px 32px;display:grid}.empty-state svg{color:#0e796d}.empty-state h2,.panel h2{letter-spacing:-.025em;margin:0;font:600 23px/1.2 Fraunces Variable,serif}.empty-state p{color:#647d7e;margin:0 0 7px;line-height:1.55}.order-list{background:#fff;border:1px solid #d6e6e3;border-radius:12px;overflow:hidden}.history-note{color:#416769;background:#eef6f4;border-left:3px solid #78aaa3;gap:5px;padding:13px 16px;font-size:13px;line-height:1.45;display:grid}.history-note p{margin:0}.order-search{background:#fff;border:1px solid #bed8d4;border-radius:10px;align-items:center;gap:10px;max-width:570px;padding:4px 12px;display:flex}.order-search input{background:0 0;border:0;outline:0;padding:10px 0}.result-count{color:#678082;margin:-13px 0 0;font-size:13px}.order-row{text-align:left;color:#16383b;background:#fff;border:0;border-bottom:1px solid #e4eeee;grid-template-columns:1fr auto 20px;align-items:center;gap:20px;width:100%;padding:19px 21px;display:grid}.order-row:last-child{border-bottom:0}.order-row:hover{background:#f8fbfa}.order-row>div{gap:5px;display:grid}.order-row span,.line span,.cart-line span,.invite-list span{color:#6c8384;font-size:13px}.order-row>div:nth-child(2){justify-items:end}.status{color:#326262;background:#edf4f2;border-radius:20px;width:max-content;padding:4px 8px;font-weight:700;font-size:11px!important}.status.portal{color:#13715d;background:#e1f2ed}.back{color:#0d685f;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-weight:700;display:flex}.detail-head{border-bottom:1px solid #d7e5e3;padding-bottom:27px}.total{color:#0d675e;font-size:24px}.detail-grid,.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:20px;display:grid}.panel{background:#fff;border:1px solid #d6e6e3;border-radius:12px;padding:23px}.panel h2{margin-bottom:20px}.line{border-bottom:1px solid #e4eeee;justify-content:space-between;gap:15px;padding:14px 0;display:flex}.line div{gap:4px;display:grid}.panel dl,.profile dl{gap:7px;margin:0;display:grid}.panel dt,.profile dt{color:#6b8182;margin-top:9px;font-size:12px;font-weight:700}.panel dd,.profile dd{margin:0;line-height:1.45}.loading{color:#5d7779;background:#fff;border:1px solid #d6e6e3;border-radius:12px;align-items:center;gap:11px;padding:30px;display:flex}.order-builder{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);align-items:start;gap:22px;display:grid}.catalog{min-width:0}.searchbox{background:#fff;border:1px solid #bed8d4;border-radius:11px;align-items:center;gap:10px;padding:4px 12px;display:flex}.searchbox input{background:0 0;border:0;outline:0;padding:11px 0}.searchbox span{width:20px;height:20px}.product{background:#fff;border-bottom:1px solid #dfebea;justify-content:space-between;align-items:center;gap:15px;padding:17px 12px;display:flex}.product:first-of-type{border-top:1px solid #dfebea;margin-top:12px}.product>div{gap:6px;display:grid}.product span{color:#668080;font-size:13px}.icon-button{color:#0b7167;background:#fff;border:1px solid #c7dfdb;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.cart{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}.cart-head{border-bottom:1px solid #e0ebea;justify-content:space-between;align-items:start;padding-bottom:15px;display:flex}.cart-head h2{margin:0}.cart-head p{color:#6c8282;margin:4px 0 0;font-size:13px}.cart-lines{display:grid}.cart-line{border-bottom:1px solid #e4eeee;grid-template-columns:1fr 75px 27px;align-items:center;gap:9px;padding:14px 0;display:grid}.cart-line>div{gap:4px;font-size:13px;display:grid}.cart-line .cart-stock{color:#0a6259;margin-top:5px;font-size:12px;font-weight:700;display:block}.quantity{gap:3px;font-size:11px}.quantity input{width:100%;padding:7px}.remove{color:#a1514a;background:0 0;border:0;padding:5px}.subtotal{justify-content:space-between;padding:17px 0 5px;display:flex}.subtotal strong{color:#115f58;font-size:19px}.cart fieldset{border:0;border-top:1px solid #dfebea;gap:13px;margin:16px 0 0;padding:18px 0 0;display:grid}.cart legend{padding:0 6px 0 0;font-weight:700}.optional{color:#6d8585;font-weight:400}.empty-inline{color:#698181;font-size:14px;line-height:1.5}.profile{gap:18px;max-width:600px;display:grid}.profile>svg{color:#0e746a}.profile .button{justify-self:start}.client-results{border:1px solid #d1e2df;border-radius:8px;max-height:190px;overflow:hidden auto}.client-results button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e2ecea;gap:3px;width:100%;padding:10px;display:grid}.client-results small{color:#668080}.selected-client{color:#17664e;background:#e8f5ef;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:14px;display:flex}.selected-client button{color:inherit;background:0 0;border:0;margin-left:auto}.invite-list{gap:0;display:grid}.invite-list>div{border-bottom:1px solid #e3edeb;justify-content:space-between;gap:10px;padding:13px 0;display:flex}.invite-list>div>div{gap:5px;display:grid}.invite-list>div>div:last-child{justify-items:end}.customer-list{background:#fff;border:1px solid #d6e6e3;border-radius:12px;overflow:hidden}.customer-row{border-bottom:1px solid #e4eeee;justify-content:space-between;align-items:center;gap:18px;padding:18px 21px;display:flex}.customer-row:last-child{border-bottom:0}.customer-row>div{gap:4px;display:grid}.customer-row span,.customer-row small{color:#668080;font-size:13px}.danger{color:#a3433c}.mobile-head{display:none}@media (width<=800px){.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-card{min-height:100vh}.auth-card>.brand{display:flex}.app-shell{display:block}.sidebar{z-index:10;width:260px;height:calc(100vh - 68px);transition:transform .2s;position:fixed;top:68px;left:0;transform:translate(-105%)}.sidebar.open{transform:none}.mobile-head{z-index:11;background:#fff;border-bottom:1px solid #d7e5e3;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex;position:sticky;top:0}.preview-banner{height:84px;padding:8px 14px;font-size:12px;position:sticky}.preview-banner~.mobile-head{top:84px}.preview-banner~.sidebar{height:calc(100vh - 152px);top:152px}.preview-banner~.content{padding-top:29px}.mobile-head .brand{font-size:19px}.mobile-head .brand-mark{border-radius:11px;width:34px;height:34px}.content{padding:29px 18px}.action-grid,.detail-grid,.admin-grid,.order-builder{grid-template-columns:1fr}.cart{max-height:none;position:static;overflow-y:visible}.page-heading{align-items:start}.order-row{grid-template-columns:1fr 18px}.order-row>div:nth-child(2){grid-column:1;place-items:center start;gap:10px;display:flex}.order-row>svg{grid-area:1/2}.customer-row{flex-direction:column;align-items:flex-start}.detail-head{display:grid}.total{margin-top:7px}.auth-card{padding:34px 24px}}@media (width<=460px){.page-heading h1{font-size:35px}.empty-state{padding:33px 20px}.order-row{padding:16px}.cart{padding:18px}.cart-line{grid-template-columns:1fr 64px 22px}.brand small{font-size:8px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.sidebar{transition:none}}