@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#16212b;font-synthesis:none;background:#f7f5ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.appbar{background:#fff;border-bottom:1px solid #e5e2da;align-items:center;gap:34px;height:78px;padding:0 5vw;display:flex}.brand{align-items:center;gap:10px;min-width:245px;display:flex}.brandmark{color:#fff;background:#e95c4f;border-radius:11px;place-items:center;width:36px;height:36px;font:700 20px Space Grotesk;display:grid}.brand strong{letter-spacing:-.04em;font:700 18px Space Grotesk;display:block}.brand small{color:#8b908c;font-size:11px;display:block}.mode{letter-spacing:.08em;color:#788078;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.dot{background:#6cbf86;border-radius:50%;width:7px;height:7px}.tabs{gap:4px;margin-left:auto;display:flex}.tabs button{color:#758079;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font:600 13px DM Sans;display:flex}.tabs button.active{color:#16212b;background:#f2eeea}.shell{max-width:1180px;margin:0 auto;padding:62px 24px 90px}.welcome{justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px;display:flex}.eyebrow{color:#d55449;text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;font-size:11px;font-weight:700}.welcome h1,.admin-head h1{letter-spacing:-.08em;margin:0;font:700 clamp(48px,7vw,82px)/.88 Space Grotesk}.welcome h1 em,.admin-head h1 em{color:#e95c4f;font-style:normal}.lede{color:#747a75;max-width:520px;margin:25px 0 0;font-size:17px}.welcome-card{color:#fff;background:#17252c;border-radius:17px;gap:9px;min-width:190px;padding:25px 30px;display:grid}.welcome-card svg{color:#9ad7a5}.welcome-card strong{font:600 17px Space Grotesk}.welcome-card span{color:#b9c5c4;font-size:13px;line-height:1.7}.workspace{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.chat-card,.catalog-card,.panel{background:#fff;border:1px solid #e7e2d9;border-radius:18px;box-shadow:0 14px 40px #27352b0a}.chat-head{border-bottom:1px solid #eeeae3;align-items:center;gap:11px;height:72px;padding:0 22px;display:flex}.avatar{color:#c74e45;background:#f8d8d2;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.chat-head strong,.chat-head span{display:block}.chat-head strong{font:600 14px Space Grotesk}.chat-head span{color:#9a9d98;font-size:11px}.online{margin-left:auto;color:#5eaf76!important}.messages{height:420px;padding:24px;overflow:auto}.message{margin:0 0 18px;display:flex}.message.user{justify-content:flex-end}.bubble{color:#37423e;background:#f2f0ec;border-radius:15px 15px 15px 4px;max-width:78%;padding:13px 16px;font-size:14px}.message.user .bubble{color:#fff;background:#173038;border-radius:15px 15px 4px}.bubble small{color:#ba6860;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:700;display:block}.message.user .bubble small{color:#9cd0c4}.typing{color:#8d958f}.suggestions{flex-wrap:wrap;gap:7px;padding:0 22px 16px;display:flex}.suggestions button{color:#727972;cursor:pointer;background:#fff;border:1px solid #e4dfd5;border-radius:999px;padding:8px 11px;font-size:11px}.suggestions button:hover{color:#ba5147;border-color:#df847c}.composer{border-top:1px solid #eeeae3;gap:9px;padding:14px 16px;display:flex}.composer input{background:#f6f4f0;border:0;border-radius:11px;outline:0;flex:1;padding:13px 14px;font:14px DM Sans}.composer button,.primary{color:#fff;cursor:pointer;background:#e95c4f;border:0;border-radius:11px;padding:0 15px}.catalog-card{padding:20px}.card-title{border-bottom:1px solid #eeeae3;align-items:center;gap:8px;padding-bottom:16px;display:flex}.card-title strong{font:600 15px Space Grotesk}.card-title span{color:#9b9e98;margin-left:auto;font-size:11px}.empty{text-align:center;color:#a1a49d;align-content:center;place-items:center;gap:10px;height:390px;font-size:13px;display:grid}.results{gap:9px;padding-top:14px;display:grid}.product{text-align:left;cursor:pointer;background:#fff;border:1px solid #eeeae3;border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.product:hover{background:#fffaf9;border-color:#e8a099}.product-emoji{font-size:25px}.product strong,.product small{display:block}.product strong{font-size:12px}.product small{color:#89908a;margin-top:4px;font-size:10px}.product svg{color:#d35b51;margin-left:auto}.confirm-overlay{z-index:30;background:#13212699;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm{background:#fff;border-radius:18px;width:100%;max-width:440px;padding:30px;position:relative;box-shadow:0 25px 80px #0004}.close{color:#89908a;cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;top:14px;right:18px}.confirm h2{letter-spacing:-.05em;margin:0 0 24px;font:600 28px Space Grotesk}.confirm-product{background:#f7f5f1;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.confirm-product>span{font-size:28px}.confirm-product strong,.confirm-product small{display:block}.confirm-product small{color:#89908a;margin-top:3px;font-size:12px}.confirm label{justify-content:space-between;align-items:center;margin:18px 0;font-size:13px;display:flex}.confirm select{border:1px solid #ddd8d0;border-radius:7px;padding:7px}.sum{border-top:1px solid #e9e4dc;grid-template-columns:1fr auto;gap:9px;margin-bottom:22px;padding-top:15px;font-size:13px;display:grid}.sum span{color:#8c928b}.sum strong{font-size:15px}.primary{width:100%;height:45px;font-weight:700}.legal-note{text-align:center;color:#969a94;margin:14px 0 0;font-size:11px}.admin-head{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.admin-head .primary{width:auto;padding:0 18px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.metrics>div{background:#fff;border:1px solid #e7e2d9;border-radius:14px;padding:18px}.metrics small,.metrics strong{display:block}.metrics small{color:#8d938c;font-size:11px}.metrics strong{margin-top:8px;font:600 30px Space Grotesk}.admin-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{min-height:250px;padding:22px}.panel-head{border-bottom:1px solid #eeeae3;justify-content:space-between;margin-bottom:12px;padding-bottom:15px;display:flex}.panel-head span{color:#9b9e98;font-size:11px}.muted{color:#90968f;font-size:13px}.order,.test-row{border-bottom:1px solid #f0ede8;align-items:center;gap:10px;padding:13px 0;display:flex}.order svg{color:#5eaf76}.order span{color:#89908a;font-size:11px;display:block}.order b{margin-left:auto;font-size:13px}.test-row span:first-child{color:#5eaf76;font-weight:700}.test-row b{color:#5eaf76;margin-left:auto;font-size:11px}.notice{color:#7c857d;background:#eff7ef;border-radius:12px;align-items:center;gap:9px;margin-top:18px;padding:14px;font-size:12px;display:flex}.notice svg{color:#5eaf76;flex:none}@media (width<=800px){.appbar{gap:12px;padding:0 16px}.brand{min-width:0}.brand small,.mode{display:none}.tabs button{padding:9px}.shell{padding:38px 16px}.welcome{display:block}.welcome-card{align-items:center;gap:10px;margin-top:26px;display:flex}.welcome-card span{margin-left:auto}.workspace,.admin-grid{grid-template-columns:1fr}.messages{height:360px}.metrics{grid-template-columns:1fr 1fr}.admin-head{display:block}.admin-head .primary{height:45px;margin-top:24px}.catalog-card{min-height:200px}.empty{height:180px}}
