:root{--ink:#27252a;--muted:#898790;--violet:#6939ba;--violet-dark:#53278f;--border:#ecebf0;--canvas:#f8f8fb;--white:#fff;--radius:19px;--shadow:0 12px 36px rgba(29,19,47,.035)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{text-decoration:none;color:inherit}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}small{color:var(--muted)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:16px;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#5831bc 0%,#a046b5 48%,#ff9358 100%);box-shadow:0 9px 25px #8249ae29}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:17px;letter-spacing:-.5px;line-height:1}.brand-copy small{font-size:8px;font-weight:750;letter-spacing:2.45px;color:#9389a5}.brand,.auth-brand{display:flex;align-items:center;gap:11px}.app-shell{display:flex;min-height:100vh}.sidebar{width:259px;flex:none;min-height:100vh;display:flex;flex-direction:column;padding:29px 20px 20px;background:white;border-right:1px solid #eae9ed;position:sticky;top:0;height:100vh}.sidebar .brand{padding:6px 12px 43px}.side-label,.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:850;color:#a4a0ab}.side-label{padding:0 15px 16px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 15px;border-radius:11px;font-size:13px;font-weight:610;color:#74717e;transition:.15s}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f8f6fd;color:#623aab}.nav-item.active{background:#f4effe;color:#6236ae;font-weight:750}.nav-item em{margin-left:auto;font-size:10px;font-style:normal;background:#e9e0fa;border-radius:9px;padding:3px 8px}.sidebar-bottom{margin-top:auto}.support-card{padding:22px 20px;border-radius:17px;background:linear-gradient(145deg,#33205b,#704399);color:white;overflow:hidden;position:relative}.support-card:after{content:'';position:absolute;width:130px;height:130px;border:1px solid #ffffff26;border-radius:50%;right:-50px;top:-35px}.support-spark{font-size:20px;margin-bottom:14px;color:#f2b9d0}.support-card strong{font-size:15px;display:block;line-height:1.4}.support-card p{font-size:11px;color:#d7c8e5;line-height:1.6;max-width:150px}.support-card a{display:flex;align-items:center;gap:5px;color:#f9e8f1;font-weight:700;font-size:11px}.support-card .icon{width:14px;height:14px}.logout{display:flex;align-items:center;gap:13px;padding:17px 16px;font-size:13px;color:#817d88}.copyright{font-size:9px;letter-spacing:1.5px;color:#b7b2be;padding:4px 16px}.app-content{flex:1;min-width:0}.topbar{height:86px;padding:0 51px;border-bottom:1px solid #ecebf0;background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;gap:12px;color:#b6b1bc;font-size:12px;font-weight:600}.breadcrumbs b{font-weight:500;color:#d9d5de}.breadcrumbs span:last-child{color:#3c3648}.top-actions{display:flex;align-items:center;gap:28px}.system-status{font-size:11px;font-weight:650;color:#686b70}.system-status i{display:inline-block;background:#4dbc80;width:7px;height:7px;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #e1f7e8}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid #e7e4eb;padding-left:24px}.avatar{width:37px;height:37px;background:#f3eafd;color:#7b4caf;display:grid;place-items:center;border-radius:12px;font-weight:850}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{font-size:9px;margin-top:4px}.page{max-width:1680px;margin:0 auto;padding:35px 51px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:29px}.page-heading h1{font-size:clamp(30px,3.1vw,39px);line-height:1.13;letter-spacing:-1.9px;margin:13px 0 10px;font-weight:820}.heading-dot{color:#b364d9}.page-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:11px 17px;border-radius:10px;border:1px solid transparent;font-size:12px;letter-spacing:-.05px;font-weight:740;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn .icon{width:16px;height:16px}.btn-primary{background:#6d40b8;color:white;box-shadow:0 6px 12px #58319e1d}.btn-primary:hover{background:#59349b}.btn-secondary{background:white;border:1px solid #e8e6ed;color:#494252}.btn-secondary:hover{background:#faf8fe;border-color:#d2c5e6}.btn-danger{background:#fff5f4;border-color:#fee3e1;color:#b4534d}.btn-text{border:0;background:none;color:#7140b0;padding:6px;min-height:0}.hero-banner{min-height:286px;background:linear-gradient(106deg,#30214f 0%,#553177 52%,#98616e 100%);border-radius:21px;position:relative;overflow:hidden;padding:34px 47px;display:flex;justify-content:space-between;align-items:center;color:white;box-shadow:0 18px 40px #3f22451c}.hero-banner:before,.hero-banner:after{content:'';position:absolute;border:1px solid #ffffff15;border-radius:50%;width:480px;height:480px;right:-125px;top:-140px}.hero-banner:after{width:650px;height:650px;right:-217px;top:-226px}.hero-banner>div{position:relative;z-index:1}.hero-overline{font-size:10px;font-weight:800;letter-spacing:2.4px;color:#e8c9f8}.hero-spark{color:#ffb88c;font-size:22px;margin-right:9px;vertical-align:middle}.hero-banner h2{font-size:clamp(29px,3vw,41px);line-height:1.11;letter-spacing:-1.4px;margin:17px 0 12px}.hero-banner h2 i{font-family:Georgia,serif;font-weight:400;color:#ffb89b}.hero-banner p{max-width:430px;color:#e2cbe8;font-size:12px;line-height:1.75}.hero-button{display:inline-flex;align-items:center;gap:12px;color:#fff;background:#ffffff28;border:1px solid #ffffff35;border-radius:8px;padding:11px 15px;margin-top:10px;font-size:11px;font-weight:800}.hero-button .icon{width:15px}.hero-book{width:330px;max-width:34%;height:235px;display:flex;align-items:center;transform:perspective(1000px) rotateX(3deg) rotateY(-12deg) rotateZ(-4deg);filter:drop-shadow(12px 24px 24px #0b061938)}.hero-page{width:50%;height:226px;background:#ede4da;box-shadow:inset 0 0 25px #8d776151;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-page-left{border-radius:3px 0 0 3px;justify-content:space-between;padding:24px;background:linear-gradient(120deg,#f9efe0,#e1cbb2)}.hero-page-left span,.hero-page-left small{font-size:7px;letter-spacing:1.5px;color:#936d54}.hero-page-left strong{font-family:Georgia,serif;color:#563822;font-size:23px;font-weight:400;line-height:1.15}.hero-page-left em{color:#ba7558}.hero-page-right{border-radius:0 3px 3px 0;align-items:center;justify-content:space-between;padding:17px;background:linear-gradient(135deg,#e9c6aa,#d7b28f)}.hero-page-right span{font-size:7px;letter-spacing:1.3px;color:#6a412d}.hero-plate{width:135px;height:135px;border-radius:50%;background:radial-gradient(circle at 45% 45%,#dd8c5d 0 17%,#8b4d2e 18% 25%,#f3c283 26% 33%,#82582b 34% 40%,#fce7c6 41% 52%,#ae7a58 53% 54%,#f6e2c6 55%);box-shadow:6px 12px 19px #79523952}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0 39px}.stat{padding:25px 26px;background:#fff;border:1px solid #eeecf0;border-radius:17px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;min-height:170px}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}.stat-icon.purple{background:#f2eafc;color:#804dbd}.stat-icon.orange{background:#fff0e5;color:#e7974b}.stat-icon.green{background:#e8f7ed;color:#48a571}.stat-icon.blue{background:#e9f1ff;color:#5991d3}.stat-icon .icon{width:19px;height:19px}.stat span{font-size:11px;color:#827c89;font-weight:600}.stat strong{font-size:33px;letter-spacing:-1px;margin:6px 0 5px}.stat small{font-size:10px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px}.section-title h2{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.section-title p{margin:0;color:#99939f;font-size:11px}.text-link{color:#7545b2;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.text-link .icon{width:15px}.table-card,.panel,.restaurant-card,.menu-card,.empty{background:white;border:1px solid #eae9ef;border-radius:17px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th{text-align:left;color:#aaa3b1;font-size:9px;letter-spacing:1.25px;font-weight:850;background:#fdfcfe}td,th{padding:18px 23px;border-bottom:1px solid #f1eff2}tbody tr:last-child td{border-bottom:0}td{font-size:12px;color:#77717c}.table-primary{display:flex;align-items:center;gap:11px;color:#3c3546}.table-primary strong,.table-primary small{display:block}.table-primary small{margin-top:4px;font-size:10px}.file-thumb,.mini-icon{width:38px;height:42px;border-radius:10px;background:#f3eefb;display:grid;place-items:center;color:#8053b7}.file-thumb .icon{width:19px}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:100px;font-size:10px;font-weight:750;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%}.status.live{background:#eaf9ee;color:#3b9a67}.status.live:before{background:#4cc17f}.status.draft{background:#f1eff4;color:#87818d}.status.draft:before{background:#a09aaa}.table-action{display:inline-flex;gap:7px;align-items:center;color:#7040b2;font-size:11px;font-weight:750}.table-action .icon{width:14px}.panel{padding:26px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.panel-heading h3{font-size:16px;letter-spacing:-.25px;margin:0 0 6px}.panel-heading p{margin:0;color:#928d98;font-size:11px;line-height:1.55}.panel-heading>.icon{color:#9a6fbc}.panel-ico{color:#8c57b8}.form-card{margin-bottom:30px}.inline-form{display:flex;flex-wrap:wrap;gap:13px;align-items:end}.inline-form label{min-width:170px;flex:1}.inline-form .btn{align-self:end}.inline-form.two-rows label{min-width:230px}.stack-form{display:flex;flex-direction:column;gap:14px}.stack-form .btn{align-self:flex-start}.panel label,.auth-form label{display:flex;flex-direction:column;gap:8px;color:#625c68;font-size:11px;font-weight:700}.panel input:not([type=checkbox]):not([type=file]):not([type=range]),.panel select,.auth-form input,.copy-field input{height:43px;width:100%;border:1px solid #e6e3eb;border-radius:9px;background:#fff;padding:10px 12px;font-size:12px;color:#3c3546;outline:none}.panel input:focus,.panel select:focus,.auth-form input:focus{border-color:#976cce;box-shadow:0 0 0 3px #9060c013}.panel input[type=color]{padding:3px!important;width:53px!important;min-width:53px}.two-col-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.two-col-fields input[type=color]{width:100%!important}.dropzone{border:1px dashed #c7b8d8;padding:25px;border-radius:12px;display:flex!important;align-items:center;justify-content:center;background:#faf8fc;cursor:pointer;gap:8px!important;text-align:center}.dropzone>.icon{width:33px;height:33px;color:#996fc4}.dropzone strong{font-size:12px}.dropzone input{font-size:10px;max-width:235px}.dropzone small{font-size:10px}.tiny{font-size:10px;color:#a49ba9;line-height:1.5;margin:0}.muted{font-size:12px;color:#97919b}.empty{text-align:center;padding:60px 24px;margin:15px 0}.empty-icon{margin:auto auto 15px;width:63px;height:63px;border-radius:17px;background:#f5eefb;color:#8355b7;display:grid;place-items:center}.empty-icon .icon{width:27px;height:27px}.empty strong{display:block;font-size:17px}.empty p{font-size:12px;color:#948f9c}.restaurant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.restaurant-card{padding:23px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;transition:transform .15s,box-shadow .15s}.restaurant-card:hover,.menu-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px #36224612}.restaurant-monogram{width:55px;height:55px;border-radius:13px;background:var(--r-color);color:white;display:grid;place-items:center;font-size:23px;font-weight:850}.restaurant-card>div:nth-child(2){flex:1}.restaurant-card strong{font-size:13px;display:block}.restaurant-card small{font-size:11px;display:block;margin-top:6px}.restaurant-card-foot{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:17px;border-top:1px solid #f1eff2;color:#958e9a;font-size:11px}.restaurant-card-foot .icon{width:16px;color:#7444a6}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-list{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.mini-item{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #f0edf3;border-radius:10px}.mini-item strong,.mini-item small{display:block}.mini-item strong{font-size:12px}.mini-item small{font-size:10px;margin-top:5px}.mini-icon{width:35px;height:35px}.menu-row{display:flex;gap:15px;align-items:center;background:white;border:1px solid #eceaf0;border-radius:13px;padding:16px 20px;margin-bottom:10px}.menu-row>div{flex:1}.menu-row strong,.menu-row small{display:block}.menu-row strong{font-size:13px}.menu-row small{font-size:11px;margin-top:5px}.back-link{display:flex;align-items:center;gap:6px;color:#887e8e;font-size:11px;font-weight:700;margin-bottom:16px}.back-link .icon{width:15px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.menu-card{overflow:hidden;transition:.15s}.menu-cover{height:214px;padding:25px;background:radial-gradient(circle at 80% 10%,#e4cee6,#a48ac1 46%,#735394 110%);display:grid;place-items:center}.menu-cover-pages{background:#fffdf5;width:152px;height:172px;border-radius:4px;box-shadow:-6px 5px 0 #d6cad4,-12px 10px 0 #b8a3be,6px 17px 22px #321a5738;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:13px;text-align:center;color:#563d49;transform:rotate(4deg)}.menu-cover-pages span{font-size:7px;letter-spacing:2px}.menu-cover-pages>.icon{height:30px;width:30px;color:#af7b7e}.menu-cover-pages strong{font-family:Georgia,serif;font-size:18px;font-weight:400;line-height:1.1}.menu-cover-pages small{font-size:8px;color:#ba9a96}.menu-card-info{padding:22px}.menu-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.menu-card-title strong{font-size:14px}.menu-card-info>small{font-size:10px;display:block;margin-top:7px}.menu-card-actions{display:flex;gap:9px;align-items:center;margin-top:22px}.menu-card-actions .btn{flex:1}.icon-button{height:41px;width:41px;border-radius:10px;border:1px solid #e9e6ee;display:inline-flex;align-items:center;justify-content:center;background:white;color:#756b79}.icon-button:hover{background:#f5effe}.icon-button .icon{width:17px}.heading-actions{display:flex;gap:8px;align-items:center}.heading-actions form{margin:0}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:19px;align-items:start}.editor-workspace{background:#fff;border:1px solid #e9e7eb;border-radius:16px;overflow:hidden}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #eae6eb;gap:10px}.workspace-toolbar strong,.workspace-toolbar small{display:block}.workspace-toolbar strong{font-size:13px}.workspace-toolbar small{font-size:11px;margin-top:5px}.workspace-page-nav{display:flex;align-items:center;gap:11px}.workspace-page-nav .icon-button{height:32px;width:32px}.workspace-page-nav span{font-size:10px;white-space:nowrap;font-weight:760}.editor-canvas-area{min-height:500px;background:repeating-linear-gradient(45deg,#f4f1f4 0 8px,#f9f7f9 8px 16px);padding:32px 22px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-page-wrap{position:relative;touch-action:none;line-height:0;max-width:100%;box-shadow:0 18px 55px #42364832}.editor-page-wrap canvas{display:block;max-width:100%;height:auto;cursor:crosshair}.editor-selection{position:absolute;border:2px dashed #a26ce9;background:#ba94e83d;pointer-events:none}.loading-message{font-size:12px;color:#867e8b}.canvas-hint{margin:14px 0 0;color:#918b95;font-size:10px;line-height:1.6;text-align:center}.editor-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 21px}.save-state{font-size:10px;color:#938d9b}.editor-side{display:flex;flex-direction:column;gap:18px}.edit-inspector{min-height:245px}.inspector-empty{padding:28px 10px;display:grid;place-items:center;text-align:center;gap:10px;color:#ae9cb8}.inspector-empty .icon{width:37px;height:37px}.inspector-empty p{font-size:11px;line-height:1.6;max-width:205px;color:#918c99}.check-line{display:flex!important;align-items:center;flex-direction:row!important;font-weight:630!important}.check-line input{accent-color:#7540a8}.editor-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.qr-content{display:flex;align-items:center;gap:24px}.qr-frame{min-height:170px;min-width:170px;display:grid;place-items:center;border:1px solid #eeeaf2;border-radius:12px;padding:13px}.qr-frame svg{width:143px;height:143px}.qr-info{min-width:0;flex:1}.qr-info .eyebrow{font-size:9px}.copy-field{display:flex;gap:5px;margin:9px 0 15px}.copy-field input{min-width:0;text-overflow:ellipsis}.copy-field .icon-button{flex:none;height:42px}.qr-info .tiny{margin-top:12px}.revision-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1eff3;padding:7px 0}.revision-row span{font-size:11px;color:#77707b}.detail-lines>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #efedf1;padding:14px 0;font-size:12px}.detail-lines strong{font-weight:700;text-align:right}.detail-lines span{color:#928b95}.alert{border-radius:11px;padding:13px 17px;background:#edf9f1;color:#318155;margin-bottom:22px;font-weight:650;font-size:12px}.alert.error{background:#fff1ef;color:#ba5b49}.app-footer{padding:18px 50px 26px;text-align:center;font-size:10px;color:#a7a0ab}.app-footer strong{font-weight:650;color:#8b8292}.auth-shell{display:grid;grid-template-columns:51% 49%;min-height:100vh;background:white}.auth-panel{padding:min(8vh,90px) clamp(40px,7vw,115px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.auth-brand{position:absolute;top:46px}.auth-panel .eyebrow{margin-top:55px;color:#8f60ba}.auth-panel h1{font-size:clamp(35px,3.8vw,56px);letter-spacing:-2.1px;line-height:1.18;margin:15px 0}.gradient-text{background:linear-gradient(120deg,#7545bd,#d08086);color:transparent;background-clip:text}.auth-intro{font-size:13px;color:#96909b;line-height:1.8;margin:6px 0 28px;max-width:430px}.auth-form{display:flex;flex-direction:column;gap:17px;width:min(100%,420px)}.auth-form label{font-size:12px}.auth-form input{height:49px}.full{width:100%;min-height:50px}.secure-note{display:flex;align-items:center;gap:8px;color:#9a91a0;font-size:11px;margin-top:23px}.secure-note .icon{width:16px}.auth-visual{background:radial-gradient(circle at 50% 35%,#64416f 0,#312246 67%,#231c36);display:flex;flex-direction:column;justify-content:space-between;padding:52px 55px;color:white;position:relative;overflow:hidden}.auth-orbit{position:absolute;width:690px;height:690px;border:1px solid #ffffff16;border-radius:50%;right:-245px;top:-95px;box-shadow:0 0 0 100px #ffffff05,0 0 0 220px #ffffff04}.auth-kicker,.art-brow{font-size:10px;letter-spacing:2.5px;color:#cfb5d8;z-index:1}.auth-art{z-index:1;text-align:center}.art-book{height:320px;width:480px;max-width:100%;margin:42px auto 10px;display:flex;transform:perspective(1000px) rotateY(-7deg) rotateX(7deg);filter:drop-shadow(12px 30px 35px #180e28a0)}.art-page{width:50%;background:#f7eee0;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#654436}.art-left{text-align:left;border-radius:7px 0 0 7px;background:linear-gradient(135deg,#fcf6eb,#e6d2bc);box-shadow:inset -13px 0 21px #60504a2b}.art-left i{font:italic 11px Georgia;letter-spacing:2px}.art-left strong{font:38px/1.18 Georgia,serif;letter-spacing:-1px}.art-left span{font-size:9px;letter-spacing:2px}.art-right{border-radius:0 7px 7px 0;box-shadow:inset 12px 0 18px #4a311921;background:linear-gradient(125deg,#d4ad8b,#f7e1c1)}.art-right small{color:#714e3d}.art-food{width:205px;height:205px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ba5733 0 14%,#e3a56d 15% 20%,#6c4329 21% 31%,#f0c88a 32% 42%,#9d6341 43% 45%,#f7e5cd 46% 62%,#b88c6d 63% 64%,#f7e2c8 65%);filter:drop-shadow(8px 13px 16px #4c2e1e76)}.auth-bottom{z-index:1;display:flex;flex-direction:column;gap:8px}.auth-bottom strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.auth-bottom span{font-size:11px;color:#cab8d0}
@media(max-width:1250px){.page{padding:28px 25px 55px}.topbar{padding:0 25px}.sidebar{width:225px}.hero-book{width:260px}.stats{gap:11px}.stat{padding:20px}.restaurant-grid,.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-shell{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-book{display:none}.editor-shell,.editor-bottom,.split-cards{grid-template-columns:1fr}.auth-visual{display:none}.auth-shell{display:block}.auth-panel{min-height:100vh;padding:90px 10%}.auth-brand{top:28px}.editor-canvas-area{min-height:400px}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:relative;top:auto;width:100%;height:auto;min-height:0;padding:12px 12px}.sidebar .brand{padding:5px 7px 12px}.sidebar nav{display:flex;flex-direction:row;gap:3px;overflow-x:auto;scrollbar-width:none}.nav-item{font-size:11px;padding:10px;gap:7px;white-space:nowrap}.nav-item .icon{width:15px;height:15px}.nav-item em,.side-label,.sidebar-bottom{display:none}.topbar{height:60px;padding:0 16px}.breadcrumbs,.system-status{display:none}.top-actions{margin-left:auto}.page{padding:25px 15px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:31px}.hero-banner{padding:28px 22px;min-height:265px}.hero-banner h2{font-size:29px}.hero-banner p{font-size:11px}.stats{gap:9px;margin-top:16px}.stat{min-height:140px;padding:17px}.stat strong{font-size:29px}.restaurant-grid,.menu-grid{grid-template-columns:1fr}.form-card{padding:17px}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{width:100%}.panel{padding:18px}.menu-row{flex-wrap:wrap}.menu-row .status{margin-left:auto}.menu-row .btn{width:100%}table{display:block;overflow:auto}th,td{padding:15px;white-space:nowrap}.editor-page-heading .heading-actions{flex-wrap:wrap}.editor-workspace .editor-foot{padding:11px}.editor-foot .btn{width:100%}.qr-content{flex-direction:column;align-items:flex-start}.qr-info{width:100%}.app-footer{padding:20px}.hero-banner{border-radius:15px}.auth-panel{padding:90px 8% 35px}.auth-panel h1{font-size:36px}.workspace-toolbar{flex-wrap:wrap}.editor-canvas-area{padding:17px 10px}}

[hidden]{display:none!important}