@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap");:root{--ard-background:#e0e5ec;--ard-on-background:#3d4852;--ard-muted:#6b7280;--ard-accent:#11cda7;--ard-accent-light:#3fddbe;--ard-accent-teal:#3b82c4;--ard-error:#d64550;--ard-shadow-light:hsla(0,0%,100%,.55);--ard-shadow-dark:rgba(163,177,198,.65);--ard-font-display:"Plus Jakarta Sans",sans-serif;--ard-font-body:"DM Sans",sans-serif;--ard-font-mono:"JetBrains Mono",monospace;--ard-ease:ease-out;--shadow-ext:9px 9px 16px var(--ard-shadow-dark),-9px -9px 16px var(--ard-shadow-light);--shadow-ext-hover:12px 12px 20px rgba(163,177,198,.75),-12px -12px 20px hsla(0,0%,100%,.65);--shadow-ext-sm:5px 5px 10px var(--ard-shadow-dark),-5px -5px 10px var(--ard-shadow-light);--shadow-inset:inset 6px 6px 10px var(--ard-shadow-dark),inset -6px -6px 10px var(--ard-shadow-light);--shadow-inset-deep:inset 10px 10px 20px rgba(163,177,198,.75),inset -10px -10px 20px hsla(0,0%,100%,.65);--shadow-inset-sm:inset 3px 3px 6px var(--ard-shadow-dark),inset -3px -3px 6px var(--ard-shadow-light)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--ard-background);font-family:var(--ard-font-body);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{color:var(--ard-on-background);margin:0}h1,h2,h3,h4{font-family:var(--ard-font-display);letter-spacing:-.01em;line-height:1.2;font-weight:800}p{line-height:1.6;color:var(--ard-muted);margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--ard-font-body)}::selection{background:var(--ard-accent);color:#fff}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ard-background),0 0 0 4px var(--ard-accent);border-radius:12px}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.neu-flat{background:var(--ard-background);border-radius:32px;box-shadow:var(--shadow-ext);transition:box-shadow .3s var(--ard-ease),transform .3s var(--ard-ease)}.neu-flat-hover:hover{box-shadow:var(--shadow-ext-hover);transform:translateY(-2px)}.neu-inset{box-shadow:var(--shadow-inset)}.neu-inset,.neu-inset-deep{background:var(--ard-background);border-radius:16px}.neu-inset-deep{box-shadow:var(--shadow-inset-deep)}.card{background:var(--ard-background);border-radius:32px;padding:28px;box-shadow:var(--shadow-ext);transition:box-shadow .3s var(--ard-ease),transform .3s var(--ard-ease)}.card-hover:hover{box-shadow:var(--shadow-ext-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.92rem;border:none;cursor:pointer;border-radius:16px;padding:12px 26px;background:var(--ard-background);color:var(--ard-on-background);box-shadow:var(--shadow-ext);transition:transform .2s var(--ard-ease),box-shadow .3s var(--ard-ease),background-color .2s var(--ard-ease);min-height:44px}.btn:hover{box-shadow:var(--shadow-ext-hover);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-inset-sm);transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ard-accent);color:#fff}.btn-primary:hover{background:var(--ard-accent-light)}.btn-primary:active{box-shadow:inset 4px 4px 8px rgba(0,0,0,.25),inset -4px -4px 8px hsla(0,0%,100%,.15)}.btn-danger{color:var(--ard-error)}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:hover{box-shadow:none;background:rgba(108,99,255,.08)}.btn-sm{padding:8px 16px;font-size:.82rem;border-radius:12px;min-height:36px}.field{width:100%;height:52px;background:var(--ard-background);border:none;border-radius:16px;padding:0 16px;font-size:1rem;font-family:var(--ard-font-body);color:var(--ard-on-background);box-shadow:var(--shadow-inset);transition:box-shadow .2s var(--ard-ease)}.field:focus{box-shadow:var(--shadow-inset-deep),0 0 0 2px var(--ard-accent)}.field::placeholder{color:#a0aec0}textarea.field{height:auto;padding:14px 16px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--ard-background);box-shadow:var(--shadow-ext-sm);color:var(--ard-on-background)}.chip-accent{color:var(--ard-accent)}.chip-teal{color:var(--ard-accent-teal)}.chip-error{color:var(--ard-error)}.payment-channel{padding:10px 12px;border-radius:14px;border:1.5px solid transparent;text-align:left;cursor:pointer;background:var(--ard-background);box-shadow:var(--shadow-ext-sm);transition:border-color .2s var(--ard-ease),box-shadow .2s var(--ard-ease),background-color .2s var(--ard-ease),transform .15s var(--ard-ease)}.payment-channel:hover:not(:disabled){border-color:var(--ard-accent);box-shadow:var(--shadow-ext-hover);transform:translateY(-1px)}.payment-channel:active:not(:disabled){transform:translateY(0)}.payment-channel.selected{border-color:var(--ard-accent);background:color-mix(in srgb,var(--ard-accent) 14%,var(--ard-background));box-shadow:var(--shadow-inset)}.payment-channel.selected .payment-channel-name{color:var(--ard-accent)}.payment-channel:disabled{opacity:.4;cursor:not-allowed}.payment-channel:disabled:hover{border-color:transparent;box-shadow:var(--shadow-ext-sm);transform:none}.icon-well{width:48px;height:48px;border-radius:16px;background:var(--ard-background);box-shadow:var(--shadow-inset-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mono{font-family:var(--ard-font-mono)}table.neu-table{width:100%;border-collapse:separate;border-spacing:0 10px}table.neu-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ard-muted);padding:0 16px 6px}table.neu-table td{background:var(--ard-background);padding:14px 16px;box-shadow:var(--shadow-ext-sm);font-size:14px}table.neu-table tr td:first-child{border-radius:16px 0 0 16px}table.neu-table tr td:last-child{border-radius:0 16px 16px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:32px;gap:32px}.admin-split{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:768px){.container{padding:0 18px}.card,.neu-flat{border-radius:24px}table.neu-table{font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.admin-split,.product-grid{grid-template-columns:1fr}.product-grid{gap:12px}body{padding-bottom:76px}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ard-background);box-shadow:0 -4px 16px rgba(163,177,198,.45);padding:8px 6px calc(8px + env(safe-area-inset-bottom, 0px));justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--ard-muted);font-family:var(--ard-font-body);font-size:10.5px;font-weight:600;padding:6px 4px;border-radius:14px;flex:1 1;max-width:96px;transition:color .2s ease-out}.bottom-nav-item.active{color:var(--ard-accent)}.bottom-nav-badge{position:absolute;top:-4px;right:-8px;background:var(--ard-accent);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.admin-desktop-nav{display:none!important}}.cart-overlay{position:fixed;inset:0;background:rgba(61,72,82,.4);z-index:90;opacity:0;transition:opacity .3s ease-out;pointer-events:none}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;height:100vh;width:360px;max-width:92vw;z-index:95;border-radius:32px 0 0 32px;padding:24px;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,0,0,1)}.cart-drawer.open{transform:translateX(0)}@media (max-width:768px){.cart-drawer{top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:100vh;border-radius:0;transform:translateY(100%)}.cart-drawer.open{transform:translateY(0)}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}h1{font-size:1.3rem!important}}