:root{
  --bg:#08090b;--panel:#101216;--panel-2:#151820;--panel-3:#1a1d24;--line:#262a33;
  --text:#f5f7fb;--muted:#969ca8;--muted-2:#6d7480;--accent:#d6ff47;--danger:#ff6b6b;
  --success:#79e29a;--warning:#ffce73;--shadow:0 28px 70px rgba(0,0,0,.35);
  --radius:22px;--radius-sm:14px;--sidebar:260px;--topbar:76px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer}::selection{background:rgba(214,255,71,.25)}
.container{width:min(1180px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)}.tiny{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c8ccd4;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 4px rgba(214,255,71,.12)}
.btn{border:1px solid var(--line);background:#121419;color:#fff;border-radius:12px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:13px;transition:.18s ease}.btn:hover{border-color:#3a3f49;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0a0b0d}.btn.danger{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.28);color:#ffaaa8}.btn.ghost{background:transparent}.btn.sm{min-height:36px;padding:0 11px;font-size:12px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#111318;color:#d9dce2;display:inline-grid;place-items:center}.icon-btn:hover{background:#191c22;border-color:#3a3f49}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.input,.textarea,.select{width:100%;border:1px solid #2a2e37;background:#0f1115;color:#f6f7fa;border-radius:12px;min-height:44px;padding:10px 12px;outline:none;transition:.18s}.textarea{min-height:104px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:#5f6673;box-shadow:0 0 0 3px rgba(255,255,255,.04)}label{display:block;color:#b8bdc7;font-size:12px;font-weight:700;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field.full{grid-column:1/-1}.hint{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}.error-text{color:#ffaaa8;font-size:12px;margin-top:8px}.success-text{color:var(--success);font-size:12px;margin-top:8px}
.boot-screen,.loading-screen,.error-page,.not-found{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 20%,#171a20 0,#090a0d 46%,#060608 100%)}.boot-screen{display:flex;gap:16px;justify-content:center}.boot-mark,.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #353945;border-radius:14px;background:linear-gradient(145deg,#1a1d23,#0d0f12);font-weight:900;letter-spacing:-.05em}.boot-copy{display:flex;flex-direction:column;gap:4px;justify-content:center}.boot-copy strong{font-size:14px;letter-spacing:.08em}.boot-copy span{font-size:12px;color:var(--muted)}.spinner{width:30px;height:30px;border:2px solid #2b3038;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Landing */
.landing{min-height:100dvh;background:radial-gradient(circle at 80% 10%,rgba(79,89,120,.22),transparent 34%),linear-gradient(180deg,#0a0b0d,#070708)}.landing-nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:14px;letter-spacing:.1em}.brand-copy small{font-size:9px;color:var(--muted);letter-spacing:.14em}.landing-actions{display:flex;gap:9px}.landing-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding:84px 0 90px}.landing-hero h1{font-size:clamp(50px,7vw,94px);line-height:.92;letter-spacing:-.065em;margin:20px 0 26px;max-width:780px}.landing-hero h1 span{color:#949aa5}.landing-hero p{font-size:18px;line-height:1.65;color:#abb0ba;max-width:620px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#838996;font-size:12px}.hero-point{display:flex;align-items:center;gap:7px}.device-card{position:relative;border:1px solid #242832;background:linear-gradient(145deg,#101318,#0c0e11);border-radius:32px;padding:18px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.device{border-radius:25px;overflow:hidden;background:#f5f1e9;color:#171514;min-height:580px;position:relative}.device-cover{height:255px;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.68)),url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=900&q=80') center/cover}.device-cover-copy{position:absolute;left:24px;right:24px;bottom:22px;color:white}.device-cover-copy strong{font-size:30px;display:block;letter-spacing:-.04em}.device-cover-copy span{font-size:12px;opacity:.82}.device-body{padding:20px}.mini-search{height:44px;background:#fff;border:1px solid #e8e3da;border-radius:13px;display:flex;align-items:center;padding:0 13px;color:#87827b;font-size:12px}.mini-chips{display:flex;gap:7px;margin:15px 0;overflow:hidden}.mini-chip{white-space:nowrap;padding:8px 11px;background:#ece7de;border-radius:99px;font-size:10px;font-weight:700}.mini-chip:first-child{background:#141414;color:#fff}.mini-product{display:grid;grid-template-columns:1fr 82px;gap:12px;padding:13px 0;border-bottom:1px solid #e0dbd2}.mini-product h4{margin:0 0 5px;font-size:14px}.mini-product p{margin:0;color:#7c7770;font-size:10px;line-height:1.45}.mini-product b{display:block;margin-top:8px;font-size:12px}.mini-product img{width:82px;height:82px;object-fit:cover;border-radius:14px}.floating-stat{position:absolute;right:-26px;bottom:55px;background:rgba(17,19,24,.94);backdrop-filter:blur(14px);border:1px solid #2d323c;border-radius:18px;padding:16px 18px;min-width:185px;box-shadow:var(--shadow)}.floating-stat span{display:block;color:var(--muted);font-size:10px}.floating-stat strong{display:block;font-size:30px;margin-top:4px}
.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:76px}.feature{border:1px solid #1f232b;border-radius:20px;background:#0d0f12;padding:24px}.feature .feature-icon{width:42px;height:42px;border-radius:12px;border:1px solid #2a2f38;display:grid;place-items:center;margin-bottom:30px;color:#cfd3db}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
/* Auth */
.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#090a0c}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,8,10,.18),rgba(7,8,10,.86)),url('https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1600&q=85') center/cover}.auth-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.2),rgba(0,0,0,.55))}.auth-visual-copy{position:absolute;z-index:2;left:54px;right:54px;bottom:52px}.auth-visual-copy .brand{margin-bottom:40px}.auth-visual-copy h1{font-size:52px;line-height:1;letter-spacing:-.045em;margin:0 0 14px}.auth-visual-copy p{margin:0;color:#c0c4cc;max-width:460px;line-height:1.6}.auth-form-wrap{display:grid;place-items:center;padding:38px}.auth-card{width:min(430px,100%)}.auth-card h2{font-size:34px;letter-spacing:-.04em;margin:0 0 8px}.auth-card>p{margin:0 0 28px;color:var(--muted);line-height:1.55}.auth-card .form-field{margin-bottom:14px}.auth-help{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px;font-size:12px;color:var(--muted)}.auth-help a:hover{color:#fff}.auth-submit{width:100%}.auth-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:20px}.auth-note{margin-top:24px;padding-top:18px;border-top:1px solid #1d2128;color:#6f7580;font-size:11px;line-height:1.6}
/* Dashboard */
.dashboard{min-height:100dvh;background:#090a0c;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid #1f232a;background:#0c0e11;padding:18px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{height:58px;display:flex;align-items:center;gap:11px;margin-bottom:20px}.sidebar-brand .brand-mark{width:38px;height:38px;border-radius:11px}.sidebar-brand strong{font-size:12px;letter-spacing:.1em;display:block}.sidebar-brand small{font-size:9px;color:#777e89;letter-spacing:.12em}.nav-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#656b75;margin:17px 10px 7px}.side-nav{display:grid;gap:4px}.side-nav button,.side-nav a{border:0;width:100%;background:transparent;color:#9197a2;border-radius:10px;min-height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;font-size:12px;font-weight:650}.side-nav button:hover,.side-nav a:hover{background:#13161b;color:#dce0e7}.side-nav .active{background:#171a20;color:#fff}.side-nav .active::before{content:"";width:3px;height:18px;background:var(--accent);border-radius:99px;margin-left:-11px}.sidebar-bottom{margin-top:auto;border-top:1px solid #1c2027;padding-top:14px}.account-mini{display:grid;grid-template-columns:36px 1fr 32px;gap:9px;align-items:center}.avatar{width:36px;height:36px;border-radius:11px;background:#191d24;border:1px solid #2a3039;display:grid;place-items:center;font-weight:800;font-size:12px}.account-mini strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-mini span{font-size:9px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:15;background:rgba(9,10,12,.87);backdrop-filter:blur(18px);border-bottom:1px solid #1b1f26;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.topbar-title small{display:block;color:#747b87;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:3px}.topbar-title strong{font-size:14px}.topbar-actions{display:flex;align-items:center;gap:9px}.status{font-size:10px;border:1px solid #2d323c;border-radius:99px;padding:7px 10px;color:#aeb4bf}.status.active{color:#a9efbb;border-color:rgba(121,226,154,.25);background:rgba(121,226,154,.06)}.status.paused{color:#ffd18a;border-color:rgba(255,206,115,.24);background:rgba(255,206,115,.05)}.main-content{padding:30px 28px 54px;max-width:1500px;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-.035em;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{border:1px solid #22262e;background:#0f1115;border-radius:17px;padding:18px;min-height:130px}.stat-card .stat-label{display:flex;align-items:center;justify-content:space-between;color:#858b96;font-size:11px}.stat-value{font-size:31px;font-weight:850;letter-spacing:-.04em;margin-top:20px}.stat-foot{margin-top:6px;color:#6e7581;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel-card{border:1px solid #22262e;background:#0f1115;border-radius:18px;overflow:hidden}.panel-card-head{min-height:58px;padding:0 18px;border-bottom:1px solid #20242b;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-card-head h3{font-size:13px;margin:0}.panel-card-body{padding:18px}.quick-list{display:grid;gap:10px}.quick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #1c2026}.quick-row:last-child{border-bottom:0}.quick-row strong{font-size:12px}.quick-row span{font-size:10px;color:var(--muted)}.url-box{border:1px solid #2b3039;background:#0b0d10;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.url-box code{font-size:11px;color:#c3c8d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-wrap{border:1px solid #22262e;background:#0f1115;border-radius:18px;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#6e7580;text-align:left;font-weight:700;padding:13px 16px;border-bottom:1px solid #20242b}.data-table td{padding:13px 16px;border-bottom:1px solid #1b1f25;font-size:12px;color:#c5cad3;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.table-main{display:flex;align-items:center;gap:11px}.thumb{width:46px;height:46px;border-radius:11px;object-fit:cover;background:#1b1f25}.table-main strong{display:block;color:#eef0f4;font-size:12px;margin-bottom:3px}.table-main small{display:block;color:#787f8b;font-size:10px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.pill{display:inline-flex;align-items:center;border:1px solid #2c313a;border-radius:99px;padding:5px 8px;font-size:9px;color:#aeb4be}.pill.ok{color:#a9efbb;border-color:rgba(121,226,154,.24);background:rgba(121,226,154,.05)}.pill.off{color:#ffcc84;border-color:rgba(255,206,115,.22)}.toggle{width:42px;height:24px;border-radius:99px;border:1px solid #303641;background:#171a20;padding:2px;position:relative}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#6b717c;transition:.18s}.toggle.on{background:rgba(121,226,154,.12);border-color:rgba(121,226,154,.32)}.toggle.on span{transform:translateX(17px);background:#79e29a}
.category-list{display:grid;gap:9px}.category-row{border:1px solid #22262e;background:#0f1115;border-radius:14px;padding:14px 15px;display:flex;align-items:center;gap:12px}.drag-dot{width:30px;height:30px;border:1px solid #2a2f37;border-radius:9px;display:grid;place-items:center;color:#737984}.category-row strong{font-size:12px}.category-row span{font-size:10px;color:var(--muted)}.category-row .grow{flex:1}.business-form{border:1px solid #22262e;background:#0f1115;border-radius:18px;padding:20px}.upload-preview{display:flex;align-items:center;gap:14px}.upload-preview img{width:110px;height:80px;object-fit:cover;border-radius:12px;border:1px solid #2a2e37;background:#171a1f}.upload-preview.logo img{width:72px;height:72px;border-radius:18px}.color-row{display:flex;gap:10px;align-items:center}.color-row input[type=color]{width:56px;height:44px;border:1px solid #2a2e37;border-radius:11px;background:#0f1115;padding:4px}.empty-state{border:1px dashed #303540;border-radius:16px;padding:34px;text-align:center;color:#7d8490}.empty-state strong{display:block;color:#c8cdd5;margin-bottom:7px}.empty-state p{margin:0;font-size:11px;line-height:1.5}
/* Modal & Toast */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:min(86dvh,860px);overflow:auto;border:1px solid #2a2e37;background:#101216;border-radius:20px;box-shadow:var(--shadow)}.modal-head{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22262e;position:sticky;top:0;background:#101216;z-index:2}.modal-head h3{font-size:15px;margin:0}.modal-body{padding:20px}.modal-actions{padding:15px 20px;border-top:1px solid #22262e;display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#101216}.toast-root{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px;pointer-events:none}.toast{min-width:260px;max-width:420px;border:1px solid #303540;background:#15181e;color:#f6f7fa;border-radius:13px;padding:12px 14px;box-shadow:var(--shadow);font-size:12px;animation:toastin .2s ease}.toast.success{border-color:rgba(121,226,154,.32)}.toast.error{border-color:rgba(255,107,107,.36)}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Public menu */
.menu-page{--menu-accent:#d6ff47;min-height:100dvh;background:#ece9e2;color:#171615}.menu-shell{width:min(900px,100%);margin:auto;background:#f7f4ee;min-height:100dvh;box-shadow:0 0 80px rgba(0,0,0,.14)}.menu-hero{height:390px;position:relative;overflow:hidden;background:#151515}.menu-hero-bg{width:100%;height:100%;object-fit:cover}.menu-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.75))}.menu-hero-top{position:absolute;z-index:2;left:24px;right:24px;top:22px;display:flex;align-items:center;justify-content:space-between}.menu-logo{width:62px;height:62px;border-radius:18px;background:var(--menu-accent);color:#121212;display:grid;place-items:center;font-size:19px;font-weight:900;border:1px solid rgba(255,255,255,.45);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.22)}.menu-logo img{width:100%;height:100%;object-fit:cover}.menu-actions{display:flex;gap:8px}.menu-action{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(10,10,10,.35);backdrop-filter:blur(10px);display:grid;place-items:center;color:#fff}.menu-brand{position:absolute;z-index:2;left:24px;right:24px;bottom:25px;color:#fff}.menu-brand .tiny{opacity:.7}.menu-brand h1{font-size:46px;line-height:.98;letter-spacing:-.05em;margin:8px 0 8px}.menu-brand>p{margin:0;color:rgba(255,255,255,.78);font-size:14px;max-width:620px}.menu-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:rgba(255,255,255,.72)}.menu-meta span{display:flex;align-items:center;gap:6px}.paused-banner{background:#ffcf73;color:#241b0b;padding:10px 18px;text-align:center;font-size:11px;font-weight:800}.menu-toolbar{position:sticky;top:0;z-index:30;background:rgba(247,244,238,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ded9d0;padding:14px 18px 12px}.menu-search{height:45px;border:1px solid #dcd6cc;background:#fff;border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#8b867f}.menu-search input{flex:1;border:0;outline:0;background:transparent;color:#1c1a18;font-size:13px}.category-strip{display:flex;gap:7px;overflow:auto;padding-top:11px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{white-space:nowrap;border:1px solid #dbd5cb;background:#efebe4;color:#5f5a53;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:800}.category-chip.active{background:#171716;color:#fff;border-color:#171716}.menu-body{padding:12px 18px 30px}.menu-section{padding-top:20px;scroll-margin-top:115px}.menu-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.menu-section-head h2{margin:0;font-size:22px;letter-spacing:-.035em}.menu-section-head span{font-size:10px;color:#8c867e}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product-card{border:1px solid #ddd7ce;background:#fff;border-radius:17px;overflow:hidden}.product-image{height:170px;background:#e9e5dd;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.sold-out{position:absolute;inset:0;background:rgba(20,20,20,.66);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.product-copy{padding:14px}.product-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-title h3{margin:0;font-size:15px;line-height:1.2;letter-spacing:-.015em}.price{white-space:nowrap;font-size:14px;font-weight:900}.product-copy p{margin:8px 0 0;color:#777169;font-size:11px;line-height:1.5}.menu-empty{padding:52px 16px;text-align:center;color:#878179}.menu-empty strong{display:block;color:#2b2926;margin-bottom:7px}.menu-footer{padding:28px 18px 36px;border-top:1px solid #ddd8cf;margin-top:28px}.menu-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-footer small{display:block;color:#8a847c;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.menu-footer strong{font-size:12px}.yata-sign{margin-top:30px;padding-top:18px;border-top:1px solid #ddd8cf;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9a948c;text-align:center}
/* Setup error */
.setup-card{width:min(720px,100%);border:1px solid #272c35;background:#101216;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.setup-card h1{font-size:28px;margin:12px 0 10px}.setup-card p{color:var(--muted);line-height:1.65}.setup-steps{margin-top:20px;display:grid;gap:10px}.setup-step{border:1px solid #222731;border-radius:13px;padding:13px 14px;color:#bbc0c9;font-size:12px;line-height:1.55}.setup-step code{color:#fff}.code-box{background:#08090b;border:1px solid #242832;border-radius:12px;padding:12px;overflow:auto;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9ced7}
.mobile-nav-toggle{display:none}
@media(max-width:980px){.landing-hero{grid-template-columns:1fr;gap:44px}.device-card{width:min(520px,100%);margin:auto}.landing-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.panel-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.dashboard{grid-template-columns:78px 1fr}.sidebar{padding:14px 10px}.sidebar-brand{justify-content:center}.sidebar-brand>div:last-child,.side-nav span,.nav-label,.sidebar-bottom{display:none}.side-nav button,.side-nav a{justify-content:center;padding:0}.side-nav .active::before{display:none}.main-content{padding:24px 18px 44px}.topbar{padding:0 18px}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.landing-nav{height:72px}.landing-actions .btn.ghost{display:none}.landing-hero{padding:58px 0 62px}.landing-hero h1{font-size:54px}.landing-hero p{font-size:15px}.device-card{display:none}.hero-points{gap:12px 18px}.auth-form-wrap{padding:28px 20px}.auth-card h2{font-size:30px}.dashboard{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:66px;border-right:0;border-top:1px solid #252a32;display:block;padding:7px 10px;background:rgba(12,14,17,.96);backdrop-filter:blur(16px);z-index:60}.sidebar-brand,.nav-label,.sidebar-bottom{display:none}.side-nav{grid-template-columns:repeat(5,1fr);display:grid;gap:2px}.side-nav.secondary{display:none}.side-nav button,.side-nav a{min-height:50px;display:grid;place-items:center;align-content:center;gap:3px;font-size:8px;padding:0}.side-nav span{display:block;font-size:8px}.topbar{height:64px}.main-content{padding:20px 14px 90px}.page-heading{display:block}.page-actions{margin-top:14px}.stats{grid-template-columns:1fr 1fr}.stat-card{min-height:112px;padding:14px}.stat-value{font-size:26px;margin-top:15px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.menu-hero{height:330px}.menu-brand h1{font-size:37px}.product-grid{grid-template-columns:1fr}.product-image{height:210px}.menu-footer-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{border-radius:18px;max-height:92dvh}.toast-root{left:12px;right:12px;bottom:80px}.toast{min-width:0;max-width:none}.hide-mobile{display:none!important}}
@media(max-width:420px){.stats{grid-template-columns:1fr}.menu-hero{height:310px}.menu-hero-top,.menu-brand{left:18px;right:18px}.menu-toolbar{padding-left:14px;padding-right:14px}.menu-body{padding-left:14px;padding-right:14px}.page-heading h1{font-size:26px}}
.profile-pill{appearance:none;font:inherit;cursor:pointer;background:transparent;margin:2px 2px 2px 0}.profile-pill:hover{filter:brightness(1.15);transform:translateY(-1px)}

/* YATA brand + Super Admin MFA */
.brand-logo{overflow:hidden;border-radius:50%!important;padding:2px;background:#050506;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(255,255,255,.08)}
.brand-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.mfa-enroll{display:grid;gap:14px;margin:0 0 18px}.mfa-qr{width:220px;max-width:100%;aspect-ratio:1;margin:0 auto;background:#fff;border-radius:18px;padding:12px;display:grid;place-items:center}.mfa-qr img{width:100%;height:100%;object-fit:contain}.mfa-secret{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #242932;background:#0c0e12;border-radius:13px;padding:12px}.mfa-secret span{grid-column:1/-1;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.mfa-secret code{font-size:11px;overflow:auto;color:#e8ebf0}.mfa-code{text-align:center;letter-spacing:.28em;font-size:20px;font-weight:800}

/* FullFix — spacing, account readability, business onboarding */
.stats{gap:18px;margin-bottom:24px}.stat-card{padding:20px;min-height:138px}.stat-card .stat-label{gap:12px}.stat-foot{white-space:normal;line-height:1.45;min-height:1.45em}
.panel-grid{gap:24px}.panel-card{border-radius:20px}.panel-card-head{min-height:64px;padding:0 22px}.panel-card-body{padding:22px}.password-form{display:grid;gap:16px}.password-form .form-field{margin:0}.password-form .btn{justify-self:start;margin-top:2px}
.quick-list{gap:0}.quick-row{padding:18px 2px;min-height:72px;align-items:flex-start}.quick-row>div{display:grid;gap:7px;min-width:0;width:100%}.quick-row span{display:block;order:0;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;color:#737b87}.quick-row strong{display:block;order:1;font-size:13px;line-height:1.45;color:#f0f2f6;overflow-wrap:anywhere}
.context-banner{display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(255,206,115,.22);background:rgba(255,206,115,.055);border-radius:15px;padding:14px 16px;margin:-6px 0 22px;color:#ffd99b}.context-banner svg{flex:0 0 auto;margin-top:1px}.context-banner strong{display:block;font-size:12px;margin-bottom:4px}.context-banner span{display:block;color:#a9a39a;font-size:11px;line-height:1.5}
.table-wrap{margin-top:4px}.data-table{min-width:980px}.data-table th{padding:15px 18px}.data-table td{padding:15px 18px}.table-main{min-width:160px}.row-actions{gap:8px;flex-wrap:nowrap}.manager-list{display:flex;flex-wrap:wrap;gap:6px;max-width:290px}.profile-pill{margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-missing{min-height:34px;border-color:rgba(255,206,115,.24);color:#ffd18a;background:rgba(255,206,115,.04)}
.modal-wide{width:min(860px,100%)}.modal-head{min-height:70px;height:auto;padding:14px 20px}.modal-head>div:first-child{min-width:0}.modal-subtitle{display:block;margin-top:5px;color:#777f8a;font-size:10px;line-height:1.4}.modal-body{padding:24px}.modal-section{display:grid;gap:18px}.modal-section-title{display:flex;align-items:flex-start;gap:12px}.modal-section-title>span{width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(214,255,71,.10);border:1px solid rgba(214,255,71,.22);color:var(--accent);display:grid;place-items:center;font-size:11px;font-weight:900}.modal-section-title strong{display:block;font-size:13px;margin:1px 0 4px}.modal-section-title small{display:block;color:#7e8590;font-size:10px;line-height:1.5}.modal-section-title b{color:#c8ccd4;font-weight:700}.modal-divider{height:1px;background:#242831;margin:24px 0}.credential-input-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.credential-input-row .btn{white-space:nowrap}
.success-banner{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(121,226,154,.28);background:rgba(121,226,154,.07);color:#a9efbb;border-radius:15px;padding:15px 16px;margin-bottom:18px}.success-banner svg{flex:0 0 auto;margin-top:1px}.success-banner strong{display:block;font-size:13px;margin-bottom:4px}.success-banner span{display:block;color:#9ea7a2;font-size:11px;line-height:1.5}.credential-card{border:1px solid #262b34;background:#0b0d10;border-radius:16px;overflow:hidden}.credential-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid #20242b}.credential-row:last-child{border-bottom:0}.credential-row>span{font-size:10px;color:#777f8a;text-transform:uppercase;letter-spacing:.08em}.credential-row strong,.credential-row code{font-size:12px;line-height:1.45;overflow-wrap:anywhere;color:#eef1f5}.secret-row code{font:700 13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6ff47}.security-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:#989faa;font-size:10px;line-height:1.5}.security-note svg{flex:0 0 auto;margin-top:1px}

@media(max-width:980px){.panel-grid{gap:18px}.stats{gap:14px}.data-table{min-width:920px}}
@media(max-width:680px){.stats{gap:10px}.panel-grid{gap:14px}.panel-card-head{padding:0 16px}.panel-card-body{padding:17px}.quick-row{padding:15px 0}.modal-body{padding:18px}.credential-input-row{grid-template-columns:1fr}.credential-input-row .btn{width:100%}.credential-row{grid-template-columns:1fr;gap:5px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 auto}.data-table{min-width:860px}}


/* FINAL FIX — destructive actions + super-admin spacing */
.icon-btn.danger-icon{color:#ff9b9b;border-color:rgba(255,107,107,.24);background:rgba(255,107,107,.045)}
.icon-btn.danger-icon:hover{color:#fff;background:rgba(255,107,107,.16);border-color:rgba(255,107,107,.44)}
.danger-banner{display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(255,107,107,.28);background:rgba(255,107,107,.07);border-radius:14px;padding:14px 15px;color:#ffd0cf}
.danger-banner>svg{flex:0 0 auto;margin-top:1px;color:#ff7f7f}
.danger-banner strong{display:block;font-size:12px;margin-bottom:4px;color:#fff}
.danger-banner span{display:block;color:#c99e9e;font-size:10px;line-height:1.55}
.data-table td:last-child,.data-table th:last-child{min-width:220px}
.row-actions{min-width:200px}
@media(max-width:680px){.data-table td:last-child,.data-table th:last-child{min-width:210px}.row-actions{min-width:190px}}