:root { --navy:#0b2741; --blue:#075d8e; --orange:#ff9d18; --paper:#f3f6f8; --muted:#647583; }
* { box-sizing:border-box; }
body { margin:0; color:var(--navy); background:var(--paper); font-family:Inter,system-ui,sans-serif; }
button,input { font:inherit; }
.panel-logo { display:flex; align-items:center; color:var(--navy); text-decoration:none; font-size:20px; font-weight:900; }
.panel-logo i { display:grid; place-items:center; width:46px; height:46px; margin-right:10px; border-radius:14px; background:var(--orange); font-style:normal; font-size:15px; }
.eyebrow { margin:34px 0 8px; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.12em; }
.muted { color:var(--muted); }
.login-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 80% 20%,#0787c7 0,transparent 28%),linear-gradient(140deg,#071f35,#0a517b); }
.login-card { width:min(460px,100%); padding:38px; border-radius:28px; background:#fff; box-shadow:0 30px 80px #00172c66; }
.login-card h1 { margin:0; font-size:34px; letter-spacing:-.04em; }
.login-card label:not(.remember) { display:grid; gap:7px; margin:20px 0; font-weight:800; }
.login-card input { width:100%; padding:14px; border:1px solid #d5e0e6; border-radius:12px; }
.remember { display:flex; gap:9px; align-items:center; color:var(--muted); }
.remember input { width:auto; }
.login-card form>button { width:100%; margin-top:20px; padding:15px; border:0; border-radius:14px; color:#fff; background:var(--navy); font-weight:900; }
.login-card aside { display:grid; gap:4px; margin-top:24px; padding:14px; border-radius:13px; color:#496273; background:#eef5f8; font-size:13px; }
.error { padding:11px; border-radius:10px; color:#8f1f1f; background:#fff0f0; }
.forgot { display:block; margin-top:10px; color:var(--blue); text-align:right; font-size:13px; font-weight:700; }.admin-page { margin:auto; }.admin-tenants { margin-top:18px; }.admin-tenants form { justify-self:end; }
.topbar { position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between; height:76px; padding:0 28px; border-bottom:1px solid #dce5ea; background:#fff; }
.topbar>div,.topbar form { display:flex; align-items:center; gap:16px; }
.logout { padding:9px 13px; border:1px solid #d7e0e5; border-radius:10px; background:#fff; }
.panel-layout { display:grid; grid-template-columns:230px 1fr; min-height:calc(100vh - 76px); }
.sidebar { display:flex; flex-direction:column; gap:8px; padding:28px 18px; border-right:1px solid #dce5ea; background:#fff; }
.sidebar a,.sidebar span { display:flex; justify-content:space-between; padding:13px 14px; border-radius:11px; color:#536978; text-decoration:none; font-weight:750; }
.sidebar .active { color:#fff; background:var(--navy); }
.sidebar small { opacity:.55; }
.dashboard { width:min(1180px,100%); padding:42px; }
.dashboard h1 { margin:0; font-size:38px; letter-spacing:-.045em; }
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-heading .eyebrow{margin-top:0}.store-preview-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;color:#fff;background:var(--navy);font-weight:850;text-decoration:none;white-space:nowrap}
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:32px 0; }
.metrics article,.orders { padding:22px; border:1px solid #dce5ea; border-radius:18px; background:#fff; }
.metrics article { display:grid; gap:12px; }
.metrics span { color:var(--muted); font-size:13px; }
.metrics b { font-size:27px; }
.qr-card { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; padding:22px; border:1px solid #dce5ea; border-radius:18px; background:#fff; }.qr-card img { width:150px; height:150px; }.qr-card a { color:var(--blue); }
.orders h2 { margin:0; }
.section-head { display:flex; justify-content:space-between; border-bottom:1px solid #e5ecef; }
.order-row { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:12px; align-items:center; padding:16px 0; border-bottom:1px solid #edf1f3; }
.order-row div { display:grid; gap:4px; }
.order-row div span,.order-row time { color:var(--muted); font-size:13px; }
.empty-state { padding:36px; text-align:center; color:var(--muted); }
.notice { padding:13px 16px; border-radius:12px; color:#17613b; background:#e8f8ef; }
.catalog-actions { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:30px 0; }
.editor,.category-block { border:1px solid #dce5ea; border-radius:18px; background:#fff; }
.editor summary { padding:18px 20px; cursor:pointer; font-weight:900; }
.editor form,.product-editor form:first-child { display:grid; gap:14px; padding:0 20px 20px; }
.editor label,.product-editor label { display:grid; gap:6px; font-size:13px; font-weight:800; }
.editor input,.editor select,.editor textarea,.product-editor input,.product-editor textarea { width:100%; padding:11px; border:1px solid #d6e0e5; border-radius:10px; background:#fff; }
.editor button,.product-editor button { padding:12px 15px; border:0; border-radius:11px; color:#fff; background:var(--navy); font-weight:850; }
.editor button:disabled { opacity:.45; }
.price-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.catalog-list { display:grid; gap:18px; }
.options-manager { display:grid; gap:12px; margin:30px 0; padding:22px; border:1px solid #dce5ea; border-radius:18px; background:#fff; }
.option-group { border:1px solid #dce5ea; border-radius:13px; }
.option-group summary { display:flex; justify-content:space-between; padding:15px; cursor:pointer; }
.option-group summary div { display:grid; gap:4px; }
.option-group summary span { color:var(--muted); font-size:12px; }
.option-content { padding:0 15px 15px; }
.option-content ul { margin:0; padding:0; list-style:none; }
.option-content li { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid #edf1f3; }
.group-editor { display:grid; grid-template-columns:2fr 1fr 100px 100px; gap:10px; padding:16px 0; border-top:1px solid #edf1f3; }.group-editor>label { display:grid; gap:5px; font-size:12px; font-weight:800; }.group-editor input,.group-editor select,.editable-options input { min-width:0; padding:9px; border:1px solid #d6e0e5; border-radius:8px; }.group-editor>button { grid-column:1/-1; padding:11px; border:0; border-radius:9px; color:#fff; background:var(--navy); font-weight:800; }.product-links { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:10px; padding:12px; border:1px solid #dce5ea; border-radius:10px; }.product-links legend { font-weight:800; }.editable-options li { gap:7px; }.editable-options li>form:first-child { flex:1; display:grid; grid-template-columns:2fr 1fr auto; gap:7px; }.editable-options .danger-button { color:#fff; }.delete-group { display:flex; justify-content:flex-end; margin-top:16px; padding-top:14px; border-top:1px solid #edf1f3; }.delete-group button { padding:10px 12px; border-radius:9px; }
.mini { padding:6px 9px; border:1px solid #d4dfe5; border-radius:8px; background:#fff; }
.inline-option { display:grid; grid-template-columns:2fr 1fr auto; gap:8px; margin-top:12px; }
.inline-option input { min-width:0; padding:10px; border:1px solid #d6e0e5; border-radius:9px; }
.inline-option button { border:0; border-radius:9px; color:#fff; background:var(--navy); font-weight:800; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:30px 0 18px; }
.settings-card { display:grid; gap:14px; padding:22px; border:1px solid #dce5ea; border-radius:18px; background:#fff; }
.settings-card h2 { margin:0 0 6px; }.settings-card>label { display:grid; gap:6px; font-size:13px; font-weight:800; }
.settings-card input { padding:11px; border:1px solid #d6e0e5; border-radius:10px; }.settings-card>button { padding:12px; border:0; border-radius:11px; color:#fff; background:var(--navy); font-weight:850; }
.checks { display:flex; flex-wrap:wrap; gap:12px; }.area-list { margin:0; padding:0; list-style:none; }.area-list li { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #edf1f3; }.area-list span { display:grid; }.area-list small { color:var(--muted); }
.hour-row { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:12px; align-items:center; }
.coupons { margin-top:18px; }.coupon-form { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr auto; gap:8px; }.coupon-form input,.coupon-form select { min-width:0; padding:10px; border:1px solid #d6e0e5; border-radius:9px; }.coupon-form button { border:0; border-radius:9px; color:#fff; background:var(--navy); font-weight:800; }
.order-metrics { grid-template-columns:repeat(3,1fr); }.status-filters { display:flex; gap:8px; overflow:auto; margin:20px 0; }.status-filters a { flex:none; padding:9px 12px; border-radius:999px; color:var(--navy); background:#fff; text-decoration:none; }.status-filters .active { color:#fff; background:var(--navy); }
.order-board { padding:0; }.order-detail { border-bottom:1px solid #e5ecef; }.order-detail summary { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:12px; align-items:center; padding:18px 22px; cursor:pointer; }.order-detail summary div { display:grid; gap:4px; }.order-detail summary div span,.order-detail time { color:var(--muted); font-size:12px; }.status { justify-self:start; padding:6px 9px; border-radius:999px; background:#edf3f6; font-size:12px; font-weight:800; }.status-confirmed,.status-ready { color:#075d8e; background:#e4f4fb; }.status-preparing { color:#875100; background:#fff0cf; }.status-completed { color:#17613b; background:#e8f8ef; }.status-cancelled { color:#8f1f1f; background:#fff0f0; }.order-body { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:2px 22px 18px; background:#f8fafb; }.order-body small { display:block; color:var(--muted); }.status-actions { display:flex; justify-content:flex-end; gap:8px; padding:14px 22px; }.status-actions button { padding:10px 13px; border:0; border-radius:9px; color:#fff; background:var(--navy); font-weight:800; }.status-actions .danger { background:#a63838; }
.category-block>header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 22px; border-bottom:1px solid #e4ebef; }
.delete-category { padding:8px 10px; border:1px solid #e3bcbc; border-radius:9px; color:#9b2929; background:#fff; font-weight:750; }.delete-category:disabled { opacity:.4; cursor:not-allowed; }
.category-delete-form { display:grid; gap:4px; text-align:right; }.category-delete-form small { color:var(--muted); font-size:10px; }
.category-block h2 { margin:0 0 4px; }
.category-block header span,.product-row summary span { color:var(--muted); font-size:12px; }
.product-row { border-bottom:1px solid #edf1f3; }
.product-row summary { display:flex; justify-content:space-between; align-items:center; padding:17px 22px; cursor:pointer; }
.product-row summary div { display:grid; gap:4px; }
.product-identification { display:flex!important; grid-template-columns:none!important; align-items:center; gap:12px!important; }
.product-identification>img,.image-placeholder { width:48px; height:48px; border-radius:11px; object-fit:cover; }
.image-placeholder { display:grid; place-items:center; background:#eef3f6; font-size:20px; }
.editor small,.product-editor small { color:var(--muted); font-weight:500; }
.product-editor { display:grid; grid-template-columns:1fr 180px; gap:10px; padding:0 2px 20px; background:#f8fafb; }
.product-editor form:first-child { grid-template-columns:2fr 3fr; padding:18px 20px; }
.product-editor form:first-child .price-fields,.product-editor form:first-child button { grid-column:1/-1; }
.product-actions { align-self:end; display:grid; gap:9px; padding:20px; }.product-actions button { width:100%; padding:11px; border-radius:10px; font-weight:800; }
.product-editor .outline { width:100%; color:var(--navy); border:1px solid #bccbd3; background:#fff; }
.danger-button { color:#fff; border:1px solid #a63838; background:#a63838; }
@media(max-width:800px) { .panel-layout{display:block}.sidebar{display:none}.dashboard{padding:24px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.order-row{grid-template-columns:2fr 1fr}.order-row time{display:none}.topbar{padding:0 14px}.topbar>div>span{display:none} }
@media(max-width:500px) { .qr-card{align-items:flex-start}.qr-card img{width:96px;height:96px} }
@media(max-width:800px) { .catalog-actions{grid-template-columns:1fr}.product-editor,.product-editor form:first-child{grid-template-columns:1fr}.product-editor form:first-child .price-fields,.product-editor form:first-child button{grid-column:auto}.price-fields{grid-template-columns:1fr 1fr} }
@media(max-width:800px) { .inline-option{grid-template-columns:1fr 1fr}.inline-option button{grid-column:1/-1;padding:11px} }
@media(max-width:800px) { .group-editor{grid-template-columns:1fr 1fr}.group-editor>label:first-child,.product-links,.group-editor>button{grid-column:1/-1}.editable-options li{align-items:stretch;flex-direction:column}.editable-options li>form:first-child{grid-template-columns:1fr 1fr}.editable-options li>form:first-child input:first-child{grid-column:1/-1} }
@media(max-width:800px) { .settings-grid{grid-template-columns:1fr}.hour-row{grid-template-columns:1fr 1fr}.hour-row b{grid-column:1/-1} }
@media(max-width:800px) { .coupon-form{grid-template-columns:1fr 1fr}.coupon-form button{padding:11px} }
@media(max-width:800px) { .order-detail summary{grid-template-columns:2fr 1fr}.order-detail summary time{display:none}.order-body{grid-template-columns:1fr}.order-metrics{grid-template-columns:1fr 1fr}.order-metrics article:last-child{grid-column:1/-1} }
.demo-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 22px;padding:15px 18px;border:1px solid #f2c46d;border-radius:14px;background:#fff8e7;color:#62440d}.demo-banner b{white-space:nowrap}.demo-banner span{font-size:.92rem}.demo-readonly .dashboard form{pointer-events:none;opacity:.55}.demo-readonly .dashboard button,.demo-readonly .dashboard input,.demo-readonly .dashboard select,.demo-readonly .dashboard textarea{cursor:not-allowed}
.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:15px 18px;border-radius:14px;color:#083958;background:#dff3ff}.trial-banner b{white-space:nowrap}.trial-banner span{font-size:.92rem}.signup-invite a{margin-top:6px;color:var(--blue);font-weight:850}.trial-page{min-height:100vh;padding:38px;background:linear-gradient(135deg,#061d32,#075d8e)}.trial-shell{display:grid;grid-template-columns:.9fr 1.1fr;width:min(1050px,100%);margin:auto;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 35px 90px #00132366}.trial-intro{padding:58px;color:#fff;background:linear-gradient(145deg,#0b2741,#075d8e)}.trial-logo{color:#fff}.trial-intro .eyebrow{margin-top:55px;color:#ffc76d}.trial-intro h1{margin:0;font-size:46px;line-height:1.03;letter-spacing:-.05em}.trial-intro>p{line-height:1.65;color:#d8ebf5}.trial-intro ul{display:grid;gap:13px;margin:28px 0 0;padding-left:20px}.trial-form-card{padding:48px}.trial-form-card h2{margin:0;font-size:34px}.trial-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trial-fields label{display:grid;gap:7px;font-weight:800}.trial-fields input{width:100%;padding:13px;border:1px solid #d5e0e6;border-radius:11px}.trial-submit{width:100%;margin-top:22px;padding:15px;border:0;border-radius:13px;color:#fff;background:var(--navy);font-weight:900}.trial-login{text-align:center;color:var(--muted)}.trial-login a{color:var(--blue);font-weight:850}
@media(max-width:760px){.trial-page{padding:0}.trial-shell{display:block;border-radius:0}.trial-intro,.trial-form-card{padding:32px}.trial-intro .eyebrow{margin-top:32px}.trial-intro h1{font-size:36px}.trial-fields{grid-template-columns:1fr}.page-heading{align-items:stretch;flex-direction:column}.store-preview-button{align-self:flex-start}.demo-banner,.trial-banner{align-items:flex-start;flex-direction:column}}
.official-logo{display:inline-flex;align-items:center;width:220px;max-width:100%;padding:9px 14px;border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 12px 30px #00152522}.official-logo img{display:block;width:100%;height:auto}.trial-logo{width:230px}.login-logo{margin-bottom:8px}.back-to-atx{display:block;width:max-content;margin:8px 0 24px;color:var(--blue);font-size:.83rem;font-weight:800;text-decoration:none}.back-to-atx:hover{text-decoration:underline}.back-to-atx-light{color:#dff3ff}.trial-intro .eyebrow{margin-top:34px}
@media(max-width:760px){.official-logo{width:190px}.trial-logo{width:205px}.back-to-atx{margin-bottom:20px}}