/* Suvidha POS Premium Experience Layer */
:root{--sx-ink:#17171b;--sx-muted:#77747a;--sx-gold:#b4975a;--sx-gold2:#d8bf82;--sx-paper:#f7f5f0;--sx-card:rgba(255,255,255,.88);--sx-line:rgba(35,32,28,.10);--sx-shadow:0 22px 70px rgba(25,23,20,.12)}

/* Premium login - desktop + mobile */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:radial-gradient(circle at 15% 10%,rgba(180,151,90,.22),transparent 34%),radial-gradient(circle at 85% 90%,rgba(20,20,25,.16),transparent 35%),#111216;position:relative;overflow:hidden;padding:clamp(24px,5vw,72px)}
.login-page:before,.login-page:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%;pointer-events:none}.login-page:before{width:55vw;height:55vw;right:-25vw;top:-28vw}.login-page:after{width:38vw;height:38vw;left:-18vw;bottom:-22vw}
.login-art{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,6vw,90px);color:#fff;min-height:620px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.10);border-radius:34px 0 0 34px;backdrop-filter:blur(20px)}
.login-art:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:9%;top:10%;background:radial-gradient(circle,rgba(180,151,90,.30),transparent 68%);filter:blur(4px);pointer-events:none}.login-art .brand-mark{width:78px;height:78px;border-radius:24px;background:linear-gradient(145deg,#d8bf82,#8e733e);box-shadow:0 20px 55px rgba(180,151,90,.30);display:grid;place-items:center;color:#151515;font-size:38px;font-weight:900;margin-bottom:28px}.login-art .eyebrow{color:#d9c28c;letter-spacing:3px;font-size:11px;font-weight:800}.login-art h1{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,76px);line-height:1.02;margin:18px 0;color:#fff;max-width:720px}.login-art p{max-width:560px;color:rgba(255,255,255,.66);font-size:16px;line-height:1.8}
.login-card{position:relative;z-index:2;align-self:center;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.65);border-radius:0 34px 34px 0;box-shadow:30px 35px 90px rgba(0,0,0,.35);padding:clamp(30px,5vw,58px);min-height:560px;display:flex;flex-direction:column;justify-content:center}.login-card .eyebrow{color:var(--sx-gold);font-size:10px;letter-spacing:2.4px;font-weight:900}.login-card h2{font-family:"Playfair Display",serif;font-size:38px;margin:12px 0 7px;color:var(--sx-ink)}.login-card>p{color:var(--sx-muted);margin:0 0 28px}.login-card form{display:grid;gap:17px}.login-card label{font-size:11px;font-weight:800;letter-spacing:.5px;color:#4d4b4e}.login-card .input{width:100%;height:54px;margin-top:7px;border:1px solid #ddd8cf;border-radius:14px;background:#faf9f6;padding:0 15px;font-size:15px;outline:none;transition:.2s}.login-card .input:focus{border-color:var(--sx-gold);box-shadow:0 0 0 4px rgba(180,151,90,.13);background:#fff}.login-card .btn.primary{height:54px;border-radius:14px;background:linear-gradient(135deg,#29282c,#101114);box-shadow:0 13px 28px rgba(20,20,24,.20);font-weight:800;letter-spacing:.2px}.login-card .error{border-radius:10px}

/* Shared customer menu premium chrome */
.public-shell{background:var(--sx-paper);color:var(--sx-ink)}
.public-main{min-height:100vh}
.menu-top{position:sticky!important;top:0;z-index:30!important;background:rgba(247,245,240,.84)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--sx-line)!important;box-shadow:0 8px 28px rgba(30,27,23,.05)!important;padding:13px clamp(16px,4vw,54px)!important}
.public-brand{gap:12px!important}.public-logo{width:44px!important;height:44px!important;border-radius:13px!important;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.10);padding:5px}.public-brand b{font-size:15px!important;letter-spacing:.1px}.public-brand small{color:#918c84!important}.public-top-actions{gap:8px!important}.table-pill{border:1px solid rgba(40,38,35,.10)!important;background:rgba(255,255,255,.78)!important;border-radius:999px!important;box-shadow:0 5px 15px rgba(0,0,0,.05)!important;transition:.2s}.table-pill:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.09)!important}.scan-qr-btn{background:#202025!important;color:#fff!important;border-color:#202025!important}
.menu-hero{position:relative!important;overflow:hidden!important;margin:22px clamp(14px,4vw,54px)!important;border-radius:32px!important;min-height:360px!important;padding:clamp(38px,6vw,76px)!important;background:radial-gradient(circle at 82% 22%,rgba(216,191,130,.30),transparent 24%),linear-gradient(135deg,#1e1e22,#303037 58%,#17171a)!important;box-shadow:var(--sx-shadow)!important;color:#fff!important}.menu-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.20),transparent 65%);pointer-events:none}.menu-hero>*{position:relative;z-index:1}.menu-hero .eyebrow{color:#d8bf82!important;letter-spacing:3px}.menu-hero h1{font-family:"Playfair Display",serif!important;font-size:clamp(46px,7vw,84px)!important;line-height:.95!important;margin:18px 0!important;letter-spacing:-2px}.menu-hero h1 span{color:#d8bf82!important}.menu-hero p{color:rgba(255,255,255,.68)!important;font-size:15px!important}.hero-meta{display:flex!important;flex-wrap:wrap;gap:9px!important;margin-top:26px}.hero-meta span{border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.06)!important;backdrop-filter:blur(8px);border-radius:999px!important;padding:8px 12px!important;font-size:10px!important;color:rgba(255,255,255,.75)!important}
.customer-bar{margin:0 clamp(14px,4vw,54px) 14px!important;padding:12px!important;background:rgba(255,255,255,.78)!important;border:1px solid var(--sx-line)!important;border-radius:20px!important;box-shadow:0 10px 35px rgba(35,32,28,.06)!important;backdrop-filter:blur(14px)}.customer-bar>div{background:#fff!important;border:1px solid #ebe7df!important;border-radius:13px!important;padding:8px 12px!important}.customer-bar input{background:transparent!important}.customer-bar small{color:#9a958c!important;letter-spacing:1px!important}.menu-search{margin:0 clamp(14px,4vw,54px) 14px!important;height:54px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--sx-line)!important;box-shadow:0 10px 30px rgba(35,32,28,.06)!important}.menu-search input{font-size:14px!important}.menu-search kbd{background:#f3f0e9!important;border:0!important;border-radius:8px!important;color:#8b857c!important}.category-nav{margin:0 clamp(14px,4vw,54px) 24px!important;gap:9px!important}.cat-btn{border:1px solid #ddd8cf!important;background:rgba(255,255,255,.78)!important;border-radius:999px!important;padding:10px 15px!important;box-shadow:0 4px 13px rgba(0,0,0,.04);transition:.2s}.cat-btn:hover{transform:translateY(-1px)}.cat-btn.active{background:#242428!important;border-color:#242428!important;box-shadow:0 9px 20px rgba(20,20,24,.16)!important}
.menu-section{margin:0 clamp(14px,4vw,54px) 34px!important}.section-title{padding-bottom:12px!important;border-bottom:1px solid var(--sx-line)!important}.section-title h2{font-family:"Playfair Display",serif!important;font-size:29px!important}.public-grid{gap:16px!important}.food-card{border:1px solid rgba(35,32,28,.09)!important;border-radius:22px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 12px 35px rgba(35,32,28,.07)!important;overflow:hidden!important;transition:transform .25s,box-shadow .25s!important}.food-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 45px rgba(35,32,28,.13)!important}.food-image{height:220px!important;background:linear-gradient(145deg,#e9e2d4,#f7f5f0)!important}.food-image img{transition:transform .5s!important}.food-card:hover .food-image img{transform:scale(1.045)}.food-body{padding:17px!important}.food-tags{color:#8c877e!important;font-size:9px!important;letter-spacing:.7px}.food-card h3{font-size:18px!important;margin:7px 0!important}.food-card p{color:#858078!important;line-height:1.5!important}.food-bottom strong{font-size:19px!important}.add-btn{border-radius:12px!important;background:#242428!important;color:#fff!important;box-shadow:0 8px 17px rgba(20,20,24,.16);padding:10px 14px!important}.featured{background:#b4975a!important;border-radius:999px!important;padding:6px 9px!important}
.cart-bar{position:fixed!important;z-index:40!important;bottom:18px!important;left:50%!important;transform:translateX(-50%) translateY(120px)!important;width:min(680px,calc(100% - 28px))!important;border-radius:18px!important;background:linear-gradient(135deg,#252529,#111216)!important;color:#fff!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.10)!important;padding:10px!important}.cart-bar.show{transform:translateX(-50%) translateY(0)!important}.cart-bar button{border-radius:12px!important;background:#d8bf82!important;color:#191919!important;font-weight:900!important}
.order-modal{backdrop-filter:blur(8px)!important;background:rgba(10,10,12,.65)!important}.cart-sheet{border-radius:26px!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.55)!important}

/* Mobile Modern - premium full page */
.mobile-menu-app{background:linear-gradient(180deg,#faf9f6 0,#f4f1e9 100%)!important;color:#242428!important;max-width:none!important;box-shadow:none!important}
.mm-head{height:72px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--sx-line)!important;position:sticky;top:0;z-index:25}.mm-icon{width:42px;height:42px;border-radius:13px!important;background:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.06)!important}.mm-brand img{width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:0 5px 14px rgba(0,0,0,.08)}.mm-brand b{font-family:"Playfair Display",serif!important;font-size:17px!important}.mm-search-row{padding:16px!important}.mm-search{height:50px!important;border:1px solid var(--sx-line)!important;background:#fff!important;border-radius:15px!important;box-shadow:0 8px 25px rgba(0,0,0,.05)}.mm-filter,.mm-layout{height:50px!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.05)}.mm-tabs{background:transparent!important;border-bottom:1px solid #ded9d0!important}.mm-tabs button{font-weight:700!important}.mm-categories{padding:14px 16px!important}.mm-categories button{border-color:#ded9d0!important;box-shadow:0 4px 12px rgba(0,0,0,.04);padding:10px 15px!important}.mm-categories button.active{background:#252529!important;border-color:#252529!important}.mm-section{background:rgba(255,255,255,.58);border:1px solid rgba(35,32,28,.06);border-radius:20px;padding:14px!important;box-shadow:0 10px 28px rgba(35,32,28,.05)}.mm-section-head{padding:2px 2px 9px}.mm-section-head h2{font-family:"Playfair Display",serif!important;font-size:22px!important}.mm-card{border:1px solid rgba(35,32,28,.08)!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(35,32,28,.08)!important}.mm-image{height:155px!important;background:linear-gradient(145deg,#e8e0d2,#f7f5f0)!important}.mm-image>b{border-radius:999px!important}.mm-card-body{padding:12px!important}.mm-card h3{font-size:13px!important}.mm-price strong{font-size:14px!important}.mm-price button{background:#252529!important;color:#fff!important;border-color:#252529!important;box-shadow:0 7px 14px rgba(0,0,0,.13)}.mm-cart{bottom:16px!important;background:linear-gradient(135deg,#252529,#111216)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 45px rgba(0,0,0,.25)!important}.mm-sheet{border-radius:28px 28px 0 0!important;box-shadow:0 -20px 70px rgba(0,0,0,.18)}.mm-confirm{background:#252529!important;border-radius:13px!important}

/* Premium Food Cards - premium full page */
.card-menu{background:radial-gradient(circle at 10% 0,rgba(180,151,90,.13),transparent 26%),linear-gradient(180deg,#f4f3f6,#ecebf0)!important;max-width:none!important;box-shadow:none!important;color:#24242b!important}
.card-menu header{height:76px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(35,32,28,.08)!important;position:sticky;top:0;z-index:25}.card-menu header>button{width:42px;height:42px;border-radius:13px!important;background:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.06)!important}.card-menu .brand img{width:42px!important;height:42px!important;border-radius:12px!important}.card-menu .brand b{font-family:"Playfair Display",serif!important;font-size:17px!important}.card-menu .search{height:52px!important;border:1px solid rgba(35,32,28,.08)!important;border-radius:15px!important;box-shadow:0 10px 25px rgba(0,0,0,.06)!important}.card-menu .tabs{height:48px!important;background:transparent!important;border-bottom:1px solid #d9d7dd!important}.card-menu .cats{padding:14px 16px!important}.card-menu .cats button{border-color:#d5d2d9!important;box-shadow:0 5px 13px rgba(0,0,0,.04)}.card-menu .cats button.active{background:#202027!important;border-color:#202027!important}.card-menu main{max-width:1200px;margin:auto!important;padding:0 18px!important}.card-menu section{margin-bottom:34px!important}.card-menu h2{font-family:"Playfair Display",serif!important;font-size:28px!important}.card-menu .grid{gap:17px!important}.card-menu .card{background:linear-gradient(145deg,#292932,#19191f)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;box-shadow:0 18px 38px rgba(25,25,32,.20)!important;transition:transform .25s,box-shadow .25s!important}.card-menu .card:hover{transform:translateY(-5px)!important;box-shadow:0 26px 55px rgba(25,25,32,.28)!important}.card-menu .photo{height:230px!important;background:linear-gradient(145deg,#393943,#22222a)!important}.card-menu .photo img{transition:transform .5s}.card-menu .card:hover .photo img{transform:scale(1.045)}.card-menu .body{padding:15px!important}.card-menu .body h3{font-family:"Playfair Display",serif!important;font-size:17px!important}.card-menu .bottom strong{font-size:18px!important}.card-menu .bottom button{background:#d8bf82!important;color:#1b1b1e!important;border-color:#d8bf82!important}.card-menu .cart{height:62px!important;background:linear-gradient(135deg,#24242b,#101014)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:17px!important}.card-menu .modal{backdrop-filter:blur(8px)!important}.card-menu .sheet{border-radius:28px!important;box-shadow:0 30px 90px rgba(0,0,0,.30)!important}

/* Menu View selector - premium studio */
.menu-view-options{gap:22px!important}.menu-view-option{background:linear-gradient(145deg,#fff,#f7f5f0)!important;border:1px solid #e5dfd3!important;border-radius:24px!important;padding:14px!important;box-shadow:0 12px 35px rgba(35,32,28,.07)!important;overflow:hidden!important;transition:transform .25s,box-shadow .25s,border-color .25s!important}.menu-view-option:hover{transform:translateY(-5px)!important;box-shadow:0 22px 45px rgba(35,32,28,.12)!important}.menu-view-option.selected{border-color:#b4975a!important;box-shadow:0 0 0 3px rgba(180,151,90,.14),0 24px 55px rgba(35,32,28,.13)!important}.mv-preview{height:310px!important;border-radius:17px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.mv-info{padding:16px 4px 5px!important}.mv-info h3{font-family:"Playfair Display",serif!important;font-size:17px!important}.mv-info p{font-size:12px!important;color:#817c74!important}.mv-check{width:30px!important;height:30px!important;border:2px solid #ddd6ca!important}.selected .mv-check{background:linear-gradient(145deg,#d8bf82,#9c7c3f)!important;border-color:#b4975a!important;box-shadow:0 7px 15px rgba(180,151,90,.22)}.menu-view-actions{padding:20px 2px!important}.menu-view-actions .btn.primary{height:48px;border-radius:13px!important;background:linear-gradient(135deg,#29282c,#111216)!important;box-shadow:0 12px 25px rgba(20,20,24,.16)}

@media(max-width:760px){.login-page{display:block;padding:0;background:radial-gradient(circle at 50% 0,rgba(180,151,90,.24),transparent 38%),#111216}.login-art{min-height:360px;border-radius:0 0 34px 34px;padding:38px 24px 55px;justify-content:flex-end}.login-art .brand-mark{width:58px;height:58px;border-radius:18px;font-size:28px;margin-bottom:18px}.login-art h1{font-size:40px;margin:10px 0}.login-art p{font-size:13px;line-height:1.6;margin:0}.login-card{margin:-28px 14px 20px;border-radius:26px;min-height:0;padding:28px 22px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.login-card h2{font-size:31px}.login-card .input,.login-card .btn.primary{height:52px}.menu-hero{margin:12px 12px!important;border-radius:25px!important;min-height:310px!important;padding:34px 25px!important}.menu-hero h1{font-size:48px!important}.customer-bar{grid-template-columns:1fr!important;margin:0 12px 12px!important}.menu-search,.category-nav{margin-left:12px!important;margin-right:12px!important}.menu-section{margin-left:12px!important;margin-right:12px!important}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.food-image{height:145px!important}.food-body{padding:12px!important}.food-card h3{font-size:14px!important}.food-card p{font-size:10px!important}.add-btn{font-size:10px!important;padding:8px 9px!important}.menu-view-options{grid-template-columns:1fr!important}.mv-preview{height:280px!important}.card-menu main{padding:0 12px!important}.card-menu .grid{gap:10px!important}.card-menu .photo{height:155px!important}.card-menu .body{padding:11px!important}.card-menu .body h3{font-size:14px!important}.card-menu .bottom strong{font-size:14px!important}.card-menu .bottom span{font-size:7px!important}.mm-image{height:135px!important}}
@media(min-width:761px) and (max-width:1100px){.login-page{grid-template-columns:1fr 420px}.login-art{padding:45px}.login-art h1{font-size:52px}.public-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}