:root{
  --bg:#fcfbfe;
  --panel:#fff;
  --panel2:#faf7fc;
  --line:#e8dfea;
  --text:#2f0d3b;
  --muted:#786c7c;
  --purple:#4f006b;
  --magenta:#77108f;
  --cream:#ffbf00;
  --green:#48a900;
  --red:#d63c59;
  --shadow-sm: 0 4px 12px rgba(79, 0, 107, 0.04), 0 8px 24px rgba(79, 0, 107, 0.04);
  --shadow: 0 8px 24px rgba(79, 0, 107, 0.05), 0 24px 50px rgba(79, 0, 107, 0.08);
  --shadow-hover: 0 12px 32px rgba(79, 0, 107, 0.08), 0 32px 64px rgba(79, 0, 107, 0.12);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body{background:var(--bg);color:var(--text)}
.brand{width:100%;margin-bottom:18px}
.brand-logo{display:block;width:148px;height:112px;margin:auto;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.brand.compact .brand-logo{width:108px;height:75px;margin:0;object-fit:cover}
.sidebar{background:#fff;border-color:var(--line);padding-top:18px;box-shadow:var(--shadow-sm)}
.store-open{border-color:#b9df9f;background:#f1faea;color:#367e05}
.sidebar nav{gap:2px}.sidebar nav button{color:#66566d;padding:11px 12px;transition:var(--transition)}
.sidebar nav button:hover,.sidebar nav button.active{background:linear-gradient(90deg,#f3e7f7,#fff);color:var(--purple);border-left-color:var(--cream)}
.promo-card{margin-top:18px;margin-bottom:42px;padding:16px;border-color:#f1da7a;background:linear-gradient(145deg,#fff9dc,#fff);box-shadow:0 8px 24px rgba(255, 191, 0, 0.12);transition:var(--transition)}
.promo-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255, 191, 0, 0.18)}
.promo-card small{color:var(--purple)}
.promo-card b{color:var(--purple)}
.promo-card p{color:#716475}
.admin-link{position:absolute;left:24px;right:24px;bottom:8px;margin:0;padding:9px 0;background:#fff;color:#6f5f76;text-align:left;z-index:2;transition:var(--transition)}
.admin-link:hover{color:var(--purple)}
.public{background:var(--bg)}
.topbar{background:rgba(255,255,255,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(234, 223, 240, 0.6);box-shadow:0 4px 24px rgba(79, 0, 107, 0.04)}
.topbar a{color:#5f5264;transition:var(--transition)}
.topbar a:hover{color:var(--purple)}
.topbar a.active{color:var(--purple)}
.topbar a.active:after{background:var(--cream)}
.address{border-color:var(--line);background:#fff;color:var(--text);transition:var(--transition);box-shadow:var(--shadow-sm)}
.address:hover{border-color:#d5c5dc;box-shadow:var(--shadow)}
.address small{color:#988c9d}.address em{color:var(--purple)}
.icon-btn{color:var(--purple);transition:var(--transition)}
.icon-btn:hover{background:#f3e7f7;transform:scale(1.05)}
.cart-btn,.primary,.add-btn{background:linear-gradient(135deg,#6f088e,#4f006b);box-shadow:0 8px 20px rgba(79, 0, 107, 0.2);transition:var(--transition)}
.cart-btn:hover,.primary:hover,.add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(79, 0, 107, 0.3);background:linear-gradient(135deg,#7e0d9e,#5d007c)}
.cart-btn i{background:var(--cream);color:var(--purple)}
.hero{background:radial-gradient(circle at 76% 43%,#f3d6f7 0,#ead2f1 23%,transparent 44%),linear-gradient(115deg,#fffaf0 0 43%,#fbf2fd 80%,#fff 100%);border-color:#eadff0;box-shadow:var(--shadow)}
.hero:after{background-image:radial-gradient(#4f006b20 1px,transparent 1px)}
.hero-copy p{color:#765208}.hero-copy h1{color:var(--purple);text-shadow:0 12px 24px rgba(79, 0, 107, 0.1)}
.hero-copy .line{background:var(--cream);box-shadow:0 4px 12px rgba(255, 191, 0, 0.4)}
.hero-copy h2{color:var(--purple)}
.hero-copy>span{color:#716476}
.cup{background:linear-gradient(170deg,#6f088e,#4f006b 42%,#2e003c 100%)}
.cup:before{background:radial-gradient(ellipse,#4f006b 0 58%,#ffbf00 60% 68%,#4f006b 70%)}
.cup span{color:#fff}.cup b{color:var(--cream)}
.berry{background:radial-gradient(circle at 35% 30%,#bb4bcc,#68117e 45%,#31003e)}
.hero-tag{color:#725779}.hero-tag b{color:#755400}
.chip{border-color:#eadff0;background:#fff;color:#625468;transition:var(--transition);box-shadow:0 2px 8px rgba(79,0,107,0.02)}
.chip:hover{border-color:#d5c5dc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,0,107,0.06)}
.chip.active{border-color:#831b99;background:#f8f2f9;color:#59006f;box-shadow:0 4px 12px rgba(79,0,107,0.08)}
.section-head small,.loyalty small,.modal-body>small{color:var(--purple);letter-spacing:2.5px;font-size:11px}
.ghost{border-color:#ddcee4;background:#fff;color:var(--purple);transition:var(--transition)}
.ghost:hover{background:#f8f2f9;border-color:#ccaec9}
.product-card{border-color:var(--line);background:#fff;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:24px}
.product-card:hover{border-color:#d5c5dc;transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.product-visual{background:radial-gradient(circle at 50% 90%,color-mix(in srgb,var(--tone),white 35%),#fbf7fc 68%)}
.product-visual span{box-shadow:0 4px 12px rgba(255,191,0,0.25)}
.product-info p{color:#786c7c}
.product-bottom small{color:#918597;letter-spacing:0.5px}.product-bottom b{color:var(--purple)}
.loyalty{border-color:#e1bf3d;background:linear-gradient(120deg,#fff8d8,#fff 55%,#fcf3fe);box-shadow:var(--shadow)}
.loyalty h2{color:var(--purple)}.loyalty p{color:#6f6374}
.points>b{color:var(--purple);text-shadow:0 4px 12px rgba(79,0,107,0.1)}.points>div{background:#efe7f1;box-shadow:inset 0 2px 4px rgba(0,0,0,0.04)}.points i{background:linear-gradient(90deg,var(--purple),var(--cream));box-shadow:0 2px 8px rgba(255,191,0,0.4)}
footer{border-color:var(--line);color:#756979;background:#fff}footer small{border-color:var(--line)}
.toast{background:var(--purple);color:#fff;box-shadow:var(--shadow-hover)}
.drawer-overlay,.modal-overlay{background:rgba(59, 22, 69, 0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:var(--transition)}
.cart-drawer{background:#fff;border-color:var(--line);color:var(--text);box-shadow:-20px 0 60px rgba(79,0,107,0.15)}
.cart-drawer header button,.modal-close{background:#f1e8f4;color:var(--purple);transition:var(--transition)}
.cart-drawer header button:hover,.modal-close:hover{background:#e7d5ec;transform:scale(1.1) rotate(90deg)}
.cart-item{border-color:var(--line);transition:var(--transition)}.cart-item:hover{background:#fcfafc}
.cart-item p{color:#786d7c}.cart-thumb{background:radial-gradient(circle,#a63fba,#4f006b);box-shadow:0 4px 12px rgba(79,0,107,0.15)}
.coupon input,textarea{background:#fff;border-color:#d9cadd;color:var(--text);transition:var(--transition)}
.coupon input:focus,textarea:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px rgba(79,0,107,0.1)}
.coupon button{border-color:#c7a7d0;color:var(--purple);background:#f7eff9;transition:var(--transition)}
.coupon button:hover{background:#eedaf1;border-color:#b48ebf}
.totals p{color:#776b7b}.totals .grand{border-color:var(--line);color:var(--purple)}
.product-modal{background:#fff;border-color:var(--line);color:var(--text);box-shadow:var(--shadow-hover)}
.modal-body>p{color:#786d7c}.step>label,.checks label{background:#faf7fb;border-color:#eadff0;transition:var(--transition)}.modal-body textarea{background:#fff}
.step>label:hover,.checks label:hover{background:#f2ebf4;border-color:#dcd0e3;transform:translateY(-1px)}
.admin{background:#faf9fb;color:#2f1538}
.admin-side{background:#fff;color:var(--text);border-right:1px solid var(--line);box-shadow:var(--shadow-sm);padding-top:12px}
.admin-brand{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 8px}
.admin-brand .brand-logo{width:108px;height:82px;margin:auto;mix-blend-mode:multiply}
.admin-brand>span{font-size:9px;letter-spacing:2px;color:var(--purple);font-weight:800;margin-top:-5px}
.admin-side nav{margin-top:10px}
.admin-side nav button{color:#65576b;transition:var(--transition)}
.admin-side nav button.active,.admin-side nav button:hover{color:var(--purple);background:#f3e9f6;border-left:3px solid var(--cream)}
.back-store{border-color:#dfd1e4;background:#fff;color:var(--purple);transition:var(--transition)}
.back-store:hover{background:#f8f4f9;border-color:#cebac5}
.admin-main>header{border-color:#e5dfe7}
.sound,.store-pill{border-color:#e1d9e4;background:#fff;color:#5d5261;transition:var(--transition)}
.sound:hover,.store-pill:hover{background:#f8f5f9;box-shadow:var(--shadow-sm)}
.sound.active{color:var(--purple);background:#f4eaf7}
.avatar{background:var(--purple);box-shadow:0 4px 12px rgba(79,0,107,0.2)}
.metric,.admin-card,.config-card{border-color:#ebe5ec;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:18px}
.metric:hover,.admin-card:hover,.config-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:#e0d8e2}
.order-id{background:#f1e7f4;color:var(--purple)}
.accept{background:#e8f7dc;color:#327a05;transition:var(--transition)}.reject{background:#fcebee;color:#a72b42;transition:var(--transition)}
.accept:hover{background:#d5eec3;transform:translateY(-1px)}.reject:hover{background:#f8d5db;transform:translateY(-1px)}
.chart .bar{background:linear-gradient(#86109a,#4f006b);border-radius:6px 6px 0 0;box-shadow:0 -4px 12px rgba(79,0,107,0.15)}
.kanban-col{background:#f4f1f5;border-radius:18px}.ticket{border-color:transparent;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:14px}.ticket:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ticket strong{color:var(--purple)}.ticket button{background:var(--purple);transition:var(--transition)}.ticket button:hover{background:#6c0f8c;box-shadow:0 4px 12px rgba(79,0,107,0.2)}
.data-table{box-shadow:var(--shadow-sm);border-radius:16px}.data-table th{background:#faf6fb}.tag{background:#f0e5f3;color:var(--purple)}

@media(max-width:760px){
  .sidebar{background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}
  .sidebar .brand{width:auto;margin:0}
  .sidebar .brand-logo{width:94px;height:54px}
  .hero{background:radial-gradient(circle at 75% 60%,#e9c9ee 0,#f7eefa 35%,transparent 55%),linear-gradient(145deg,#fff9e7,#fff)}
  .hero-art{opacity:.72}
  .admin-side{background:#fff;border-bottom:1px solid var(--line)}
  .admin-brand{margin:0;align-items:flex-start}.admin-brand .brand-logo{width:80px;height:45px}.admin-brand>span{display:none}
}