@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#e85b35;--ink:#232c36;--muted:#7d858d;--line:#e8ebee;--bg:#f7f8fa;--green:#29866b;--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.035em}h1{font-size:30px;line-height:1.25}h2{font-size:20px}h3{font-size:16px}p{line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button,.button{border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}button:hover,.button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:white;border-color:var(--accent)}.dark{background:var(--ink);color:white;border-color:var(--ink)}.ghost{background:transparent;border-color:transparent}.small{font-size:12px;padding:7px 10px}.danger{color:#b53131}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope;letter-spacing:-1px}.brand img{width:37px}.brand span span{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;text-transform:uppercase;color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:20px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;font-size:11px;font-weight:700;background:#edf7f1;color:#328565}.pill.orange{background:#fff0e7;color:#d06837}.pill.gray{background:#f0f2f5;color:#818892}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-head p{margin:5px 0 0;font-size:12px;color:var(--muted)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:white;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 13px 29px}.store-switch{border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;gap:10px;align-items:center;margin-bottom:29px}.store-avatar{background:#fff0e7;color:var(--accent);width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-weight:800}.store-switch strong{display:block;font-size:12px}.store-switch small{font-size:10px;color:var(--muted)}.nav-label{padding:0 13px;font-size:10px;color:#9aa0a7;font-weight:700;letter-spacing:1.5px;margin:5px 0 12px}.nav-btn{width:100%;justify-content:flex-start;border:0;padding:13px 15px;margin-bottom:4px;font-size:13px;font-weight:500;color:#757e88}.nav-btn.active{color:var(--accent);background:#fff0ea;font-weight:700}.nav-btn .badge{margin-left:auto;background:#fde0d3;padding:1px 7px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto}.support{background:#f8f9fb;padding:15px;border-radius:10px;margin-bottom:16px;font-size:12px}.support p{font-size:11px;color:var(--muted);margin:6px 0 10px}.workspace{margin-left:242px}.topbar{height:83px;background:white;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{color:#404b55;font-weight:500;margin-left:12px}.topbar .account{border-left:1px solid var(--line);padding-left:20px}.avatar{width:34px;height:34px;border-radius:50%;background:#fbecd9;color:#907450;display:grid;place-items:center;font-weight:700}.content{padding:32px 38px;max-width:1550px;margin:auto}.greeting{margin-bottom:27px}.greeting p{color:var(--muted);font-size:13px;margin:9px 0 0}.greeting h1 span{color:var(--accent)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;background:#fff1e9;color:var(--accent);border-radius:9px}.metric:nth-child(2) .metric-icon{background:#eef7f3;color:#419479}.metric:nth-child(3) .metric-icon{background:#f2effc;color:#9481c8}.metric:nth-child(4) .metric-icon{background:#fff8e9;color:#c29c44}.metric label{font-size:12px;color:var(--muted)}.metric strong{font:800 29px Manrope;display:block;margin:14px 0 6px}.metric small{font-size:11px;color:#8b939b}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px}.banner{position:relative;overflow:hidden;background:#fcf0e6;border:1px solid #f4e6d9;border-radius:14px;padding:25px 29px;margin-bottom:24px;min-height:175px;display:flex;align-items:center}.banner h2{max-width:320px;font-size:23px}.banner p{font-size:12px;color:#a1816e;max-width:330px;margin:8px 0 17px}.banner img{width:210px;position:absolute;right:-14px;bottom:-34px;transform:rotate(-12deg)}.banner>div{z-index:1;max-width:72%}.banner .button{padding:8px 12px;font-size:11px}.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search{position:relative;flex:1}.search input{padding-left:37px}.search .icon{position:absolute;top:12px;left:12px;color:#9ca4ad}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{font-size:12px;padding:8px 13px;font-weight:500;background:#f7f8fa;border:1px solid #f0f2f4;color:#7f8790}.tab.active{background:#fff0ea;color:var(--accent);border-color:#ffd8c8}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;position:relative}.product-photo{height:140px;background:#f8f3eb;position:relative;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo .pill{position:absolute;top:10px;left:10px;background:white;font-size:9px}.product-info{padding:15px}.product-info h3{font:700 13px Manrope;margin-bottom:5px}.product-info p{color:var(--muted);font-size:11px;margin:0 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price{font:800 16px Manrope}.product-actions{border-top:1px solid var(--line);margin-top:13px;padding-top:11px;display:flex;align-items:center;justify-content:space-between}.product-actions button{font-size:11px;padding:4px;border:0;color:#7d8790;background:transparent}.product-actions .pill{padding:4px 6px;font-size:9px}.preview-card{background:#263a33;color:white;padding:23px;border-radius:14px}.preview-card .eyebrow{color:#9eafa6;font-size:9px}.preview-card h2{font-size:22px;margin:11px 0}.preview-card p{font-size:12px;color:#b1c1b9}.mini-phone{background:#fff;color:var(--ink);border:6px solid #43564c;border-radius:23px;padding:12px;margin:24px auto 20px;width:190px;box-shadow:0 12px 20px #0002;transform:rotate(4deg)}.phone-cover{height:66px;border-radius:10px;background:#f5e1cc;overflow:hidden}.phone-cover img{width:100%;height:100%;object-fit:cover}.mini-phone h4{font-size:11px;margin:10px 0 4px}.mini-phone p{font-size:8px;color:#9aa0a7;margin:0 0 12px}.mini-item{display:flex;gap:7px;font-size:8px;border-top:1px solid #f1f2f3;padding:9px 0}.mini-item img{width:41px;height:35px;object-fit:cover;border-radius:5px}.mini-item strong{font-size:8px}.mini-item b{display:block;color:var(--accent);margin-top:4px}.preview-card .button{width:100%;font-size:12px}.checklist{margin-top:20px}.checklist ul{padding:0;list-style:none;display:grid;gap:18px}.checklist li{display:flex;align-items:center;gap:10px;font-size:12px}.checklist li span{width:19px;height:19px;border-radius:50%;background:#ecf5ef;color:#46916a;display:grid;place-items:center;font-size:10px}.progress{height:5px;background:#f1f3f5;border-radius:5px;margin-top:16px;overflow:hidden}.progress i{display:block;height:100%;background:#438565}.tiny{font-size:11px}.footer-note{margin-top:30px;text-align:center;color:#a2a8b0;font-size:10px}.empty{padding:45px 15px;text-align:center;grid-column:1/-1;color:var(--muted)}.empty h3{color:var(--ink);margin:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px;font-size:12px;font-weight:600}.field.full{grid-column:1/-1}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #dfe4e8;border-radius:8px;background:white;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e85b3517}textarea{resize:vertical;min-height:84px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}input[type=color]{height:42px;padding:5px}.check{display:flex;gap:8px;align-items:center;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.hint{font-size:11px;font-weight:400;color:var(--muted);line-height:1.6}dialog{border:0;border-radius:18px;padding:28px;max-width:660px;width:calc(100% - 30px);box-shadow:0 25px 100px #0003;color:var(--ink)}dialog::backdrop{background:#19232b70;backdrop-filter:blur(4px)}dialog .section-head{margin-bottom:25px}dialog form{margin:0}.notice{padding:13px 17px;background:#fff6e7;color:#947544;border:1px solid #f1e4cd;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:20px}.error{color:#b73737;background:#fff0f0;padding:10px;border-radius:7px;font-size:12px;display:none;margin-top:14px}.error:not(:empty){display:block}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#273b32;color:white;padding:13px 23px;z-index:100;box-shadow:0 5px 20px #0002;border-radius:10px;display:none;max-width:90%}#toast.show{display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:15px 10px;border-bottom:1px solid var(--line)}td{padding:17px 10px;border-bottom:1px solid var(--line);font-size:12px}.loyalty-card{border-radius:18px;background:#263a33;color:white;padding:30px}.loyalty-card p{color:#b9c9c1}.stamps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.stamp{width:36px;height:36px;border:1px dashed #ffffff70;border-radius:50%;display:grid;place-items:center;color:#b4c9b9}.stamp.filled{background:#f7d77c;color:#3e4935;border-color:transparent}.public-nav{max-width:1220px;margin:auto;padding:25px 25px;display:flex;justify-content:space-between;align-items:center;background:transparent}.public-nav nav{display:flex;gap:26px;font-size:13px;align-items:center}.landing{background:#fffcf7}.hero{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:75px 25px 90px}.hero h1{font-size:62px;line-height:1.1;letter-spacing:-3px;max-width:600px;margin:20px 0 25px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:16px;color:#7f827c;max-width:460px}.hero .row{margin-top:30px}.hero-art{position:relative;background:#f3e2c6;border-radius:180px 180px 32px 32px;padding:35px 30px 0;min-height:450px;display:flex;align-items:center}.hero-art>img{width:100%;filter:drop-shadow(0 25px 15px #83562925)}.floating{position:absolute;background:white;border-radius:13px;padding:16px;box-shadow:0 10px 40px #40301b12;font-size:12px}.floating.first{left:-25px;bottom:70px}.floating.second{right:-15px;top:90px}.floating b{display:block;margin:6px 0}.public-section{max-width:1220px;margin:auto;padding:65px 25px}.public-section>h2{font-size:35px;text-align:center}.public-section>.muted{text-align:center;margin-bottom:35px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.features .panel{padding:30px;background:white}.features h3{margin-top:17px}.features p{font-size:13px;color:var(--muted)}.public-footer{padding:35px 25px;max-width:1170px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#263a33;color:white;padding:60px;display:flex;flex-direction:column;justify-content:center}.auth-art .brand{color:white;margin-bottom:50px}.auth-art h1{font-size:48px;max-width:450px}.auth-art p{color:#b9c7bd;max-width:400px}.auth-art>img{max-width:350px;align-self:center;margin-top:30px}.auth-box{padding:50px 35px;display:grid;place-items:center;background:white}.auth-box>div{width:100%;max-width:410px}.auth-box h1{font-size:28px;margin:25px 0 9px}.auth-box .field{margin-top:17px}.auth-box .primary{width:100%;margin-top:24px}.auth-box .switch-auth{text-align:center;font-size:12px;margin:23px 0}.text-link{color:var(--accent);text-decoration:underline}.boot{min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:25px;text-align:center}.boot img{width:65px}.spinner{border:3px solid #eee;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-toggle{display:none}.menu-public{max-width:1020px;margin:30px auto;padding:0 20px}.menu-cover{padding:48px;border-radius:22px;background:#fff0e3;margin-bottom:25px}.menu-cover img{width:70px;height:70px;object-fit:cover;border-radius:15px}.menu-public .product-photo{height:190px}.menu-public .product-grid{grid-template-columns:repeat(3,1fr)}.loading-overlay{position:fixed;inset:0;z-index:200;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loading-overlay img{width:65px;border-radius:16px}.upload-preview{width:70px;height:60px;object-fit:cover;border-radius:8px}.full-width{width:100%}.status-row{display:flex;gap:12px;align-items:center;margin-top:15px}button:focus-visible,a:focus-visible{outline:3px solid #e8ac48;outline-offset:3px}
@media(min-width:1500px){.product-photo{height:175px}.main-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1150px){.sidebar{width:210px;padding:25px 12px}.workspace{margin-left:210px}.content{padding:26px 24px}.topbar{padding:0 24px}.main-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checklist{margin-top:0}.mini-phone{display:none}.banner img{right:30px}.hero h1{font-size:47px}.hero{gap:30px}.hero-art{min-height:350px}}@media(max-width:760px){h1{font-size:25px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:10px 0 30px #0001}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-toggle{display:inline-flex;padding:6px}.topbar{height:68px;padding:0 17px}.topbar .breadcrumb,.account-name,.topbar .visit-label{display:none}.content{padding:25px 17px}.greeting{align-items:flex-start;gap:15px}.greeting .button{padding:10px;font-size:11px}.overview-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:25px}.main-grid{gap:16px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.panel{padding:18px}.product-photo{height:135px}.banner{padding:21px;min-height:175px}.banner img{width:180px;right:-45px;bottom:-17px;opacity:.7}.banner h2{font-size:20px}.right-column{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-box{min-height:100vh;padding:30px 24px}.public-nav nav>a:not(.button){display:none}.public-nav{padding:20px}.public-nav nav{gap:8px}.public-nav .button{font-size:11px;padding:9px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding:35px 24px 45px;gap:35px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{min-height:320px;max-width:420px;margin:auto}.floating.first{left:-10px}.floating.second{right:-5px}.features{grid-template-columns:1fr}.public-section{padding:40px 24px}.public-section>h2{font-size:28px}.public-footer{gap:20px}.menu-public .product-grid{grid-template-columns:1fr 1fr}.menu-cover{padding:25px}.toolbar{flex-wrap:wrap}.toolbar .search{min-width:170px}.row.wrap{flex-wrap:wrap}.section-head{gap:8px}.section-head h2{font-size:18px}}@media(max-width:380px){.product-grid,.menu-public .product-grid{grid-template-columns:1fr}.product-photo{height:180px}.overview-grid{grid-template-columns:1fr 1fr}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:25px}.nav-btn,.store-switch{flex-shrink:0}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}