:root{--background:#fff;--foreground:#082957;--card:#fff;--card-foreground:#082957;--popover:#fff;--popover-foreground:#082957;--primary:#082957;--primary-foreground:#fff;--secondary:#edf6fc;--secondary-foreground:#082957;--muted:#f1f5f9;--muted-foreground:#59677a;--accent:#eaf6ff;--accent-foreground:#082957;--border:#dbe3ed;--input:#dbe3ed;--ring:#009fe3;--radius:.75rem;--destructive:#b92339}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#082957;background:#fff;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}header{height:102px;border-bottom:1px solid #e8edf3;display:flex;justify-content:space-between;align-items:center;padding:12px 6vw}header img{width:270px;display:block}header>span{font-size:14px;color:#5f6e81}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;min-height:720px}.brand-panel{background:#f2f8fd;padding:55px 12% 30px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#456482}h1{font-size:clamp(36px,4.2vw,58px);letter-spacing:-2px;line-height:1.1;margin:20px 0}h1 em{font-style:normal;color:#009fe3}.brand-panel p{color:#52657b;margin:0}.brand-art{display:block;width:285px;max-width:85%;align-self:center;margin:30px auto 20px;mix-blend-mode:multiply}.brand-bottom{display:flex;justify-content:space-between;width:100%;font-size:12px;font-weight:700;letter-spacing:1px;padding-top:24px;border-top:1px solid #dbe5ef}.brand-bottom span:nth-child(2){color:#d90078}.brand-bottom span:nth-child(3){color:#087ead}.form-panel{padding:60px 10%;display:flex;align-items:center}.form-wrap{width:100%;max-width:460px;margin:auto}h2{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:16px 0 10px}.muted{color:#697689;margin:0 0 26px}.auth-switch{display:flex;background:#f1f5f9;border-radius:9px;padding:4px;margin:28px 0}.auth-switch button{border:0;background:none;flex:1;padding:10px;border-radius:6px;color:#617186;font-size:14px;font-weight:600}.auth-switch .active{background:#fff;color:#082957;box-shadow:0 2px 5px #08295712}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input,select,textarea{display:block;width:100%;border:1px solid #d5dfeb;border-radius:8px;padding:13px 14px;background:#fff;color:#082957;margin-top:7px;font-weight:400;font-size:16px}input:focus,select:focus,textarea:focus{border-color:#009fe3;outline:2px solid #009fe31c}input::placeholder{color:#7d8899}.primary{display:block;width:100%;border:0;background:#082957;color:white;border-radius:8px;padding:14px 20px;font-weight:600;margin-top:26px}.primary:hover{background:#12477d}.primary:disabled{opacity:.5;cursor:wait}.help{font-size:14px;color:#677488;margin:28px 0 0;text-align:center}.help a{color:#087caf;text-decoration:none;font-weight:600}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 6vw;border-top:1px solid #e8edf3;font-size:12px;color:#647287}footer a{text-decoration:none}footer span a{line-height:2;color:#516880}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row label{margin:9px 0}.notice{background:#edf7ff;border:1px solid #cde7f8;border-radius:8px;padding:14px;font-size:14px;color:#265a7b}.error{background:#fff0f2;color:#a51e37;border-color:#f4c6ce}.success{background:#ecfaf3;color:#1a6744;border-color:#bde5ce}.link-button{border:0;background:none;color:#087caf;padding:0;font-size:14px}.form-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:20px 0}.dashboard{max-width:1150px;margin:auto;padding:45px 24px;min-height:72vh}.dashboard h1{font-size:36px;letter-spacing:-1px}.badge{padding:5px 10px;background:#e7f2fb;border-radius:30px;font-size:12px;font-weight:700;display:inline-block}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:25px;border:1px solid #dbe3ed;border-radius:12px;margin:24px 0}.details dt{font-size:12px;color:#697689}.details dd{margin:3px 0;overflow-wrap:anywhere}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.admin-tabs button,.secondary{border:1px solid #dbe3ed;background:#fff;border-radius:8px;padding:9px 14px;font-size:14px}.admin-tabs button.active{background:#082957;color:#fff}.customer{border:1px solid #dbe3ed;border-radius:12px;padding:22px;margin:18px 0}.customer h3{margin:0}.customer .details{padding:0;border:0}.actions{display:flex;gap:12px}.small{font-size:12px;color:#66768a}select:disabled{background:#f4f6f9;color:#738095}
@media(max-width:760px){header{height:82px;padding:12px 24px}header img{width:215px}header>span{display:none}.auth-layout{display:block;min-height:0}.brand-panel{padding:28px 24px}.brand-panel h1{font-size:32px;margin:10px 0;letter-spacing:-1px}.brand-panel h1 br{display:none}.brand-panel p,.brand-art,.brand-bottom{display:none}.form-panel{padding:32px 24px 46px}.form-wrap{max-width:460px}h2{font-size:29px}footer{padding:22px 24px}.row{gap:12px}.details{grid-template-columns:1fr}.brand-bottom{gap:10px}}
.auth-switch a{flex:1;text-align:center;padding:10px;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600}.auth-switch a.active{background:#fff;box-shadow:0 2px 5px #08295712}.check{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}.check input{width:17px;height:17px;display:inline-block;margin:0;accent-color:#082957;padding:0}.form-meta a{color:#087caf;font-size:14px;text-decoration:none}.optional{font-weight:400;color:#697689}.section-label{font-size:17px;border-top:1px solid #e5ebf2;padding-top:25px;margin-top:25px}.section-space{margin-top:34px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-top h1{margin-bottom:20px}.dashboard .notice{margin:24px 0}.search-form{display:flex;gap:12px;margin:20px 0;max-width:600px}.search-form input{margin:0}.customer .badge{margin-top:8px}.customer dt{text-transform:uppercase;letter-spacing:.5px}.empty-state{padding:50px 20px;background:#f5f9fc;border:1px dashed #ccd9e8;border-radius:10px;text-align:center;margin:24px 0;color:#51657c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.brand-panel{justify-content:center}.brand-art{height:auto}.primary:focus-visible,.secondary:focus-visible{outline:3px solid #009fe3}.secondary:disabled{opacity:.45;cursor:default}.actions{flex-wrap:wrap;align-items:center}a.secondary{display:inline-block;text-decoration:none}.customer .details{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.dashboard-top{align-items:flex-start;flex-direction:column}.customer .details{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard h1{font-size:30px}.form-meta{gap:10px;flex-wrap:wrap}.brand-panel{align-items:flex-start}}@media(max-width:400px){.row{grid-template-columns:1fr}.customer .details{grid-template-columns:1fr}}
header img{height:auto}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20000;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 24px #0b3d2559;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.whatsapp-float svg{width:34px;height:34px;fill:currentColor}.whatsapp-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 28px #0b3d2573}.whatsapp-float:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px #158c43,0 12px 28px #0b3d2573}@media(max-width:760px){.whatsapp-float{right:15px;bottom:15px;width:56px;height:56px}.whatsapp-float svg{width:31px;height:31px}}
header{gap:16px}.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto}.header-actions span{font-size:14px;color:#5f6e81}.header-actions a{white-space:nowrap}.header-actions a:hover{background:#edf6fc}@media(max-width:760px){.header-actions span{display:none}.header-actions{gap:0}header img{max-width:48vw}header{gap:12px}}
.brand-panel{padding:48px 32px}.brand-panel .brand-description{font-size:16px;white-space:nowrap}.brand-art{width:440px;max-width:100%;margin:28px auto 0}.footer-email{margin-left:auto;text-align:right;align-self:flex-end;color:#516880}@media(min-width:761px) and (max-width:1150px){.brand-panel{padding:40px 20px}.brand-panel .brand-description{font-size:14px;white-space:normal}}@media(max-width:760px){.brand-panel{padding:28px 24px}footer{gap:14px;flex-wrap:wrap}.footer-email{margin-left:auto}}
.brand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.brand-heading h1{font-size:clamp(32px,3.5vw,50px);flex:1;letter-spacing:-1.5px}.heading-cart{width:clamp(90px,11vw,160px);height:auto;mix-blend-mode:multiply;animation:cart-drift 3s ease-in-out 3}.brand-art{height:auto}textarea{resize:vertical;min-height:140px}@keyframes cart-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.heading-cart{animation:none}}@media(max-width:760px){.brand-heading h1{font-size:28px}.brand-heading h1 br{display:block}.heading-cart{width:90px}}
/* Keep the brand in the first viewport regardless of form length. */
.auth-layout{background:linear-gradient(to right,#f2f8fd 50%,#fff 50%);align-items:start}.brand-panel{position:sticky;top:0;align-self:start;min-height:720px;justify-content:flex-start;padding:48px 32px 32px;gap:0}.brand-heading{margin:10px 0 8px}.brand-heading h1{font-size:clamp(32px,3.8vw,54px);margin:8px 0 14px}.brand-art{width:100%;max-width:640px;margin:36px auto 0}.form-panel{align-items:flex-start;min-width:0;min-height:720px}.heading-cart{animation:cart-cruise 2.4s ease-in-out infinite;transform-origin:center;width:clamp(95px,11vw,160px)}@keyframes cart-cruise{0%,100%{transform:translate(-12px,4px) rotate(-4deg)}50%{transform:translate(10px,-14px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.heading-cart{animation:none}}@media(max-width:1150px) and (min-width:761px){.brand-panel{padding:40px 20px}.brand-heading h1{font-size:34px}.brand-art{margin-top:32px}.heading-cart{width:100px}}@media(max-width:760px){.auth-layout{background:#fff}.brand-panel{position:static;min-height:0;padding:28px 24px}.form-panel{min-height:0}.brand-heading{margin:0}.brand-heading h1{font-size:28px;margin:10px 0}.heading-cart{width:85px}}