@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap");:root{--ink:#17211f;--green:#126451;--mint:#e8f7f2;--line:#e3e8e6;--coral:#ff6958;--muted:#74807d}*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:var(--ink);font-family:Noto Sans KR,Arial,sans-serif}button{font:inherit;cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(360px,480px) minmax(680px,1fr);width:min(1400px,100%);min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 0 1px #e5e9e7}.mobile-order{position:relative;min-height:100vh;padding-bottom:132px;border-right:22px solid #f5f7f6}.counter-header,.mobile-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 22px}.counter-header strong,.mobile-header strong{color:#0d5a47;font-size:24px;letter-spacing:-1.6px}.icon-button{border:0;background:none;padding:6px;color:var(--ink)}.icon{width:20px;height:20px;vertical-align:middle}.table-chip{border:1px solid #94cdbd;color:#0d5a47;font-size:15px;font-weight:700;padding:9px 11px;border-radius:5px}.category-nav{display:flex;gap:10px;align-items:center;padding:15px 18px 11px;border-bottom:1px solid var(--line);overflow:auto}.category-nav button{border:0;background:#fff;padding:10px 16px;white-space:nowrap;border-radius:24px;color:#454b49}.category-nav button.active{background:var(--green);color:#fff;font-weight:700}.menu-content{padding:23px 20px 0}.section-heading{display:flex;gap:8px;align-items:center}.section-heading span{color:var(--green);font-size:24px}.section-heading h1{font-size:22px;margin:0;letter-spacing:-1.2px}.section-copy{color:var(--muted);margin:4px 0 17px 31px;font-size:13px}.menu-list{display:grid;grid-gap:10px;gap:10px}.menu-row{min-height:118px;display:grid;grid-template-columns:118px 1fr 45px;align-items:stretch;overflow:hidden;border:1px solid #e8ecea;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(21,47,39,.035)}.sprite{background-image:url(/menu-sprite.png);background-size:300% 200%;background-repeat:no-repeat;min-height:116px}.sprite-ramen{background-position:0 0}.sprite-fried-rice{background-position:50% 0}.sprite-tteokbokki{background-position:100% 0}.sprite-americano{background-position:0 100%}.sprite-matcha{background-position:50% 100%}.sprite-dumpling{background-position:100% 100%}.menu-info{align-self:center;padding:12px 8px 12px 16px}.menu-info h2{font-size:17px;margin:0 0 4px;letter-spacing:-1px}.menu-info p{font-size:12px;margin:0 0 9px;color:#78817e}.menu-info strong{font-size:18px}.add-button{align-self:center;width:36px;height:36px;border:0;border-radius:50%;color:var(--green);background:var(--mint);font-size:25px;line-height:1}.cart-area{position:absolute;bottom:0;width:100%;padding:10px 20px 15px;background:linear-gradient(transparent,#fff 24%)}.success-note{display:flex;gap:7px;align-items:center;margin:0 0 7px;padding:9px 12px;border-radius:8px;background:#e8f7f2;color:#0d5a47;font-size:12px;font-weight:600}.success-note .icon{width:16px}.cart-bar{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;background:var(--mint)}.cart-icon{position:relative;color:var(--green)}.cart-icon .icon{width:34px;height:34px;stroke-width:2}.cart-icon b{position:absolute;top:-8px;right:-9px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:var(--green);font-size:12px}.cart-label{display:grid;flex:1 1}.cart-label strong{font-size:16px}.cart-label span{color:#6c7d78;font-size:11px}.cart-total{font-size:17px}.cart-bar button{border:0;border-radius:7px;padding:12px 13px;color:#fff;background:var(--green);font-weight:700}.cart-bar button:disabled{opacity:.45;cursor:not-allowed}.cart-area>p{margin:10px 0 0;color:#65726e;font-size:12px;text-align:center}.cart-area>p span{color:var(--green);font-size:16px}.counter{position:relative;display:grid;grid-template-columns:208px 1fr;grid-template-rows:76px 1fr 74px;min-width:0}.counter-header{grid-column:1/-1}.counter-header div{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600}.profile{display:grid;place-items:center;width:32px;height:32px;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--ink);text-decoration:none}.profile .icon{width:17px}.sidebar{padding:30px 12px;border-right:1px solid var(--line);color:#555f5b;font-size:15px}.sidebar>div{display:flex;align-items:center;gap:10px;padding:15px 16px;margin-bottom:4px;border-radius:7px}.sidebar .side-active{color:#0e5f4d;background:var(--mint);font-weight:700}.sidebar .icon{width:19px}.dashboard{min-width:0;padding:28px 34px 24px}.dashboard h1{margin:0 0 21px;font-size:27px;letter-spacing:-1.5px}.order-tabs{display:flex;gap:21px;border-bottom:1px solid var(--line)}.order-tabs button{position:relative;border:0;background:#fff;padding:0 0 13px;color:#4f5754;font-size:14px}.order-tabs button.active{color:#0b5e4b;font-weight:700}.order-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:3px;content:"";background:#0b6a54}.order-tabs em{margin-left:5px;padding:1px 7px;color:#1f5e50;background:var(--mint);border-radius:10px;font-style:normal;font-size:12px}.order-list{display:grid;grid-gap:12px;gap:12px;padding-top:20px}.order-card{position:relative;min-height:164px;padding:18px 170px 16px 21px;border:1px solid #e5e9e7;border-radius:9px;background:#fff}.order-card.paid{border-left:5px solid var(--coral)}.order-title{display:flex;justify-content:space-between;align-items:flex-start}.order-title div{display:flex;gap:14px;align-items:center}.order-title strong{font-size:16px}.order-title span{color:#0e6a55;font-size:13px;font-weight:700}.order-title b{font-size:15px;font-weight:500}.order-title b.urgent{color:var(--coral);font-weight:700}.order-meta{display:flex;gap:15px;margin:11px 0 7px;color:#454d4a;font-size:13px}.order-meta .icon{width:15px;height:15px}.order-card ul{padding:0;margin:0;list-style:none;font-size:13px}.order-card li{display:flex;justify-content:space-between;max-width:270px;line-height:1.8}.order-card li b{font-weight:500}.order-actions{position:absolute;right:16px;top:50%;display:grid;grid-gap:9px;gap:9px;width:132px;transform:translateY(-50%)}.order-actions button{min-height:38px;border-radius:5px;font-size:13px;font-weight:700}.solid{border:1px solid #a8d7c9;color:#0d644f;background:var(--mint)}.solid.coral{color:#fff;background:var(--coral);border-color:var(--coral)}.outline{border:1px solid #c9d0cd;color:#454d49;background:#fff}.outline .icon{width:16px;margin-right:4px}.order-actions small{color:#6b7772;text-align:center;font-size:11px}.print-footer{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:9px;border-top:1px solid var(--line);font-weight:600}.print-footer span,.receipt{display:none}@media print{body{background:#fff}.app-shell{display:none}.receipt{display:block;width:72mm;font-family:Arial,sans-serif;font-size:12px}.receipt h2{margin:0 0 6px;text-align:center;font-size:16px}.receipt p{display:flex;justify-content:space-between;margin:5px 0}.receipt>p:first-of-type{display:block;text-align:center}.receipt hr{border:0;border-top:1px dashed #000}}@media (max-width:920px){.app-shell{display:block;max-width:520px}.mobile-order{border:0}.cart-area{position:fixed;z-index:5;max-width:520px}.counter{min-height:820px}.counter-header{padding:0 16px}.sidebar{display:none}.counter{grid-template-columns:1fr}.dashboard{padding:24px 16px}.print-footer{height:62px}.counter-header strong{font-size:20px}.order-card{padding-left:16px}}@media (max-width:430px){.mobile-header{padding:0 14px}.mobile-header strong{font-size:20px}.table-chip{font-size:13px;padding:7px}.menu-content{padding:20px 14px 0}.cart-area{padding:8px 14px 12px}.menu-row{grid-template-columns:105px 1fr 40px}.menu-info{padding-left:12px}.cart-total{display:none}.cart-bar{gap:8px}.cart-bar button{padding:11px 10px}.order-card{padding-right:140px}.order-actions{right:10px;width:116px}}