*{box-sizing:border-box}html{min-width:320px;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#11131a}body{min-height:100%;margin:0}body.modal-open{overflow:hidden}button,input,select{font:inherit}::selection{color:#111;background:#c8f570}.banner{display:flex;gap:.5rem;align-items:center;margin:1rem 0;padding:.85rem 1rem;border-radius:.7rem;line-height:1.4}.banner.error{color:#ffd2cc;background:#ff6a5518;border:1px solid rgba(255,106,85,.2509803922)}.banner.success{color:#dafcaf;background:#c8f57013;border:1px solid rgba(200,245,112,.2078431373)}.banner button{margin-left:auto}.loading,.empty{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:14rem;color:#abb0bd}.loading span{width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.2078431373);border-top-color:#c8f570;border-radius:50%;animation:spin .8s linear infinite}.empty{flex-direction:column;text-align:center;border:1px dashed rgba(255,255,255,.1254901961);border-radius:1rem}.empty h1,.empty h2,.empty p{margin:.2rem}.empty p{max-width:34rem}.list{display:grid;gap:.6rem}.list article{display:flex;align-items:center;gap:1rem;min-height:5rem;padding:.7rem;border:1px solid rgba(255,255,255,.0705882353);border-radius:.85rem;background:#ffffff08}.item-order{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.65rem;background:#ffffff0c;color:#c8f570;font-weight:800}.item-main{min-width:0;flex:1}.item-main h2,.item-main p{margin:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main h2{font-size:1rem}.item-main p{color:#999fae;font-size:.85rem}.pill{padding:.35rem .6rem;border-radius:99px;color:#d9ffab;background:#c8f57014;font-size:.7rem;font-weight:800;text-transform:uppercase}.pill.inactive{color:#c2c5ce;background:#ffffff0d}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#050608d9}.modal{width:min(48rem,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:1.3rem;border:1px solid rgba(255,255,255,.1254901961);border-radius:1rem;color:#f7f7f3;background:#14171e;box-shadow:0 2rem 8rem #000}.modal::backdrop{background:#050608d9}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.modal h2{margin:.3rem 0}.close{font-size:1.6rem}.modal form{display:grid;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem}fieldset{display:grid;gap:.8rem;margin:0;padding:1rem;border:1px solid rgba(255,255,255,.1254901961);border-radius:.75rem}legend{padding:0 .4rem;color:#c8f570;font-weight:800}.option-editor{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.6rem;align-items:end}.choice-editor{display:grid;gap:.7rem;padding:.8rem;border-radius:.7rem;background:#ffffff08}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.check{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.0941176471);border-radius:.6rem}.check input{width:1.2rem;min-height:1.2rem;accent-color:#c8f570}.danger{color:#ffb3a8}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.list article{flex-wrap:wrap}.item-main{min-width:50%}}@media(max-width:560px){.form-row,.option-editor,.check-grid{grid-template-columns:1fr}.list article .secondary{flex:1}.modal{padding:1rem}.banner{align-items:flex-start;flex-direction:column}}app-root{display:block;min-height:100vh;color:#f7f7f3}app-header,app-login-panel,app-catalog-workspace,app-catalog-sidebar,app-catalog-editor,app-category-editor-form,app-tax-profile-editor-form,app-option-group-editor-form,app-product-editor-form,app-catalog-editor-actions,app-room-plan,app-open-table-dialog,app-order-workspace,app-line-editor{display:contents}.app-shell{min-height:100vh;background:radial-gradient(circle at 5% 0,#273149 0,transparent 33rem),#101217}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.8rem;color:#111;background:#c8f570}.skip-link:focus{top:1rem}.topbar{min-height:4.75rem;display:flex;gap:1.2rem;align-items:center;justify-content:space-between;padding:.7rem clamp(1rem,3vw,2rem);border-bottom:1px solid rgba(255,255,255,.0901960784);background:#101217e8}.brand,.user,.status{display:flex;align-items:center;gap:.7rem}.brand strong,.brand small,.user strong,.user small{display:block}small{color:#a5aaba}.brand-mark{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:.75rem;background:#c8f570;color:#111;font-weight:900;font-size:1.25rem}.status{padding:.6rem .8rem;border-radius:999px;color:#c8f570;background:#c8f57012;font-size:.82rem}.status.offline{color:#ffac9f;background:#ff6a551a}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}button,input,select,textarea{font:inherit}button{min-height:2.75rem;border:0;border-radius:.7rem;padding:.65rem 1rem;color:inherit;cursor:pointer;font-weight:700}button:focus-visible{outline:3px solid #8cb9ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.primary{color:#12150d;background:#c8f570}.secondary{border:1px solid rgba(255,255,255,.1254901961);background:#ffffff0b}.ghost{background:transparent;color:#c8cbd5}main{min-height:calc(100vh - 4.75rem)}.login-card{width:min(31rem,100% - 2rem);margin:0 auto;padding:clamp(3rem,10vh,7rem) 0}.login-card h1{font-size:clamp(2.4rem,7vw,4.5rem);margin:.35rem 0;letter-spacing:-.05em}.login-card>p{color:#b0b4c1;line-height:1.5}.login-card form{display:grid;gap:1rem;margin-top:2rem}.eyebrow{margin:0;color:#c8f570;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.workspace{display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:calc(100vh - 4.75rem)}.sidebar{padding:1.4rem .9rem;border-right:1px solid rgba(255,255,255,.0705882353)}.sidebar button{width:100%;display:flex;gap:.7rem;align-items:center;margin:.35rem 0;text-align:left;background:transparent;color:#adb2c0}.sidebar button.active{color:#fff;background:#ffffff10}.sidebar button span{color:#c8f570}.content{padding:clamp(1.2rem,3vw,2.5rem);max-width:90rem;width:100%;margin:0 auto}.content-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.content-head h1{margin:.25rem 0 0;font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.04em}.filters{display:flex;gap:.8rem;align-items:end;margin:1.5rem 0;flex-wrap:wrap}.filters label{min-width:10rem}.filters input{min-width:18rem}label{display:grid;gap:.4rem;color:#d6d8df;font-weight:650;font-size:.88rem}input,select,textarea{width:100%;min-height:2.8rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.1411764706);border-radius:.65rem;color:#fff;background:#171a21}input:focus,select:focus,textarea:focus{border-color:#8cb9ff;outline:2px solid rgba(140,185,255,.3333333333)}textarea{resize:vertical;line-height:1.5}.pager{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem}@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{display:flex;gap:.35rem;overflow:auto;border:0;border-bottom:1px solid rgba(255,255,255,.0705882353);padding:.6rem}.sidebar .eyebrow{display:none}.sidebar button{flex:0 0 auto;width:auto}.user span,.status{display:none}.list article{flex-wrap:wrap}.item-main{min-width:50%}}@media(max-width:560px){.topbar{gap:.4rem}.brand small{display:none}.user{gap:.1rem}.user button{padding:.5rem}.content{padding:1rem}.filters,.filters label,.filters input{width:100%;min-width:0}.content-head{align-items:start}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.feature-nav{display:flex;gap:.5rem;padding:.55rem clamp(1rem,3vw,2rem);border-bottom:1px solid rgba(255,255,255,.0705882353);background:#12151b}.feature-nav button{background:transparent;color:#adb2c0}.feature-nav button.active{color:#101217;background:#c8f570;text-decoration:underline;text-decoration-thickness:3px}.service-content,.order-workspace{padding:clamp(1rem,3vw,2rem);max-width:100rem;margin:auto}.service-content{display:grid;grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);gap:.65rem 1rem;align-items:end;width:100%;max-width:none;padding:clamp(.8rem,1.6vw,1.5rem)}.service-head,.order-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.service-head{grid-column:1/-1;align-items:center}.service-head h1{margin:.1rem 0;font-size:clamp(1.75rem,2.5vw,2.5rem);letter-spacing:-.035em}.order-head h1{margin:.2rem 0;font-size:clamp(2rem,4vw,3.4rem)}.room-picker{max-width:none;margin:0}.legend{display:flex;gap:.5rem;flex-wrap:wrap;margin:0;color:#c9ccd5}.legend span{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.0941176471);border-radius:99px}.floor-plan{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(5.5rem,auto));gap:.55rem;overflow:auto;padding:.2rem 0}.table-tile{display:flex;min-width:0;min-height:5.5rem;gap:.08rem;overflow:hidden;padding:.6rem;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;overflow-wrap:anywhere;border:2px solid #8b93a7;background:#191d26}.table-tile.occupied{border-style:double;border-color:#8cb9ff;background:#172238}.table-tile strong{font-size:1rem}.table-tile span,.table-tile small{display:block;max-width:100%;color:#c6cad5;font-size:.76rem;line-height:1.2}.table-state{font-weight:800;color:#fff!important}.service-content>.empty{grid-column:1/-1}.table-tile.col-1{grid-column:1}.table-tile.row-1{grid-row:1}.table-tile.col-2{grid-column:2}.table-tile.row-2{grid-row:2}.table-tile.col-3{grid-column:3}.table-tile.row-3{grid-row:3}.table-tile.col-4{grid-column:4}.table-tile.row-4{grid-row:4}.table-tile.col-5{grid-column:5}.table-tile.row-5{grid-row:5}.table-tile.col-6{grid-column:6}.table-tile.row-6{grid-row:6}.table-tile.col-7{grid-column:7}.table-tile.row-7{grid-row:7}.table-tile.col-8{grid-column:8}.table-tile.row-8{grid-row:8}.table-tile.col-9{grid-column:9}.table-tile.row-9{grid-row:9}.table-tile.col-10{grid-column:10}.table-tile.row-10{grid-row:10}.table-tile.col-11{grid-column:11}.table-tile.row-11{grid-row:11}.table-tile.col-12{grid-column:12}.table-tile.row-12{grid-row:12}.order-columns{display:grid;grid-template-columns:12rem minmax(20rem,1fr) minmax(21rem,28rem);gap:1rem;margin-top:1rem}.category-rail{display:flex;flex-direction:column;gap:.45rem}.category-rail button{text-align:left;background:#ffffff08;color:#c1c5d0}.category-rail button.active{color:#101217;background:#c8f570;text-decoration:underline;text-decoration-thickness:3px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));align-content:start;gap:.65rem}.product-tile{display:flex;min-height:7.5rem;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid rgba(255,255,255,.0941176471);background:#ffffff08}.product-tile span,.product-tile small{color:#b9becb}.order-panel{display:flex;flex-direction:column;gap:.6rem;padding:1rem;border:1px solid rgba(255,255,255,.0941176471);border-radius:1rem;background:#141820}.order-panel h2{margin:0}.order-line{display:grid;grid-template-columns:2.75rem 1fr auto;gap:.5rem;padding:.75rem;border:1px solid rgba(255,255,255,.0941176471);border-radius:.75rem}.order-line.sent{border-style:dashed}.order-line strong,.order-line span,.order-line small{display:block}.line-select input{width:2.75rem;min-height:2.75rem;margin:0;accent-color:#c8f570}.line-actions{display:flex;flex-direction:column;gap:.35rem}.line-error{color:#ffb3a8;font-weight:750}.send-button{width:100%;margin-top:.5rem}.note-field{grid-column:span 2}.compact{max-width:32rem}@media(max-width:1000px){.order-columns{grid-template-columns:9rem 1fr}.order-panel{grid-column:1/-1}.floor-plan{grid-template-columns:repeat(12,7rem)}}@media(max-width:720px){.service-content{grid-template-columns:1fr}.service-head,.room-picker,.legend,.floor-plan{grid-column:1}.legend{margin:.15rem 0}}@media(max-width:560px){.service-head,.order-head{align-items:flex-start}.floor-plan{grid-template-columns:1fr;grid-template-rows:none;overflow:visible}.table-tile{grid-column:1!important;grid-row:auto!important;min-height:5.5rem}.order-columns{grid-template-columns:1fr}.category-rail{flex-direction:row;overflow:auto}.category-rail button{flex:0 0 auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-panel{grid-column:auto}.order-line{grid-template-columns:2.75rem 1fr}.line-actions{grid-column:2;flex-direction:row}.note-field{grid-column:auto}}