/* Hanan Atelier · pistachio, deep teal, coral and ice blue. */
:root{--forest:#143f3b;--cream:#eff5ee;--orange:#f88a60;--charcoal:#173c38;--muted:#607975;--line:#d5e2dc;--clay:#f4f8f3;--shadow:9px 9px 22px #c8d5cd75,-8px -8px 20px #ffffff;--inset:inset 3px 3px 7px #c8d5cd75,inset -3px -3px 7px #fff}
body{background:radial-gradient(ellipse at 80% 5%,#d6eafa,transparent 38%),radial-gradient(ellipse at 40% 65%,#dcebcf,transparent 54%),#eff5ee;color:var(--charcoal)}
.shell{grid-template-columns:228px minmax(0,1fr)}.content{padding:23px 28px 32px}.side{background:linear-gradient(165deg,#174e48ee,#0d302ee8);backdrop-filter:blur(30px) saturate(1.25);box-shadow:0 20px 45px #153d3a24,inset 0 1px #b7e0ce50;border:1px solid #b6decc55;border-radius:28px;padding:26px 13px;margin:14px 0 14px 14px;height:calc(100dvh - 28px);top:14px;gap:5px}
.side .brand{font-size:29px!important;letter-spacing:2px;margin:7px 16px 5px}.side .brand strong{font-size:12px;letter-spacing:8px;margin-top:8px}.side .small{font-size:8px;letter-spacing:2px;margin:5px 16px 18px;padding-bottom:18px;color:#b3d7c4;opacity:1}.side button{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#cde2d9;border-radius:14px;font-size:13px;min-height:40px;transition:background .18s,box-shadow .18s,transform .18s}.side button .lucide{width:18px;height:18px;stroke-width:1.7;flex:none}.side button:hover{background:#ffffff14;transform:translateX(2px)}.side button.active{background:linear-gradient(110deg,#d6f0d6,#b8dcca);color:#153d39;border-color:#e7ffedb3;box-shadow:0 4px 12px #041d1933,inset 0 1px #fff8;font-weight:750}.side button.active:before{display:none}.side .bottom{color:#b9d2c8;opacity:1}
.top{min-height:80px;margin-bottom:20px;align-items:center;padding:0 0 17px;border-color:#cbded6}.page-heading{display:flex;align-items:center;gap:22px}.top-wordmark{font-family:Georgia,serif;font-size:24px;letter-spacing:1.5px;color:#143f3b;line-height:1.1}.top-wordmark small{display:block;font:8px/1.8 system-ui;letter-spacing:3px;color:#64887b}.page-heading h1{font-size:16px;letter-spacing:0;font-weight:650;border-left:1px solid #c3d8ce;padding-left:22px}.top .glass{padding:9px 13px;border-radius:18px;background:#ffffff80;backdrop-filter:blur(20px);border:1px solid #fff;box-shadow:0 6px 18px #1a51430a}.pill{background:#e0ece2;color:#326151}.top .btn{border-radius:12px;box-shadow:none}
.clay{background:linear-gradient(135deg,#ffffffeb,#f2f7eff5);border:1px solid #ffffff;border-radius:23px;box-shadow:var(--shadow)}.studio-hero{padding:22px 25px;background:radial-gradient(ellipse at 85% 20%,#d6eaf4aa,transparent 50%),linear-gradient(120deg,#e0eddb,#f5f8ee);border:1px solid #fff;box-shadow:0 8px 25px #2c5a4010,inset 0 1px #fff}.studio-hero h2{font-size:30px;color:#153f38}.eyebrow{color:#66876e;letter-spacing:2px;font-size:9px}.studio-hero p{color:#607970}.catalogue-toolbar{background:#ffffff80;border:1px solid #fff;backdrop-filter:blur(14px);padding:10px;border-radius:18px;box-shadow:0 4px 16px #234f3b08}
input,select,textarea{background:#fbfdfb;border-color:#d5e2db;border-radius:12px;color:#1d403a;box-shadow:inset 0 1px 3px #153f3b04}input:focus,select:focus,textarea:focus{outline:2px solid #4d9380;outline-offset:2px}button:focus-visible{outline:3px solid #468fbd;outline-offset:3px}.btn{background:linear-gradient(145deg,#245e52,#16463f);border:1px solid #ffffff30;box-shadow:4px 5px 10px #b8cec080,inset 0 1px #ffffff30;border-radius:13px;transition:transform .16s,box-shadow .16s,background .16s}.btn:hover:enabled{transform:translateY(-1px);box-shadow:4px 7px 14px #adc8baaa}.btn:active:enabled{transform:translateY(1px);box-shadow:inset 2px 3px 5px #12382a33}.btn.orange{background:linear-gradient(145deg,#ffb488,#f48b62);color:#4f2e1f;box-shadow:4px 5px 12px #eab99e70,inset 0 1px #ffe8c9}.btn.secondary{background:linear-gradient(145deg,#fff,#e8f0e7);border-color:#fff;color:#315c50}.btn.danger{background:#a83337;color:#fff}.btn .lucide{width:16px;height:16px;vertical-align:middle;margin-right:5px}
.product{border:1px solid #fff;background:linear-gradient(145deg,#ffffff,#e8f1e5);border-radius:22px;padding:10px;box-shadow:7px 8px 16px #bfcec36e,-5px -5px 14px #ffffffcc;transition:transform .18s,box-shadow .18s,border-color .18s;gap:8px;isolation:isolate}.product:hover:enabled{transform:translateY(-3px);border-color:#8fb6a5;box-shadow:0 12px 22px #2b5a3b23}.product.selected{background:linear-gradient(140deg,#e6f2de,#d9eadb);border:2px solid #4b8a69;box-shadow:inset 0 1px #fff,0 5px 16px #46755722}.selected-count{background:#214e40!important;color:#fff!important;box-shadow:0 3px 7px #173f2c24}.product-copy b{font-size:13px;font-weight:650;color:#214b40}.product-copy strong{color:#214e40;font-size:14px}.product-copy small{color:#6c8779}
.pos-photo,.dish-photo{background:radial-gradient(ellipse at 50% 85%,#d4e4cd80,transparent 64%),linear-gradient(140deg,#eef5e9,#e2ede2);border-radius:15px}.pos-photo img,.dish-photo img{object-fit:contain;padding:8px;filter:drop-shadow(0 10px 7px #254c2d25);transition:transform .22s}.product:hover .pos-photo img,.dish-card:hover .dish-photo img{transform:translateY(-2px) scale(1.035)}.dish-card{border:1px solid #fff;border-radius:23px;background:#fcfefb;box-shadow:6px 8px 18px #c3d2c35c;overflow:hidden;transition:transform .18s,box-shadow .18s}.dish-card:hover{box-shadow:0 10px 24px #2c56311c}.dish-photo{border-radius:0}.photo-badge{background:#ffffffbd!important;backdrop-filter:blur(12px);color:#315b47!important;border:1px solid #fff}.dish-body h3{color:#224e3e}.dish-price{color:#235e42}.dish-actions .btn{box-shadow:none}.status-dot{color:#36805a}
.menu-panel{background:#ffffff90;backdrop-filter:blur(14px);box-shadow:0 9px 26px #3b68420c}.cart-panel{background:linear-gradient(150deg,#ffffffeb,#eff5ecf5);border:1px solid #fff;box-shadow:10px 12px 28px #bdd1c67a,-6px -6px 18px #fff}.cart-heading{padding-bottom:8px;border-bottom:1px solid #dbe7d9}.count-badge{background:#dbead6;color:#3b684d}.qty-control{background:#e3ecdf;border:1px solid #fafff6;box-shadow:inset 2px 2px 4px #becfbe60,inset -2px -2px 4px #fff}.qty-btn{background:#fff;color:#1d5c42;box-shadow:2px 3px 5px #aec7b975}.compact-totals{background:linear-gradient(130deg,#e0ecda,#e5f0e9);border:1px solid #fafff5;border-radius:16px;box-shadow:inset 0 1px #fff,0 -4px 13px #244d2f06}.checkout-btn{font-size:14px!important;letter-spacing:.2px}.grand-line{color:#1f503c}.payment-disclaimer{color:#60766b!important}.check-label input{accent-color:#2c6d50}.stat{background:linear-gradient(135deg,#ffffffce,#eff6e9cc);backdrop-filter:blur(12px)}.stats .stat:nth-child(2){background:linear-gradient(135deg,#e4f0f9,#f6fafb)}.stats .stat:nth-child(3){background:linear-gradient(135deg,#fff0df,#fdf8ed)}.stats .stat:nth-child(4){background:linear-gradient(135deg,#dcebd9,#f1f7e9)}.stat b{color:#24543f}.simple-ticket{border-top-color:#f0a070}.ticket-ready{border-top-color:#4d9579}.badge{background:#dfecdc;color:#37644e}.notice{background:#fff4e4;border-color:#ecd8b8}.tablewrap{background:#ffffffc9;box-shadow:0 7px 20px #20483509}.tablewrap th{background:#eaf2e5;color:#41644f}th,td{border-color:#e0eadf}.auth .clay{background:linear-gradient(145deg,#ffffffdc,#e5f0dfed);box-shadow:15px 20px 55px #2e684527}.auth h1{font-family:Georgia,serif;font-weight:500;letter-spacing:2px}.toast{background:#204f3fe8;backdrop-filter:blur(18px);border:1px solid #ffffff70;border-radius:17px;box-shadow:0 12px 28px #204c3230}
@media(min-width:901px){.cart-panel{height:calc(100dvh - 170px)}.pos-layout{gap:22px}}@media(max-width:1200px) and (min-width:901px){.shell{grid-template-columns:192px minmax(0,1fr)}.content{padding:20px}.side .brand{font-size:24px!important;margin-left:11px}.side button{padding:9px 11px;gap:9px}.top-wordmark{font-size:19px}.page-heading{gap:12px}.page-heading h1{padding-left:12px}.top .glass{font-size:11px}}
@media(max-width:900px){.top-wordmark{font-size:20px}.content{padding:18px}.pos-photo img{padding:8px}.page-heading{gap:14px}.page-heading h1{padding-left:14px}.cart-panel{min-height:0}}
@media(max-width:780px){.shell{display:block}.side{margin:10px;height:auto;top:0;padding:15px 10px;border-radius:23px;gap:5px}.side .brand{font-size:24px!important;margin:4px 9px 11px}.side .brand strong{display:inline;font-size:inherit;letter-spacing:2px;margin-left:5px}.side button{font-size:11px;gap:6px;min-height:35px;padding:8px 9px}.side button .lucide{width:15px;height:15px}.top{padding-bottom:13px;min-height:66px;margin-bottom:15px}.top-wordmark{font-size:19px}.top-wordmark small{font-size:7px;letter-spacing:2px}.top h1{font-size:14px}.top .glass{padding:6px 9px}.page-heading{gap:12px}.top .glass .pill{display:none}.studio-hero{padding:18px}.studio-hero h2{font-size:26px}.content{padding:12px}.product-copy b{font-size:12px}.product{border-radius:18px}.simple-kitchen{gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product:hover:enabled,.btn:hover:enabled,.side button:hover{transform:none}.product:hover .pos-photo img,.dish-card:hover .dish-photo img{transform:none}}
@media print{body{background:#fff}.top-wordmark{display:none}}
.pizza-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.size-choice{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 8px!important;min-height:86px}.size-choice b{font-size:17px}.size-choice span{font-size:12px}.size-product .large-food{height:170px;background:radial-gradient(ellipse,#dcebd3,transparent)}.size-product{text-align:center}.size-hint{display:block;color:#5c7d64;font-size:10px;margin:8px 0}.dish-actions{gap:5px;flex-wrap:wrap}.dish-actions .btn{font-size:10px;padding:7px 8px}.cart-panel .cart-heading{flex-shrink:0}.cart-panel .compact-totals{flex-shrink:0}@media(max-width:500px){.pizza-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}