:root{--ink:#172c30;--muted:#738184;--teal:#0b8478;--line:#e7edeb;--paper:#f5f8f7;--white:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:#fff}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100vh;padding:43px clamp(36px,6vw,88px);color:white;background:radial-gradient(ellipse at 13% 85%,#08736d 0%,transparent 47%),linear-gradient(145deg,#112d32 2%,#163c40 59%,#105d59 100%)}.brand-panel:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 99.6%,#ffffff0a 100%),linear-gradient(0deg,transparent 99.6%,#ffffff0a 100%);background-size:58px 58px;mask-image:linear-gradient(110deg,transparent 38%,#000 100%);opacity:.5}.brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:.1em}.brand-lockup b,.mobile-brand b{font-weight:800}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#20b19a;color:#fff;font-size:19px;font-weight:800;box-shadow:0 5px 15px #041a1833}.brand-copy{position:relative;z-index:1;max-width:520px;margin:auto 0;padding:75px 0}.kicker{margin:0 0 19px;color:#74d2c2;font-size:10px;font-weight:700;letter-spacing:.18em}.brand-copy h1{margin:0;font-size:clamp(40px,5.4vw,66px);line-height:1.12;letter-spacing:-.055em}.brand-copy h1 span{color:#77d6c6}.brand-description{max-width:390px;margin:25px 0 0;color:#c1d2d0;font-size:15px;line-height:1.8}.brand-footer{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#bdcfcd;font-size:11px}.secure-dot,.online-dot{width:7px;height:7px;border-radius:50%;background:#4bd1a4;box-shadow:0 0 0 4px #4bd1a41c}.decor{position:absolute;z-index:0;border:1px solid #ffffff13;border-radius:50%;pointer-events:none}.decor-one{width:460px;height:460px;right:-255px;top:11%}.decor-two{width:600px;height:600px;right:-325px;top:3%}.form-panel{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:55px clamp(34px,8vw,130px)}.login-content{width:min(100%,420px);margin:auto}.welcome-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:29px;border:1px solid #d7ebe6;border-radius:14px;background:#f1faf7;color:#0b897b;font-size:24px}.form-kicker{margin-bottom:8px;color:#138a7a}.login-content h2{margin:0;font-size:27px;line-height:1.3;letter-spacing:-.04em}.form-subtitle{margin:9px 0 30px;color:var(--muted);font-size:13px;line-height:1.65}.login-form,.setup-form{display:flex;flex-direction:column}.login-form label,.setup-form label{margin-bottom:8px;color:#324447;font-size:12px;font-weight:700}.input-wrap{display:flex;align-items:center;gap:11px;height:48px;margin-bottom:21px;padding:0 14px;border:1px solid #dce5e2;border-radius:8px;background:#fff;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within,.setup-form input:focus{border-color:#36a999;box-shadow:0 0 0 3px #16988515;outline:0}.input-wrap>span{color:#94a4a3}.input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.input-wrap input::placeholder{color:#a8b2b2}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label span{margin-bottom:8px;color:#8a9999;font-size:10px}.submit-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:4px;padding:0 16px 0 35px;border:0;border-radius:8px;background:#0d8276;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0c827628;transition:background .18s,transform .18s}.submit-button:hover{transform:translateY(-1px);background:#096f66}.submit-button span{margin-left:auto;font-size:19px}.form-error,.success-note{margin:0 0 17px;padding:11px 12px;border:1px solid #f0d3ce;border-radius:7px;background:#fff7f5;color:#a13e34;font-size:12px;line-height:1.6}.success-note{border-color:#d6ebe5;background:#f1faf7;color:#17695f}.help-card{display:flex;gap:12px;margin-top:26px;padding:15px;border:1px solid #e8eeec;border-radius:9px;background:#fafcfb}.help-icon{display:grid;flex:0 0 auto;place-items:center;width:21px;height:21px;border:1px solid #a5cfc6;border-radius:50%;color:#168276;font-size:12px;font-weight:700}.help-card b{color:#3a4d4f;font-size:11px}.help-card p{margin:5px 0 0;color:#849293;font-size:10px;line-height:1.6}.help-card a{color:#137e72;font-weight:700}.form-footer{position:absolute;right:clamp(34px,8vw,130px);bottom:25px;left:clamp(34px,8vw,130px);display:flex;justify-content:space-between;color:#9ba7a6;font-size:10px}.mobile-brand{display:none}.setup-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#e6f5f0,transparent 53%),var(--paper)}.setup-card{width:min(100%,520px);padding:36px;border:1px solid #e1eae7;border-radius:14px;background:white;box-shadow:0 20px 60px #14232d0d}.setup-card>.brand-lockup{margin-bottom:35px;color:var(--ink);font-size:12px}.setup-card>.form-subtitle{margin-bottom:22px}.setup-card h1{margin:0;font-size:26px;letter-spacing:-.04em}.setup-form input{height:44px;margin:0 0 17px;padding:0 12px;border:1px solid #dce5e2;border-radius:7px;background:white}.setup-footnote{margin:17px 0 0;color:#8a9999;font-size:10px;line-height:1.6}.button-link{margin-top:20px}.dashboard-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f7f9f8}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:27px 16px 17px;border-right:1px solid var(--line);background:white}.side-brand{padding:0 9px 35px;color:var(--ink);font-size:11px}.side-brand .brand-icon{width:31px;height:31px;border-radius:9px;font-size:16px}.nav-caption{margin:0 10px 11px;color:#a0abaa;font-size:9px;font-weight:700;letter-spacing:.16em}.nav-item{display:flex;align-items:center;gap:12px;min-height:40px;margin-bottom:4px;padding:0 11px;border-radius:7px;color:#748181;font-size:12px}.nav-item>span{width:16px;text-align:center;font-size:16px}.nav-item.active{background:#eaf6f3;color:#0b8175;font-weight:700}.nav-item.disabled{opacity:.55}.nav-item small{margin-left:auto;font-size:8px;letter-spacing:.08em}.sidebar-bottom{margin-top:auto}.online-label{display:flex;align-items:center;gap:9px;padding:12px 9px;border-top:1px solid #eff2f1;color:#82908e;font-size:10px}.online-dot{width:6px;height:6px}.user-card{display:flex;align-items:center;gap:10px;padding:11px 8px 3px;border-top:1px solid #eff2f1}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e6f3ef;color:#177e72;font-size:12px;font-weight:700}.user-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.user-info b{overflow:hidden;color:#344446;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.user-info span{color:#97a2a1;font-size:9px}.icon-button{width:28px;height:28px;border:1px solid #e7ecea;border-radius:7px;background:white;color:#697978;cursor:pointer}.topbar{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 39px;border-bottom:1px solid var(--line);background:#fff}.topbar>div{display:flex;align-items:center;gap:11px;font-size:11px}.breadcrumb{color:#8c9998}.breadcrumb-sep{color:#bac4c1}.topbar>div b{color:#405153}.topbar-date{color:#a3adab;font-size:9px;font-weight:700;letter-spacing:.12em}.dashboard-content{width:min(100%,1120px);margin:0 auto;padding:42px 40px}.dash-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.dash-heading .kicker{margin-bottom:8px}.dash-heading h1{margin:0;font-size:27px;letter-spacing:-.045em}.dash-heading p:not(.kicker){margin:7px 0 0;color:#82908f;font-size:12px}.account-pill{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #e5ebe9;border-radius:7px;background:white;color:#61716f;font-size:10px}.setup-banner{display:flex;align-items:center;gap:14px;padding:17px 19px;border:1px solid #d6ebe5;border-radius:10px;background:linear-gradient(100deg,#f0faf7,#f7fbf9)}.banner-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#dcf2eb;color:#168676;font-size:16px}.setup-banner>div:nth-child(2){flex:1}.setup-banner b{color:#31514c;font-size:12px}.setup-banner p{margin:5px 0 0;color:#7b8c89;font-size:11px;line-height:1.6}.banner-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff4ea;color:#27876d;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:36px 0 16px}.section-title h2{margin:0;font-size:15px;letter-spacing:-.02em}.section-title p{margin:5px 0 0;color:#8a9694;font-size:11px}.phase-badge{padding:6px 8px;border:1px solid #e3ebe8;border-radius:5px;color:#84918f;font-size:8px;font-weight:700;letter-spacing:.1em}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.overview-card{position:relative;min-height:174px;padding:17px 16px;border:1px solid #e7edeb;border-radius:9px;background:white}.card-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;font-weight:700}.card-icon.teal{background:#e8f7f3;color:#128575}.card-icon.blue{background:#edf3fa;color:#6487b3}.card-icon.amber{background:#fbf4e6;color:#bb9041}.card-status{position:absolute;top:22px;right:14px;color:#a0aaa8;font-size:8px;font-weight:700;letter-spacing:.08em}.overview-card h3{margin:19px 0 6px;font-size:12px}.overview-card p{max-width:250px;margin:0;color:#84918f;font-size:10px;line-height:1.7}.shop-list{overflow:hidden;border:1px solid #e7edeb;border-radius:9px;background:#fff}.shop-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eff3f1}.shop-row:last-child{border:0}.shop-mark,.empty-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e8f7f3;color:#128575}.shop-details{display:flex;flex:1;flex-direction:column;gap:4px}.shop-details b{font-size:12px}.shop-details span{color:#8a9694;font-size:10px}.shop-status{padding:5px 8px;border-radius:999px;background:#f1f4f3;color:#6c7a78;font-size:9px;text-transform:capitalize}.status-active{background:#e6f5ef;color:#168060}.status-suspended,.status-disabled,.status-rejected{background:#fff1ed;color:#a2493c}.empty-shops{display:flex;min-height:135px;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px dashed #dce6e2;border-radius:9px;background:#fff;text-align:center}.empty-mark{margin-bottom:9px}.empty-shops b{font-size:12px}.empty-shops p{margin:5px 0 0;color:#84918f;font-size:10px}.security-note{display:flex;align-items:center;gap:8px;margin-top:21px;color:#99a4a2;font-size:10px}.security-note:first-letter{color:#2d9b84}.security-note{color:#74827f}.security-note::first-letter{color:#2d9b84}
@media(max-width:1000px){.login-shell{grid-template-columns:minmax(340px,42%) 1fr}.brand-panel{padding:35px 38px}.form-panel{padding-right:45px;padding-left:45px}.form-footer{right:45px;left:45px}.dashboard-shell{grid-template-columns:220px 1fr}.dashboard-content{padding-right:28px;padding-left:28px}.topbar{padding-right:28px;padding-left:28px}}@media(max-width:760px){.login-shell{display:flex;min-height:100vh;flex-direction:column}.brand-panel{display:none}.form-panel{min-height:100vh;padding:82px 25px 65px}.mobile-brand{position:absolute;top:25px;left:25px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.08em}.mobile-brand .brand-icon{width:29px;height:29px;border-radius:8px;font-size:15px}.login-content{width:min(100%,420px)}.form-footer{right:25px;bottom:19px;left:25px}.dashboard-shell{display:block}.sidebar{position:relative;height:auto;padding:13px 19px;border-right:0;border-bottom:1px solid var(--line)}.side-brand{padding:0}.sidebar>.nav-caption,.sidebar>.nav-item,.sidebar-bottom>.online-label{display:none}.sidebar-bottom{position:absolute;top:11px;right:17px;margin:0}.user-card{padding:0;border:0}.user-info{display:none}.icon-button{display:block}.topbar{height:51px;padding:0 20px}.topbar-date{display:none}.dashboard-content{padding:30px 20px}.dash-heading h1{font-size:24px}.overview-grid{grid-template-columns:1fr;gap:10px}.overview-card{min-height:142px}.overview-card h3{margin-top:14px}.section-title{margin-top:29px}.account-pill{font-size:0}.account-pill .online-dot{width:7px}.setup-banner{align-items:flex-start;padding:14px}.banner-check{margin-left:auto}.next-step{align-items:flex-start}.step-number{font-size:16px}.setup-card{padding:26px 22px}.shop-row{gap:8px}.shop-status{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.password-reset-form{display:flex;align-items:center;gap:7px}.password-reset-form input{width:min(220px,38vw);height:34px;padding:0 9px;border:1px solid #dce5e2;border-radius:7px;font-size:11px}.password-reset-form input:focus{border-color:#36a999;outline:0;box-shadow:0 0 0 3px #16988515}.password-reset-form button{flex:0 0 auto}.account-create-form{padding:20px;border:1px solid #e7edeb;border-radius:10px;background:#fff}.account-create-form input{width:100%}@media(max-width:760px){.shop-row:has(.password-reset-form){align-items:flex-start;flex-direction:column}.password-reset-form{width:100%}.password-reset-form input{width:100%;flex:1}}

.form-help{margin:0 0 14px;color:#788987;font-size:11px;line-height:1.6}.order-card{width:min(100%,760px)}.order-card>.form-subtitle{margin-bottom:18px}.order-card select{height:44px;margin:0 0 17px;padding:0 12px;border:1px solid #dce5e2;border-radius:7px;background:#fff;color:#253a3c}.print-preview{display:block;width:100%;max-height:620px;object-fit:contain;margin:0 0 18px;border:1px solid #dce5e2;border-radius:7px;background:#f5f8f7}.image-controls{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}.image-control-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid #e7edeb;border-radius:7px}.image-control-row span{flex:1;min-width:65px;font-weight:700;font-size:11px}.small-button{min-height:30px;padding:0 9px;border:1px solid #dce5e2;border-radius:6px;background:#fff;color:#415653;font-size:10px;cursor:pointer}.small-button:disabled{opacity:.4}.order-total{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:2px 0 17px;padding:13px;border:1px solid #cce7df;border-radius:8px;background:#f2faf7;color:#415653;font-size:12px}.order-total strong{color:#08786c;font-size:18px}.order-total span{width:100%;color:#82908e;font-size:10px}

.pricing-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid #e7edeb;border-radius:9px;background:#fff}.pricing-form label{display:flex;flex-direction:column;gap:6px;color:#425351;font-size:11px;font-weight:700}.pricing-form input{height:38px;width:140px;padding:0 10px;border:1px solid #dce5e2;border-radius:7px}.order-list{display:flex;flex-direction:column;gap:10px}.order-card-row{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #e7edeb;border-radius:9px;background:#fff}.order-card-row>img{width:88px;height:88px;object-fit:cover;border:1px solid #e7edeb;border-radius:6px}.order-info{display:flex;min-width:180px;flex:1;flex-direction:column;gap:4px}.order-info b{font-size:12px}.order-info span,.order-info small{color:#81908d;font-size:10px}.order-info strong{color:#0b8175;font-size:13px}.review-form{display:flex;gap:6px;flex-wrap:wrap}.review-form input{width:160px;min-height:32px;padding:0 8px;border:1px solid #dce5e2;border-radius:6px;font-size:10px}.reject-button{color:#a13e34}.shop-details .small-button{width:max-content;margin-top:4px}#new-order-toast{position:fixed;z-index:5;right:18px;bottom:18px;padding:13px 16px;border-radius:9px;background:#0b8175;color:#fff;box-shadow:0 8px 30px #14232d30}#new-order-toast a{color:#fff;font-weight:700;font-size:12px}@media(max-width:760px){.order-card-row{align-items:flex-start;flex-wrap:wrap}.order-card-row>img{width:64px;height:64px}.review-form{width:100%}.review-form input{flex:1}}
.order-preview-expired{display:grid;place-items:center;min-width:100px;min-height:90px;padding:12px;background:#f2f5f4;color:#52615e;font-size:.8rem;text-align:center}
