:root{
  --bg:#f8faff;
  --panel:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e7eaf2;
  --purple:#7047eb;
  --purple-2:#5b36dc;
  --green:#18b66b;
  --blue:#2f7eea;
  --yellow:#f3ad14;
  --red:#ee4964;
  --cyan:#20aee5;
  --orange:#f57b24;
  --shadow:0 6px 20px rgba(30,42,72,.045);
}
*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}

/* ===== AUTH / SHARED ===== */
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#f7f5ff,#edf5ff)}
.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 70px rgba(20,30,50,.12)}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#ffb72e,#ff5b65 35%,#8256f4 70%,#5a7bf7);color:#fff;font-weight:900}
.login-card h1{margin:18px 0 4px}
.login-card p{color:var(--muted)}
.login-card form{display:grid;gap:8px}
.login-card label,.form-grid label{font-size:13px;font-weight:700}
input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7dce6;border-radius:10px;background:#fff;color:#182038}
input:focus,select:focus{outline:0;border-color:#8f7af0;box-shadow:0 0 0 3px rgba(113,79,232,.10)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #d9dee8;background:#fff;border-radius:10px;color:#29334d;font-weight:700;text-decoration:none}
.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}
.btn.full{width:100%;margin-top:10px}
.notice,.alert{padding:12px 14px;border-radius:10px;margin:0 0 15px}
.notice.ok{background:#eaf8ef;color:#17613a}.notice.err,.alert{background:#fff0f0;color:#9b2222}
.muted{color:var(--muted)}.small{font-size:12px}.block{display:block}.danger-text{color:#c3374b;font-weight:700}

/* ===== ADMIN SHELL ===== */
.admin-body{background:var(--bg);min-width:0}
.admin-body .layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  min-height:100vh;
  width:100%;
}
.admin-body .sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px 14px 16px;
  background:#fff;
  color:#26324d;
  border-right:1px solid var(--line);
  z-index:20;
}
.admin-body .logo{display:flex;align-items:center;gap:10px;padding:4px 7px 16px;border-bottom:1px solid #eef0f5}
.admin-body .logo>span{
  display:grid;place-items:center;
  width:45px;height:45px;flex:0 0 45px;
  border-radius:14px;
  background:linear-gradient(145deg,#ffbd26 0%,#ff5667 34%,#8355f4 69%,#537bf4 100%);
  color:#fff;font-size:16px;font-weight:900;
  box-shadow:0 9px 22px rgba(104,80,228,.22);
}
.admin-body .logo>div{display:grid;min-width:0}
.admin-body .logo strong{font-size:17px;line-height:1.05;color:#111827;letter-spacing:-.02em}
.admin-body .logo small{font-size:10px;color:#778198;margin-top:3px}
.admin-body .sidebar nav{display:grid;gap:5px;margin-top:3px}
.admin-body .sidebar nav a{
  display:flex;align-items:center;gap:9px;
  min-height:43px;
  padding:8px 10px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;font-weight:600;
  color:#303b57;
}
.admin-body .sidebar nav a:hover{background:#f7f5ff;color:#6543df}
.admin-body .sidebar nav a.active{
  color:#fff;
  background:linear-gradient(100deg,#7655ee,#633ee2);
  box-shadow:0 8px 20px rgba(104,66,234,.20)
}
.admin-body .nav-icon{
  display:grid;place-items:center;
  width:28px;height:28px;flex:0 0 28px;
  border-radius:8px;background:#f2f4fa;color:#596681;font-size:13px
}
.admin-body .sidebar nav a.active .nav-icon{background:rgba(255,255,255,.18);color:#fff}
.sidebar-plan{
  margin-top:auto;
  display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;
  padding:14px;border:1px solid #e8e1ff;border-radius:13px;
  background:linear-gradient(145deg,#fbfaff,#f7f3ff)
}
.plan-crown{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eee8ff;color:#6842ea}
.sidebar-plan div{display:grid}.sidebar-plan strong{font-size:12px;color:#6241df}.sidebar-plan small{font-size:9px;color:#69748d;margin-top:2px}
.sidebar-plan a{grid-column:1/-1;text-align:center;text-decoration:none;padding:8px;border-radius:8px;background:#7049e8;color:#fff;font-size:10px;font-weight:700}
.admin-body .side-bottom{display:grid;gap:3px;padding-top:4px}
.admin-body .side-bottom a{padding:6px 9px;text-decoration:none;border-radius:7px;font-size:10px;color:#778097}
.admin-body .side-bottom a:hover{background:#f4f5fa;color:#5538c8}

.admin-body .content{
  min-width:0;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 28px 28px;
  background:var(--bg);
}
.admin-body .topbar{
  height:66px;
  margin:0 -28px 20px;
  padding:0 28px;
  display:flex;align-items:center;gap:14px;
  position:sticky;top:0;z-index:15;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.menu-toggle{width:36px;height:36px;border:0;background:transparent;color:#33405e;font-size:19px;border-radius:8px}
.menu-toggle:hover{background:#f4f5fa}
.global-search{
  display:flex;align-items:center;gap:8px;
  width:min(440px,42vw);height:40px;
  padding:0 10px;border:1px solid #dfe4ed;background:#fbfcff;border-radius:10px
}
.global-search>span{font-size:20px;color:#8f99ad}
.global-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;height:100%;padding:0!important;font-size:12px}
.global-search kbd{font-size:9px;color:#929bae;background:#f0f2f7;border:1px solid #e1e4eb;border-radius:5px;padding:3px 5px;white-space:nowrap}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.top-action.icon-action{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;border-radius:8px;text-decoration:none;color:#2f3a57}
.top-action.icon-action:hover{background:#f5f6fb}
.admin-body .user-chip{display:flex;align-items:center;gap:8px;padding-left:14px;margin-left:5px;border-left:1px solid #eceef3;font-size:11px;font-weight:700}
.admin-body .user-chip>span:nth-child(2){display:grid}.admin-body .user-chip small{font-size:9px;color:#858da0;text-transform:capitalize;font-weight:500}
.admin-body .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f0eaff,#dce9ff);color:#5f46d8;font-weight:800}
.chev{font-size:12px;color:#8b94a7}

/* ===== DASHBOARD ===== */
.dash-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}
.dash-welcome h1{margin:0;color:#111827;font-size:20px;line-height:1.25;letter-spacing:-.025em}
.dash-welcome h1 span{font-size:18px}.dash-welcome p{margin:5px 0 0;color:#6f788c;font-size:11px}
.date-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #e1d9ff;border-radius:9px;background:#fff;color:#6845df;text-decoration:none;font-size:10px;font-weight:700}

.kpis.pastel-kpis{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 14px!important;
}
.pastel-kpis .kpi-card{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;align-items:center;
  min-height:112px;
  padding:15px 13px!important;
  border:1px solid;
  border-radius:14px!important;
  box-shadow:none!important;
  overflow:hidden;
}
.kpi-round{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 18px rgba(20,30,60,.11)}
.kpi-copy{display:grid;min-width:0}.kpi-copy small{font-size:10px!important;color:#2b3348!important;font-weight:700}.kpi-copy strong{font-size:22px!important;line-height:1.05!important;color:#111827!important;margin:7px 0 0!important;white-space:nowrap}.kpi-copy span{font-size:9px;color:#758096;margin-top:9px}
.pastel-kpis em{align-self:end;font-style:normal;font-size:9px;font-weight:700;padding:4px 7px;border-radius:999px;white-space:nowrap}
.tone-purple{background:linear-gradient(135deg,#f7f3ff,#fcfaff);border-color:#e6dcff!important}.tone-purple .kpi-round{background:linear-gradient(135deg,#7956ef,#6643e3)}.tone-purple em{background:#eee8ff;color:#6d4ae2}
.tone-green{background:linear-gradient(135deg,#effbf5,#f9fefa);border-color:#d8efe2!important}.tone-green .kpi-round{background:linear-gradient(135deg,#2ac37a,#16a95f)}.tone-green em{background:#def7e8;color:#15965a}
.tone-blue{background:linear-gradient(135deg,#eff6ff,#f9fbff);border-color:#d7e7fb!important}.tone-blue .kpi-round{background:linear-gradient(135deg,#418ff8,#276fe0)}.tone-blue em{background:#e2efff;color:#2870dc}
.tone-yellow{background:linear-gradient(135deg,#fff8e8,#fffdf7);border-color:#f5e1a9!important}.tone-yellow .kpi-round{background:linear-gradient(135deg,#ffc129,#eea100)}.tone-yellow em{background:#fff0c7;color:#c98400}
.tone-red{background:linear-gradient(135deg,#fff1f4,#fff9fa);border-color:#f4d4db!important}.tone-red .kpi-round{background:linear-gradient(135deg,#ff6079,#ed3d5b)}.tone-red em{background:#ffe6ea;color:#dc4057}

.admin-body .panel{
  background:#fff;border:1px solid #e6e9f0;border-radius:15px;
  box-shadow:var(--shadow);
  padding:15px;
  margin-bottom:0;
  min-width:0;
}
.admin-body .panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.admin-body .panel-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.admin-body .panel-head h2{margin:0;font-size:13px;color:#182038;font-weight:750}
.admin-body .panel-head a,.view-link{font-size:9px;color:#6545df;text-decoration:none;font-weight:700}
.section-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:11px}
.section-icon.purple{background:#eee9ff;color:#6e4ce6}.section-icon.coral{background:#ffecee;color:#f05b6c}.section-icon.blue{background:#e8f2ff;color:#3e82ed}
.compact-select{width:auto!important;min-width:76px!important;min-height:30px!important;height:30px!important;padding:4px 25px 4px 8px!important;border-radius:7px!important;font-size:9px!important}

.dash-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(285px,.84fr) minmax(270px,.9fr);
  gap:14px;
  margin-bottom:14px;
  align-items:stretch;
}
.revenue-card,.status-card,.top-items-card{height:330px!important;min-height:330px!important;max-height:330px!important;overflow:hidden}

/* hard fixed chart size – prevents SVG from expanding to viewport aspect ratio */
.line-chart-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:194px!important;
  min-height:194px!important;
  max-height:194px!important;
  overflow:hidden!important;
}
.line-chart-wrap svg.line-chart{
  display:block!important;
  width:100%!important;
  height:165px!important;
  min-height:165px!important;
  max-height:165px!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
}
.chart-caption{height:16px;font-size:9px;color:#626c83;margin:2px 0 2px;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%}.purple-dot{background:#7256ed}
.grid-lines line{stroke:#ebedf3;stroke-dasharray:4 4;stroke-width:1}
.chart-labels{display:grid;grid-template-columns:repeat(7,1fr);height:20px;padding:1px 2px 0;color:#80899d;font-size:8px;text-align:center}
.revenue-summary{height:52px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f5;margin-top:3px;padding-top:8px}
.revenue-summary>div{padding:0 10px;border-right:1px solid #edf0f5}.revenue-summary>div:last-child{border:0}.revenue-summary small{display:block;color:#7e8799;font-size:8px}.revenue-summary strong{display:block;margin-top:3px;font-size:12px;color:#29334d}.green-text{color:#18a965!important}

.status-layout{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:14px;padding:8px 4px 13px;height:205px}
.donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}
.donut:after{content:"";position:absolute;inset:31px;border-radius:50%;background:#fff}.donut>div{position:relative;z-index:1;text-align:center;display:grid}.donut strong{font-size:22px}.donut small{font-size:8px;color:#7c8699}
.status-legend{display:grid;gap:7px}.status-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:9px;color:#4c566d}.status-legend strong{font-size:9px;color:#1e263b}.legend-dot{width:7px;height:7px;border-radius:50%}
.status-footer{height:48px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f5;padding-top:8px}.status-footer>div{padding-left:11px;border-right:1px solid #edf0f5}.status-footer>div:last-child{border:0}.status-footer small{display:block;color:#858ea1;font-size:8px}.status-footer strong{font-size:14px;color:#182038}

.top-items-list{display:grid;gap:2px}.top-item{display:grid;grid-template-columns:31px minmax(0,1fr) auto 29px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f0f2f6}.top-item:last-child{border:0}.food-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f5f6f9;font-size:15px}.top-item div{display:grid;min-width:0}.top-item div strong{font-size:9px;color:#30384f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-item div small{font-size:7px;color:#8b94a7}.top-item>b{font-size:9px;color:#20283d;white-space:nowrap}.top-item>em{font-style:normal;text-align:center;padding:4px;border-radius:5px;background:#eef4ff;color:#3476de;font-size:8px}.top-item:nth-child(2)>em,.top-item:nth-child(3)>em{background:#fff3df;color:#d98b0c}.top-item:nth-child(4)>em{background:#fff0df;color:#dd8119}.top-item:nth-child(5)>em{background:#ffe9ed;color:#df5061}

.dash-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(315px,1fr) minmax(270px,.85fr);
  gap:14px;
  align-items:stretch;
}
.recent-card,.activity-card,.quick-card{height:260px!important;min-height:260px!important;max-height:260px!important;overflow:hidden}
.table-wrap{overflow:auto;max-width:100%}
table{border-collapse:collapse;width:100%}
.premium-table{min-width:610px}.premium-table th{text-align:left;font-size:8px;padding:8px 7px;color:#8a93a7;font-weight:600;border-bottom:1px solid #eef0f4}.premium-table td{text-align:left;font-size:9px;padding:8px 7px;border-bottom:1px solid #f0f2f5}.premium-table td strong{font-size:9px}.premium-table tbody tr:last-child td{border-bottom:0}
.soft-badge{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:7.5px;font-weight:700;text-transform:lowercase;white-space:nowrap}
.pay-paid{background:#e5f8ed;color:#158a53}.pay-pending{background:#fff2db;color:#cf8100}.pay-failed{background:#ffe6ea;color:#cf4256}
.stat-delivered{background:#def7e8;color:#138554}.stat-ready{background:#fff0d3;color:#c67e00}.stat-preparing{background:#eee5ff;color:#7649dc}.stat-out_for_delivery{background:#e4f1ff;color:#2773db}.stat-new{background:#e7f1ff;color:#2e75d8}.stat-accepted{background:#e3f8ff;color:#1e8db7}
.activity-list{display:grid;gap:2px}.activity-row{display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f0f2f5}.activity-row:last-child{border:0}.activity-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f8ee;color:#1aa262;font-size:9px}.activity-icon.new,.activity-icon.accepted{background:#eee9ff;color:#6d4ae2}.activity-icon.preparing,.activity-icon.ready{background:#fff1d9;color:#cf8500}.activity-row div{display:grid;min-width:0}.activity-row strong{font-size:8.5px;color:#2b3348;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row small{font-size:7.5px;color:#929aad;margin-top:2px}.activity-row time{font-size:7.5px;color:#7c8598;white-space:nowrap}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick{min-height:54px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:8.5px;font-weight:700;border:1px solid transparent}.quick span{font-size:15px}.quick.purple{background:#f4f0ff;border-color:#e7ddff;color:#6a46de}.quick.blue{background:#f0f7ff;border-color:#daeafd;color:#3180e6}.quick.green{background:#f0faf5;border-color:#d8f0e2;color:#1c9a5d}.quick.pink{background:#fff2f4;border-color:#f7dce1;color:#e14b66}.quick.yellow{background:#fff8ea;border-color:#f6e8c1;color:#d58b09}.quick.violet{background:#f6f2ff;border-color:#e8dfff;color:#7752df}
.dash-footer{display:flex;justify-content:space-between;color:#929aad;font-size:8px;padding:20px 1px 0}

/* ===== NON-DASHBOARD ADMIN ===== */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px}.span2{grid-column:1/-1}
.admin-body .content>.panel,.admin-body .two-col>.panel{margin-bottom:16px}
.admin-body .content>.panel h2,.admin-body .two-col>.panel h2{font-size:18px;margin:0 0 15px}
.badge,.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f6;font-size:12px}
.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.order-card{border:1px solid #e1e5ec;border-radius:14px;padding:14px;background:#fff}
.order-card h3{margin:0 0 6px}.order-card .seat-line{font-weight:800;font-size:17px}.order-card p{color:#687184;font-size:13px}
.seat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-bottom:24px}.seat{padding:10px;border:1px solid #dfe4ec;border-radius:9px;text-align:center;text-decoration:none;background:#fafbfc}.seat small{display:block;color:#777;font-size:10px}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-grid>div{background:#f8fafc;border:1px solid #e5e9ef;padding:16px;border-radius:12px}

/* ===== STAFF/CUSTOMER — preserve basic usability ===== */
.staff-body{background:#eef2f7}.staff-head{background:#151a25;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:15px}.staff-head div{display:grid}.staff-head small{color:#aeb5c0}.staff-head a{color:#fff}.staff-main{padding:16px;max-width:1250px;margin:auto}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:16px}.menu-card{border:1px solid #e0e5ed;background:#fafbfc;border-radius:12px;padding:12px}.menu-card h3{font-size:14px;margin:0 0 5px}.menu-card .price{font-weight:800}.qty-row{display:flex;align-items:center;gap:9px;margin-top:10px}.qty-row button{width:34px;height:34px;border:1px solid #d4dbe5;background:#fff;border-radius:8px}
.cartbar{position:sticky;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#fff;border:1px solid #dce2eb;border-radius:14px;box-shadow:0 12px 35px rgba(20,30,50,.13);margin-top:18px}
.customer-body{background:#f6f6f2;color:#1e232d}.customer-shell{max-width:760px;margin:auto;padding:18px 14px 110px}.customer-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px}.customer-head h1{margin:2px 0;font-size:25px}.seat-info{padding:14px 16px;background:#1e232d;color:#fff;border-radius:14px;margin-bottom:20px}.customer-menu{display:grid;gap:10px}.customer-item{display:grid;grid-template-columns:1fr auto;gap:12px;background:#fff;border:1px solid #e3e3dc;border-radius:14px;padding:14px}.customer-item h3{margin:0 0 4px;font-size:16px}.customer-item p{margin:0;color:#717780;font-size:12px}.customer-cart{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;width:min(732px,calc(100% - 24px));display:flex;justify-content:space-between;align-items:center;background:#1e232d;color:#fff;padding:12px 14px;border-radius:16px;z-index:20}.hidden{display:none!important}
dialog{border:0;border-radius:18px;width:min(480px,calc(100% - 24px));padding:0;box-shadow:0 30px 90px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(10,14,20,.6)}dialog form{padding:20px;display:grid;gap:12px}

/* ===== RESPONSIVE ===== */
@media(max-width:1350px){
  .kpis.pastel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dash-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr)}
  .top-items-card{grid-column:1/-1;height:auto!important;min-height:190px!important;max-height:none!important}
  .top-items-list{grid-template-columns:repeat(5,1fr);gap:10px}
  .top-item{grid-template-columns:30px 1fr}.top-item>b,.top-item>em{display:none}
  .dash-bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}
  .quick-card{grid-column:1/-1;height:auto!important;min-height:120px!important;max-height:none!important}
  .quick-grid{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:1050px){
  .admin-body .layout{grid-template-columns:215px minmax(0,1fr)}
  .admin-body .content{padding:0 18px 22px}.admin-body .topbar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
  .kpis.pastel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash-main-grid,.dash-bottom-grid{grid-template-columns:1fr}
  .revenue-card,.status-card,.top-items-card,.recent-card,.activity-card,.quick-card{height:auto!important;min-height:0!important;max-height:none!important}
  .line-chart-wrap{height:205px!important}.line-chart-wrap svg.line-chart{height:175px!important}
  .top-items-list{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .admin-body .layout{display:block}
  .admin-body .sidebar{position:fixed;left:-260px;top:0;width:250px;height:100vh;z-index:40;transition:left .2s ease;box-shadow:20px 0 50px rgba(25,33,55,.18)}
  .admin-body.sidebar-open .sidebar{left:0}
  .admin-body .content{padding:0 12px 20px}.admin-body .topbar{margin:0 -12px 15px;padding:0 12px}
  .global-search{flex:1;width:auto}.global-search kbd,.top-action.icon-action{display:none}
  .admin-body .user-chip>span:nth-child(2),.chev{display:none}
  .dash-welcome{flex-direction:column}.date-chip{align-self:stretch;justify-content:center}
  .kpis.pastel-kpis{grid-template-columns:1fr 1fr!important}
  .pastel-kpis .kpi-card{grid-template-columns:42px 1fr;min-height:105px}.pastel-kpis em{display:none}
  .status-layout{grid-template-columns:135px 1fr}.donut{width:125px;height:125px}
  .quick-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}
}
@media(max-width:480px){
  .kpis.pastel-kpis{grid-template-columns:1fr!important}
  .status-layout{grid-template-columns:1fr}.donut{margin:auto}
  .quick-grid{grid-template-columns:1fr}.global-search{max-width:220px}
}


/* ===== PREMIUM ANALYTICS & REPORTS ===== */
.report-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 16px}
.report-hero .eyebrow{font-size:9px;letter-spacing:.14em;color:#7b67e8;font-weight:800}
.report-hero h1{margin:4px 0 4px;font-size:22px;letter-spacing:-.025em;color:#12182a}
.report-hero p{margin:0;color:#768095;font-size:11px}
.report-range{display:flex;align-items:center;gap:8px;padding:7px 9px 7px 12px;background:#fff;border:1px solid #e3e6ef;border-radius:11px;box-shadow:0 6px 18px rgba(31,42,68,.035)}
.report-range span{font-size:9px;color:#818b9f;font-weight:700}
.report-range select{min-height:32px!important;height:32px!important;width:auto!important;padding:4px 28px 4px 8px!important;font-size:9px!important;border-color:#e4e6ed!important}

.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:14px}
.report-kpi{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;min-height:108px;padding:14px;border-radius:15px;border:1px solid;overflow:hidden}
.report-kpi-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:white;font-size:18px;font-weight:800;box-shadow:0 8px 18px rgba(31,42,68,.12)}
.report-kpi div:nth-child(2){display:grid;min-width:0}.report-kpi span{font-size:9.5px;font-weight:750;color:#2d354a}.report-kpi strong{font-size:20px;margin-top:6px;color:#111827;white-space:nowrap}.report-kpi small{font-size:8px;color:#7f899b;margin-top:8px}
.report-kpi.violet{background:linear-gradient(135deg,#f7f3ff,#fdfcff);border-color:#e7ddff}.report-kpi.violet .report-kpi-icon{background:linear-gradient(135deg,#7c56ef,#633fdc)}
.report-kpi.green{background:linear-gradient(135deg,#eefbf4,#fbfefc);border-color:#d7efdf}.report-kpi.green .report-kpi-icon{background:linear-gradient(135deg,#2cc77e,#16a65f)}
.report-kpi.blue{background:linear-gradient(135deg,#eff7ff,#fbfdff);border-color:#d9e9fb}.report-kpi.blue .report-kpi-icon{background:linear-gradient(135deg,#4396fa,#276ede)}
.report-kpi.amber{background:linear-gradient(135deg,#fff8ea,#fffdf8);border-color:#f3e1ae}.report-kpi.amber .report-kpi-icon{background:linear-gradient(135deg,#ffc32b,#eca000)}
.report-kpi.rose{background:linear-gradient(135deg,#fff2f4,#fffafb);border-color:#f2d9de}.report-kpi.rose .report-kpi-icon{background:linear-gradient(135deg,#ff617a,#ea3d5b)}

.report-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);gap:14px;margin-bottom:14px;align-items:stretch}
.report-chart-card,.top-selling-report{height:405px;min-height:405px;max-height:405px;overflow:hidden}
.chart-legend-inline{display:flex;align-items:center;gap:7px;font-size:8px;color:#6c768c}.chart-legend-inline i{width:18px;height:3px;border-radius:999px;display:inline-block}.legend-orders{background:#7354e7}.legend-revenue{background:#27b66f}
.report-chart-wrap{height:290px;min-height:290px;max-height:290px;overflow:hidden}
.report-svg{display:block;width:100%;height:100%}
.report-chart-footer{display:grid;grid-template-columns:repeat(3,1fr);height:62px;border-top:1px solid #edf0f5;padding-top:9px;margin-top:2px}
.report-chart-footer>div{padding:0 13px;border-right:1px solid #edf0f5}.report-chart-footer>div:last-child{border:0}
.report-chart-footer small{display:block;font-size:8px;color:#8a93a5}.report-chart-footer strong{display:block;font-size:13px;margin-top:4px}.report-chart-footer .good{color:#18a85e}.report-chart-footer .bad{color:#df4659}

.top-sales-list{display:grid;gap:2px}.top-sale-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f2f6}.top-sale-row:last-child{border:0}.food-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f5f6fa;font-size:16px}
.top-sale-copy{display:grid;gap:4px;min-width:0}.top-sale-copy>div:first-child{display:flex;justify-content:space-between;gap:10px}.top-sale-copy strong{font-size:9px;color:#2e364b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-sale-copy span{font-size:9px;color:#16a15c;font-weight:800;white-space:nowrap}.top-sale-copy small{font-size:7px;color:#9199aa}
.sales-progress{height:5px;border-radius:999px;background:#f0f1f5;overflow:hidden}.sales-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7a57ef,#5a43df)}
.empty-report{padding:30px 10px;text-align:center;color:#8c95a7;font-size:10px}

.report-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:14px}
.report-donut-card,.payment-card,.insights-card{height:275px;min-height:275px;max-height:275px;overflow:hidden}
.report-status-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;height:210px;padding:5px 4px}
.report-donut{width:145px;height:145px;border-radius:50%;position:relative;display:grid;place-items:center}
.report-donut:after{content:"";position:absolute;inset:31px;background:#fff;border-radius:50%}.report-donut>div{position:relative;z-index:1;display:grid;text-align:center}.report-donut strong{font-size:21px}.report-donut small{font-size:8px;color:#8a92a3}
.report-status-legend{display:grid;gap:7px}.report-status-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center}.report-status-legend i{width:7px;height:7px;border-radius:50%}.report-status-legend span,.report-status-legend strong{font-size:8.5px;color:#4b556d}

.payment-list{display:grid;gap:3px}.payment-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f2f5}.payment-row:last-child{border:0}.payment-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f5f6fa;font-size:15px}.payment-row div:nth-child(2){display:grid}.payment-row strong{font-size:9px}.payment-row small{font-size:7px;color:#9098a8;margin-top:2px}.payment-row b{font-size:9px;color:#2a3349}
.insight-list{display:grid;gap:9px}.insight{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px;border-radius:11px}.insight span{font-size:8px;font-weight:700}.insight strong{font-size:14px}.insight small{grid-column:1/-1;font-size:7px;margin-top:3px}.insight.purple{background:#f4f0ff;color:#6e48e1}.insight.green{background:#eefaf4;color:#19945b}.insight.blue{background:#eff7ff;color:#2d78d8}

@media(max-width:1280px){
  .report-kpis{grid-template-columns:repeat(3,1fr)}
  .report-main-grid{grid-template-columns:1fr}
  .report-chart-card,.top-selling-report{height:auto;min-height:0;max-height:none}
  .report-secondary-grid{grid-template-columns:1fr 1fr}.insights-card{grid-column:1/-1;height:auto;min-height:0;max-height:none}
}
@media(max-width:860px){
  .report-kpis{grid-template-columns:1fr 1fr}
  .report-secondary-grid{grid-template-columns:1fr}
  .report-donut-card,.payment-card,.insights-card{height:auto;min-height:0;max-height:none}
  .report-hero{flex-direction:column;align-items:stretch}.report-range{align-self:flex-start}
}
@media(max-width:520px){
  .report-kpis{grid-template-columns:1fr}
  .report-chart-wrap{height:240px;min-height:240px;max-height:240px}
  .report-status-layout{grid-template-columns:1fr}.report-donut{margin:auto}
}


/* ===== SUBSCRIPTION / PLAN MANAGEMENT V5 ===== */
.plan-hero,.integration-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
.plan-eyebrow{font-size:9px;letter-spacing:.14em;color:#7754e6;font-weight:800}
.plan-hero h1,.integration-hero h1{font-size:23px;margin:4px 0;color:#111827;letter-spacing:-.025em}
.plan-hero p,.integration-hero p{font-size:10px;color:#7b8497;margin:0}
.plan-back{padding:9px 12px;border:1px solid #e1e5ed;border-radius:9px;background:#fff;color:#5f47cf;text-decoration:none;font-size:9px;font-weight:750}

.current-plan-card{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(460px,1.35fr);gap:16px;align-items:center;padding:20px;border-radius:17px;background:linear-gradient(125deg,#f5f0ff,#fdfcff 48%,#eef7ff);border:1px solid #dfd5ff;box-shadow:0 8px 25px rgba(77,54,160,.05);margin-bottom:22px}
.current-plan-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#7b55ed,#5d3bd7);color:#fff;font-size:24px;box-shadow:0 10px 22px rgba(99,70,224,.25)}
.current-plan-copy{display:grid}.current-plan-copy>span{font-size:8px;color:#7458d8;font-weight:850;letter-spacing:.1em}.current-plan-copy h2{font-size:20px;margin:5px 0 2px}.current-plan-copy p{font-size:9px;color:#7d8698;margin:0}
.current-plan-meta{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.68);border:1px solid rgba(226,224,239,.8);border-radius:12px;padding:11px}
.current-plan-meta>div{padding:2px 10px;border-right:1px solid #e8e7ef}.current-plan-meta>div:last-child{border:0}.current-plan-meta small{display:block;font-size:7px;color:#8a93a5}.current-plan-meta strong{display:block;font-size:10px;margin-top:4px}.subscription-status{color:#168c55}

.plan-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}.plan-section-head span{font-size:8px;color:#7a5de3;font-weight:800;letter-spacing:.1em}.plan-section-head h2{font-size:17px;margin:3px 0 0}.plan-section-head p{font-size:8px;color:#8a92a3;max-width:380px;text-align:right}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}
.pricing-card{position:relative;display:flex;flex-direction:column;min-height:350px;padding:18px;border:1px solid #e5e8ef;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(30,42,72,.035)}
.pricing-card.featured{border:1.5px solid #8a68ec;background:linear-gradient(180deg,#fcfaff,#fff);box-shadow:0 12px 30px rgba(99,67,220,.09)}
.popular-badge{position:absolute;right:13px;top:13px;padding:5px 7px;border-radius:999px;background:#eee7ff;color:#6b47df;font-size:6.5px;font-weight:850;letter-spacing:.05em}
.pricing-top{display:flex;align-items:center;gap:10px}.pricing-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:16px}.pricing-icon.starter{background:#edf4ff;color:#3b78de}.pricing-icon.professional{background:#eee7ff;color:#6e48df}.pricing-icon.enterprise{background:#fff0dd;color:#d4890a}
.pricing-top h3{font-size:14px;margin:0}.pricing-top p{font-size:8px;color:#8a92a3;margin:2px 0 0}
.pricing-price{display:flex;align-items:end;gap:4px;margin:18px 0 14px}.pricing-price strong{font-size:24px;letter-spacing:-.03em}.pricing-price span{font-size:8px;color:#8a92a3;padding-bottom:4px}
.pricing-card ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:9px}.pricing-card li{position:relative;padding-left:17px;font-size:8.5px;color:#4f5a70}.pricing-card li:before{content:"✓";position:absolute;left:0;color:#1da566;font-weight:900}
.pricing-btn{margin-top:auto;min-height:37px;border-radius:9px;border:0;font-size:8.5px;font-weight:800}.pricing-btn.primary{background:#714ae6;color:#fff}.pricing-btn.light{background:#f4f5f8;color:#697286}.pricing-btn:disabled{opacity:1;cursor:default}

.plan-limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-info-card{display:grid!important;grid-template-columns:37px 1fr;gap:10px;align-items:center;padding:14px!important}.plan-info-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px}.plan-info-icon.purple{background:#f0eaff;color:#6f49df}.plan-info-icon.green{background:#e9f8f0;color:#1b985d}.plan-info-icon.blue{background:#eaf4ff;color:#367ddd}.plan-info-card div{display:grid}.plan-info-card small{font-size:7px;color:#8d95a5}.plan-info-card strong{font-size:10px;margin-top:2px}.plan-info-card p{font-size:7.5px;color:#818a9b;margin:3px 0 0}

.premium-integrations{grid-template-columns:repeat(2,1fr)!important}.premium-integrations>div{position:relative;display:grid;grid-template-columns:43px 1fr;column-gap:11px;align-items:start;background:#fff!important;padding:17px!important;border-radius:14px!important}.integration-icon{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:17px;font-weight:800}.integration-icon.purple{background:#eee8ff;color:#7049df}.integration-icon.blue{background:#eaf4ff;color:#367edf}.integration-icon.green{background:#e8f8ef;color:#1a995c}.integration-icon.amber{background:#fff3dd;color:#d68909}.premium-integrations strong{font-size:11px}.premium-integrations p{font-size:8px!important;color:#7c8597;line-height:1.55;margin:4px 0 8px}.integration-state{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#f2f3f6;color:#757e91;font-size:7px;font-weight:750}.integration-state.active{background:#e7f7ee;color:#198b56}

@media(max-width:1100px){
  .current-plan-card{grid-template-columns:56px 1fr}.current-plan-meta{grid-column:1/-1}
  .pricing-grid{grid-template-columns:1fr 1fr}.pricing-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .plan-hero,.integration-hero,.plan-section-head{flex-direction:column;align-items:flex-start}
  .plan-section-head p{text-align:left}.current-plan-meta{grid-template-columns:1fr 1fr}
  .pricing-grid,.plan-limits-grid,.premium-integrations{grid-template-columns:1fr!important}.pricing-card:last-child{grid-column:auto}
}


/* ===== MDHP GLOBAL BRANDING V6 ===== */
.mdhp-top-brand{
  display:grid;
  margin-left:auto;
  margin-right:10px;
  padding-right:14px;
  border-right:1px solid #eceef3;
  color:#6b48df;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-align:right
}
.mdhp-top-brand small{font-size:6.5px;color:#9a83ea;font-weight:700;letter-spacing:.06em}

/* ===== ULTRA PREMIUM MDHP LOGIN ===== */
.mdhp-login-page{
  margin:0;
  min-height:100vh;
  background:#f7f8fd;
  color:#111827;
  overflow-x:hidden
}
.mdhp-login-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(360px,38%) minmax(0,62%);
}
.mdhp-login-brand{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  padding:30px 42px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 12%,rgba(127,83,239,.28),transparent 25%),
    radial-gradient(circle at 95% 68%,rgba(97,74,225,.18),transparent 22%),
    linear-gradient(145deg,#14154a 0%,#20166c 48%,#212b75 100%);
}
.mdhp-login-brand:before,.mdhp-login-brand:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none
}
.mdhp-login-brand:before{width:230px;height:230px;right:-95px;top:-70px;background:rgba(132,83,235,.11)}
.mdhp-login-brand:after{width:160px;height:160px;right:-72px;bottom:120px;background:rgba(118,79,232,.1)}
.mdhp-brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.mdhp-mark,.mdhp-card-mark{
  display:grid;place-items:center;
  width:42px;height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,#8c4df2 0%,#ff6c62 58%,#ffad38 100%);
  color:#fff;font-weight:950;font-size:17px;
  box-shadow:0 10px 24px rgba(131,77,235,.24)
}
.mdhp-brand-lockup>div,.mdhp-login-card-brand>div{display:grid}
.mdhp-brand-lockup strong{font-size:19px;color:#8f5af0;line-height:1}
.mdhp-brand-lockup small{font-size:8px;letter-spacing:.25em;color:#c8c8e5;margin-top:3px}
.mdhp-login-copy{position:relative;z-index:1;margin:auto 0;max-width:490px}
.mdhp-kicker{display:inline-block;font-size:8px;letter-spacing:.18em;color:#aaa6df;font-weight:800;margin-bottom:14px}
.mdhp-login-copy h1{font-size:38px;line-height:1.08;margin:0 0 14px;letter-spacing:-.035em;font-weight:800}
.mdhp-login-copy h1 em{font-style:normal;color:#9b63ff}
.mdhp-login-copy p{font-size:13px;line-height:1.75;color:#c5c6df;margin:0;max-width:440px}
.mdhp-login-features{display:grid;gap:17px;margin-top:28px}
.mdhp-login-features>div{display:grid;grid-template-columns:39px 1fr;gap:11px;align-items:center}
.feat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:800}
.feat-icon.purple{background:linear-gradient(135deg,#8b54f1,#6744df)}
.feat-icon.orange{background:linear-gradient(135deg,#ffad2d,#ff7044)}
.feat-icon.blue{background:linear-gradient(135deg,#3994ff,#386de7)}
.feat-icon.green{background:linear-gradient(135deg,#43ca70,#1fae58)}
.mdhp-login-features strong{display:block;font-size:11px;color:#fff}
.mdhp-login-features small{display:block;font-size:9px;color:#b9bdd8;margin-top:3px}
.mdhp-login-foot{position:relative;z-index:1;margin-top:auto;font-size:8px;color:#9fa4c8}

.mdhp-login-form-side{
  position:relative;
  display:grid;
  place-items:center;
  min-height:100vh;
  padding:38px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 86%,rgba(255,188,148,.32),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(232,199,255,.28),transparent 26%),
    linear-gradient(135deg,#f8f8ff,#fff8fb 58%,#fff6f0);
}
.mdhp-login-form-side:before{
  content:"";
  position:absolute;
  right:-80px;bottom:-115px;
  width:420px;height:280px;
  border-radius:50% 0 0 0;
  background:linear-gradient(135deg,rgba(244,190,255,.2),rgba(255,182,135,.32));
  transform:rotate(-8deg)
}
.mdhp-login-card{
  position:relative;z-index:1;
  width:min(520px,100%);
  padding:34px 38px 30px;
  border:1px solid rgba(224,225,235,.95);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 85px rgba(54,44,103,.13)
}
.mdhp-login-card-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:19px}
.mdhp-card-mark{width:48px;height:48px;border-radius:14px;font-size:20px}
.mdhp-login-card-brand strong{font-size:25px;line-height:1;background:linear-gradient(90deg,#794ce9,#f05d72,#ff8b31);-webkit-background-clip:text;color:transparent}
.mdhp-login-card-brand small{font-size:8px;letter-spacing:.28em;color:#4b5161;margin-top:4px}
.mdhp-login-card h2{text-align:center;margin:0;font-size:21px;letter-spacing:-.02em}
.mdhp-login-card>p{text-align:center;margin:5px 0 23px;color:#7d8495;font-size:10px}
.mdhp-login-card form{display:grid;gap:13px}
.mdhp-login-card label{display:grid;gap:6px;font-size:9.5px;font-weight:800;color:#1b2234}
.login-input-wrap{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  min-height:47px;
  padding:0 11px;
  border:1px solid #dfe3eb;
  border-radius:10px;
  background:#fff;
  transition:.15s ease
}
.login-input-wrap:focus-within{border-color:#8e6ced;box-shadow:0 0 0 3px rgba(111,78,224,.08)}
.login-input-wrap>span{color:#7d879a;font-size:13px}
.login-input-wrap input{
  min-height:45px!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 4px!important;
  font-size:10px!important;
  background:transparent!important
}
.password-toggle{
  width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#667187;font-size:12px
}
.password-toggle:hover{background:#f4f5f9}
.login-meta{display:flex;justify-content:space-between;color:#8a92a3;font-size:8px}
.mdhp-signin-btn{
  min-height:47px;
  border:0;border-radius:10px;
  background:linear-gradient(100deg,#6138ee,#8d3dea);
  color:#fff;
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:11px;font-weight:850;
  box-shadow:0 10px 22px rgba(108,61,230,.22)
}
.mdhp-signin-btn span{font-size:15px}
.login-divider{display:flex;align-items:center;gap:10px;margin:19px 0 11px;color:#9ba2b2;font-size:7px}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e6e8ee;flex:1}
.login-note{margin:0!important;font-size:8px!important;color:#8c94a4!important}
.powered-by{position:absolute;z-index:1;bottom:22px;right:34px;color:#939aaa;font-size:8px}
.powered-by strong{background:linear-gradient(90deg,#784ce8,#ff713d);-webkit-background-clip:text;color:transparent;font-size:10px}

.customer-mdhp .customer-head h1{background:linear-gradient(90deg,#7245e5,#ff713f);-webkit-background-clip:text;color:transparent}
.customer-mdhp .pill{background:#f3edff;color:#7148df}
.customer-mdhp-footer{text-align:center;padding:24px 0 2px;color:#949bad;font-size:8px}
.customer-mdhp-footer strong{color:#7248df}

@media(max-width:980px){
  .mdhp-login-shell{grid-template-columns:1fr}
  .mdhp-login-brand{min-height:auto;padding:24px 24px 28px}
  .mdhp-login-copy{margin:38px 0 18px}
  .mdhp-login-copy h1{font-size:30px}
  .mdhp-login-features{grid-template-columns:1fr 1fr}
  .mdhp-login-foot{margin-top:20px}
  .mdhp-login-form-side{min-height:auto;padding:35px 18px 65px}
}
@media(max-width:600px){
  .mdhp-login-brand{padding:20px}
  .mdhp-login-copy h1{font-size:27px}
  .mdhp-login-features{grid-template-columns:1fr}
  .mdhp-login-card{padding:27px 20px}
  .powered-by{right:20px}
  .mdhp-top-brand{display:none}
}


/* ===== PREMIUM CUSTOMER QR LANDING V7 ===== */
.mdhp-customer{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 4%,rgba(116,75,232,.08),transparent 24%),
    radial-gradient(circle at 92% 12%,rgba(255,148,94,.08),transparent 22%),
    #f8fafc!important;
}
.mdhp-customer .customer-shell{
  max-width:1120px!important;
  padding:24px 20px 38px!important;
}
.mdhp-customer .customer-head{
  margin:0 0 22px!important;
  padding:4px 2px 15px;
  border-bottom:1px solid #e8ebf1;
}
.mdhp-customer .customer-head small{
  color:#7a5ade!important;
  font-size:9px!important;
  font-weight:800;
  letter-spacing:.12em!important;
}
.mdhp-customer .customer-head h1{
  font-size:24px!important;
  margin:3px 0 0!important;
  letter-spacing:-.02em;
}
.mdhp-customer .pill{
  padding:7px 10px!important;
  border:1px solid #e5ddff;
  font-size:8px!important;
  font-weight:750;
}

.customer-landing{
  display:grid;
  gap:18px;
}
.customer-landing-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);
  gap:20px;
  align-items:stretch;
  min-height:330px;
}
.customer-landing-copy{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:40px 42px;
  border:1px solid #e3e6ef;
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 18%,rgba(122,85,239,.14),transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#f8f6ff 50%,#fff8f4 100%);
  box-shadow:0 16px 45px rgba(40,47,75,.06);
}
.customer-landing-copy:after{
  content:"";
  position:absolute;
  right:-58px;bottom:-72px;
  width:220px;height:220px;border-radius:50%;
  background:linear-gradient(135deg,rgba(122,85,239,.12),rgba(255,135,75,.15));
}
.customer-kicker{
  position:relative;z-index:1;
  width:max-content;
  padding:6px 9px;
  border-radius:999px;
  background:#eee9ff;
  color:#6f4cda;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.customer-landing-copy h2{
  position:relative;z-index:1;
  margin:15px 0 12px;
  max-width:650px;
  color:#141a2a;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.035em;
}
.customer-landing-copy h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#6e46df,#f16a67,#ff8d38);
  -webkit-background-clip:text;
  color:transparent;
}
.customer-landing-copy>p{
  position:relative;z-index:1;
  max-width:610px;
  margin:0;
  color:#6f788b;
  font-size:12px;
  line-height:1.7;
}
.customer-benefits{
  position:relative;z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}
.customer-benefits span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid #e5e8ef;
  border-radius:999px;
  background:rgba(255,255,255,.85);
  color:#4c566d;
  font-size:8px;
  font-weight:700;
}
.customer-benefits b{
  color:#1da364;
}

.qr-guide-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:26px 24px;
  border:1px solid #e2dcfb;
  border-radius:22px;
  background:linear-gradient(160deg,#fbfaff,#ffffff 60%,#f4f8ff);
  box-shadow:0 16px 45px rgba(52,47,96,.055);
}
.qr-visual{
  position:relative;
  display:grid;
  place-items:center;
  width:128px;height:128px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(68,53,137,.10);
  margin-bottom:17px;
}
.qr-mini-grid{
  display:grid;
  grid-template-columns:repeat(5,10px);
  grid-auto-rows:10px;
  gap:5px;
}
.qr-mini-grid i{
  display:block;
  border-radius:2px;
  background:#342b55;
}
.qr-mini-grid i:nth-child(2n){background:#7453e7}
.qr-mini-grid i:nth-child(3n){opacity:.25}
.qr-mini-grid i:nth-child(5n){background:#ff8250}
.qr-corners{
  position:absolute;
  width:24px;height:24px;
  border-color:#7452e5;
  border-style:solid;
}
.qr-corners.tl{left:12px;top:12px;border-width:3px 0 0 3px;border-radius:5px 0 0 0}
.qr-corners.tr{right:12px;top:12px;border-width:3px 3px 0 0;border-radius:0 5px 0 0}
.qr-corners.bl{left:12px;bottom:12px;border-width:0 0 3px 3px;border-radius:0 0 0 5px}
.qr-corners.br{right:12px;bottom:12px;border-width:0 3px 3px 0;border-radius:0 0 5px 0}
.qr-guide-card>strong{
  font-size:15px;
  color:#20263a;
}
.qr-guide-card>p{
  max-width:250px;
  margin:7px 0 13px;
  color:#7d8598;
  font-size:9px;
  line-height:1.55;
}
.qr-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border-radius:999px;
  background:#eef8f3;
  color:#21865b;
  font-size:8px;
  font-weight:750;
}
.qr-status i{
  width:7px;height:7px;border-radius:50%;
  background:#20b66b;
  box-shadow:0 0 0 4px #dff4e8;
}

.customer-how{
  padding:23px 25px;
  border:1px solid #e5e8ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 25px rgba(40,48,75,.035);
}
.customer-how-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:17px;
}
.customer-how-head span{
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
  color:#7554df;
}
.customer-how-head h3{
  margin:0;
  font-size:17px;
  color:#172033;
}
.customer-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
}
.customer-steps article{
  position:relative;
  min-height:145px;
  padding:18px;
  border:1px solid #e7e9ef;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fbfcfe);
}
.step-no{
  position:absolute;
  right:12px;top:11px;
  font-size:10px;
  font-weight:900;
}
.step-no.purple{color:#7351e3}
.step-no.blue{color:#3d83e7}
.step-no.green{color:#20a466}
.step-icon{
  display:grid;
  place-items:center;
  width:37px;height:37px;
  margin-bottom:13px;
  border-radius:10px;
  background:#f1edff;
  color:#714ce0;
  font-size:17px;
}
.customer-steps article:nth-child(2) .step-icon{background:#eaf4ff;color:#347cdc}
.customer-steps article:nth-child(3) .step-icon{background:#e9f8f0;color:#1b965b}
.customer-steps strong{
  display:block;
  font-size:10px;
  color:#2b3348;
}
.customer-steps p{
  margin:6px 0 0;
  color:#828b9d;
  font-size:8px;
  line-height:1.55;
}

.customer-info-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
}
.customer-info-strip>div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:9px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #e6e9ef;
  border-radius:13px;
  background:#fff;
}
.customer-info-strip>div>span{
  display:grid;place-items:center;
  width:37px;height:37px;
  border-radius:10px;
  background:#f5f3ff;
  font-size:15px;
}
.customer-info-strip p{
  display:grid;
  margin:0;
}
.customer-info-strip strong{
  font-size:9px;
  color:#354057;
}
.customer-info-strip small{
  margin-top:2px;
  color:#8b93a3;
  font-size:7px;
}
.customer-mdhp-footer{
  margin-top:24px;
  border-top:1px solid #ebedf2;
  padding-top:18px!important;
}

@media(max-width:800px){
  .customer-landing-hero{grid-template-columns:1fr}
  .customer-landing-copy{padding:30px 25px}
  .customer-landing-copy h2{font-size:29px}
  .customer-steps{grid-template-columns:1fr}
  .customer-info-strip{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mdhp-customer .customer-shell{padding:16px 12px 30px!important}
  .customer-landing-copy{padding:24px 18px}
  .customer-landing-copy h2{font-size:25px}
  .customer-how{padding:19px 16px}
  .customer-how-head{display:block}
  .customer-how-head h3{margin-top:4px}
}


/* ===== SEAT QR MANAGEMENT V8 ===== */
.qr-page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}
.qr-eyebrow{font-size:8px;letter-spacing:.14em;color:#7653df;font-weight:850}.qr-page-hero h1{font-size:22px;margin:4px 0;color:#111827;letter-spacing:-.025em}.qr-page-hero p{font-size:9px;color:#7e8799;margin:0;max-width:760px;line-height:1.55}
.qr-security-pill{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;border:1px solid #d9eee2;background:#f0faf5}.qr-security-pill>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#20ae68;color:#fff;font-weight:900}.qr-security-pill>div{display:grid}.qr-security-pill strong{font-size:8.5px;color:#27734e}.qr-security-pill small{font-size:6.5px;color:#69917b;margin-top:2px}
.qr-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.qr-setup-card,.qr-help-card{padding:16px!important}.qr-card-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.qr-title-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:15px;font-weight:900}.qr-title-icon.purple{background:#f0eaff;color:#7048df}.qr-title-icon.blue{background:#e9f4ff;color:#347edf}.qr-card-title>div{display:grid}.qr-card-title h2{margin:0!important;font-size:13px!important}.qr-card-title p{margin:2px 0 0;font-size:7px;color:#8b93a3}
.qr-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qr-form label{display:grid;gap:4px;font-size:7.5px;color:#626c80;font-weight:750}.qr-form input,.qr-form select{height:37px!important;min-height:37px!important;font-size:9px!important}.qr-action-btn{grid-column:1/-1;font-size:8.5px!important}
.qr-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:6px;align-items:center;margin-top:19px}.qr-flow>div{display:grid;justify-items:center;text-align:center;gap:6px}.qr-flow b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eee9ff;color:#6e49df;font-size:9px}.qr-flow span{font-size:7px;color:#535e73;font-weight:700}.qr-flow>i{font-style:normal;color:#b5bbca}.qr-help-note{margin-top:16px;padding:9px 10px;border-radius:9px;background:#f7f8fb;color:#727c90;font-size:7px;line-height:1.5}
.qr-screen-panel{padding:16px!important;margin-bottom:14px!important}.qr-screen-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:12px;border-bottom:1px solid #edf0f4}.qr-screen-title{display:flex;align-items:center;gap:10px}.screen-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#7652e9,#4f82f0);color:#fff;font-size:15px}.qr-screen-title h2{margin:0!important;font-size:15px!important}.qr-screen-title p{font-size:7.5px;color:#828b9d;margin:3px 0 0}.qr-screen-actions{display:flex;gap:7px;flex-wrap:wrap}.qr-screen-actions .btn{font-size:8px!important;min-height:34px!important}.qr-print-all{background:#6f49df!important;color:#fff!important;border-color:#6f49df!important}
.qr-sync-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid #edf0f4}.qr-sync-form label{display:grid;gap:3px;font-size:7px;color:#737d90}.qr-sync-form input{width:90px!important;height:33px!important;min-height:33px!important;font-size:8px!important}.qr-sync-form .btn{min-height:33px!important;font-size:7.5px!important}.qr-sync-form>span{font-size:6.5px;color:#8b93a3;margin-bottom:8px}
.qr-seat-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:13px 0 10px}.qr-seat-toolbar>div{display:grid}.qr-seat-toolbar strong{font-size:10px}.qr-seat-toolbar small{font-size:7px;color:#8b93a4;margin-top:2px}.qr-seat-toolbar label{display:grid;gap:3px;font-size:7px;color:#727b8e}.qr-seat-toolbar input{width:170px!important;height:32px!important;min-height:32px!important;font-size:8px!important}
.qr-seat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.qr-seat-card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:325px;padding:12px;border:1px solid #e3e7ee;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 4px 15px rgba(30,40,65,.025)}.qr-seat-card:hover{border-color:#d8d0f6;box-shadow:0 8px 24px rgba(70,54,137,.07)}
.qr-seat-top{width:100%;display:flex;justify-content:space-between;align-items:center}.qr-seat-top span{font-size:7px;color:#8c94a5}.qr-seat-top strong{display:grid;place-items:center;min-width:35px;height:27px;padding:0 7px;border-radius:8px;background:#eee8ff;color:#6945df;font-size:11px}
.qr-render{width:145px;height:145px;margin:9px auto 5px}.qr-render svg{display:block;width:100%;height:100%}.qr-seat-label{text-align:center;display:grid;gap:2px}.qr-seat-label strong{font-size:9px;color:#242d42;letter-spacing:.05em}.qr-seat-label small{font-size:6.5px;color:#858ea0}
.qr-seat-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:10px}.qr-mini-btn{display:flex;align-items:center;justify-content:center;min-height:29px;padding:4px;border:1px solid #e0e4eb;border-radius:7px;background:#fff;color:#5b657a;font-size:6.5px;font-weight:750;text-decoration:none;cursor:pointer}.qr-mini-btn.test{background:#eef6ff;color:#3474ce;border-color:#dceafb}.qr-mini-btn.download{background:#f3efff;color:#6843d7;border-color:#e4dcfb}.qr-mini-btn.print{background:#eef9f3;color:#23875a;border-color:#dceddf}.qr-powered{margin-top:8px;font-size:5.8px;color:#9aa1af}.qr-powered b{color:#6d4ade}.qr-empty{padding:30px;text-align:center;color:#8b94a6;font-size:9px}
@media(max-width:950px){.qr-setup-grid{grid-template-columns:1fr}.qr-page-hero{flex-direction:column;align-items:flex-start}.qr-security-pill{align-self:stretch}.qr-flow{grid-template-columns:1fr 1fr 1fr 1fr}.qr-flow>i{display:none}}
@media(max-width:650px){.qr-form{grid-template-columns:1fr}.qr-action-btn{grid-column:auto}.qr-screen-head,.qr-seat-toolbar{align-items:flex-start;flex-direction:column}.qr-seat-toolbar input{width:100%!important}.qr-seat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.qr-seat-grid{grid-template-columns:1fr}}

/* ==========================================================================
   MDHP CinemaServe — Screens & QR Ultra Premium V9
   Strong desktop sizing overrides for production UI.
   ========================================================================== */

:root{
  --qr-bg:#f6f8fc;
  --qr-surface:#ffffff;
  --qr-text:#141a2b;
  --qr-muted:#758096;
  --qr-line:#e2e6ef;
  --qr-purple:#7049e8;
  --qr-purple2:#8458ef;
  --qr-blue:#3a82ea;
  --qr-green:#1ea669;
  --qr-amber:#e59a16;
  --qr-shadow:0 12px 34px rgba(31,40,65,.06);
  --qr-shadow-lg:0 20px 50px rgba(34,42,67,.09);
}

/* desktop shell scale */
@media(min-width:1200px){
  .admin-body .layout{
    grid-template-columns:260px minmax(0,1fr)!important;
  }
  .admin-body .sidebar{
    width:auto!important;
    padding:22px 16px!important;
  }
  .admin-body .content{
    padding:0 30px 34px!important;
  }
  .admin-body .topbar{
    margin-left:-30px!important;
    margin-right:-30px!important;
    padding-left:30px!important;
    padding-right:30px!important;
  }
}

/* global admin readability */
.admin-body{
  background:
    radial-gradient(circle at 3% 0,rgba(111,73,232,.035),transparent 23%),
    #f6f8fc!important;
}
.admin-body .sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
  border-right:1px solid #e7eaf1!important;
  box-shadow:4px 0 22px rgba(25,34,55,.025);
}
.admin-body .logo{
  padding:4px 8px 20px!important;
  gap:12px!important;
}
.admin-body .logo>span{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  font-size:17px!important;
  background:linear-gradient(145deg,#ffad3d,#f45c70 36%,#8454ed 70%,#4a81f2)!important;
  box-shadow:0 10px 26px rgba(101,72,218,.20)!important;
}
.admin-body .logo strong{
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
}
.admin-body .logo small{
  font-size:10px!important;
  color:#8992a4!important;
}
.admin-body .sidebar nav{
  gap:6px!important;
}
.admin-body .sidebar nav a{
  min-height:46px!important;
  padding:8px 11px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:680!important;
}
.admin-body .nav-icon{
  width:29px!important;
  height:29px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
.sidebar-plan{
  padding:14px!important;
  border-radius:14px!important;
}

/* topbar */
.admin-body .topbar{
  height:70px!important;
  min-height:70px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e7eaf1!important;
  box-shadow:0 5px 20px rgba(29,38,62,.025)!important;
}
.global-search{
  width:min(520px,42vw)!important;
  height:42px!important;
  border-radius:11px!important;
  border:1px solid #dde2eb!important;
}
.global-search input{
  font-size:12px!important;
}
.admin-body .user-chip{
  font-size:12px!important;
}
.admin-body .avatar{
  width:39px!important;
  height:39px!important;
}

/* QR page hero */
.qr-page-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 18px!important;
  padding-top:2px!important;
}
.qr-page-hero>div:first-child{
  max-width:880px;
}
.qr-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#f0ebff!important;
  color:#6d49dc!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  font-weight:850!important;
}
.qr-page-hero h1{
  margin:8px 0 6px!important;
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  color:#111728!important;
  font-weight:850!important;
}
.qr-page-hero p{
  margin:0!important;
  max-width:850px!important;
  color:#788398!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.qr-security-pill{
  flex:0 0 auto;
  min-width:285px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  border:1px solid #d7eee1!important;
  background:linear-gradient(135deg,#f0faf5,#fbfefc)!important;
  box-shadow:0 6px 18px rgba(28,140,82,.04)!important;
}
.qr-security-pill>span{
  width:31px!important;height:31px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
.qr-security-pill strong{
  font-size:10px!important;
}
.qr-security-pill small{
  font-size:8px!important;
  line-height:1.4!important;
}

/* setup area */
.qr-setup-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:16px!important;
  margin-bottom:17px!important;
}
.qr-setup-card,.qr-help-card{
  padding:20px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff,#fdfdff)!important;
  border:1px solid #e3e6ee!important;
  box-shadow:var(--qr-shadow)!important;
}
.qr-card-title{
  gap:11px!important;
  margin-bottom:17px!important;
}
.qr-title-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:17px!important;
}
.qr-card-title h2{
  margin:0!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.qr-card-title p{
  margin:4px 0 0!important;
  font-size:10px!important;
  color:#818a9d!important;
}
.qr-form{
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.qr-form label{
  gap:6px!important;
  font-size:10px!important;
  font-weight:750!important;
  color:#505b71!important;
}
.qr-form input,.qr-form select{
  height:43px!important;
  min-height:43px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  font-size:11px!important;
  border:1px solid #dce1ea!important;
}
.qr-form input:focus,.qr-form select:focus{
  border-color:#9575ed!important;
  box-shadow:0 0 0 4px rgba(112,73,232,.09)!important;
}
.qr-action-btn{
  grid-column:1/-1!important;
  min-height:43px!important;
  border-radius:10px!important;
  font-size:10px!important;
  font-weight:800!important;
  background:linear-gradient(105deg,#7048e7,#8255ee)!important;
  box-shadow:0 8px 20px rgba(111,72,231,.18)!important;
}

/* Help card */
.qr-flow{
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;
  gap:9px!important;
  margin:24px 0 0!important;
}
.qr-flow>div{
  gap:8px!important;
}
.qr-flow b{
  width:35px!important;
  height:35px!important;
  border-radius:10px!important;
  font-size:11px!important;
  background:#f0eaff!important;
  color:#6e49df!important;
}
.qr-flow span{
  font-size:9px!important;
  line-height:1.3!important;
}
.qr-help-note{
  margin-top:22px!important;
  padding:11px 12px!important;
  border-radius:10px!important;
  font-size:9px!important;
  line-height:1.55!important;
  background:#f6f8fb!important;
}

/* each screen section */
.qr-screen-panel{
  padding:20px!important;
  margin-bottom:18px!important;
  border-radius:19px!important;
  border:1px solid #e2e6ef!important;
  background:#fff!important;
  box-shadow:var(--qr-shadow)!important;
}
.qr-screen-head{
  padding-bottom:15px!important;
}
.qr-screen-title{
  gap:12px!important;
}
.screen-badge{
  width:43px!important;
  height:43px!important;
  border-radius:12px!important;
  font-size:17px!important;
  background:linear-gradient(135deg,#7752e9,#4e82ef)!important;
  box-shadow:0 8px 20px rgba(83,91,198,.15)!important;
}
.qr-screen-title h2{
  margin:0!important;
  font-size:18px!important;
  font-weight:820!important;
}
.qr-screen-title p{
  margin:4px 0 0!important;
  font-size:10px!important;
  color:#7f899d!important;
}
.qr-screen-actions{
  gap:8px!important;
}
.qr-screen-actions .btn{
  min-height:38px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
  font-size:9px!important;
  font-weight:780!important;
}
.qr-print-all{
  background:linear-gradient(105deg,#7049e7,#8457ef)!important;
  border-color:transparent!important;
  box-shadow:0 7px 18px rgba(112,73,231,.17)!important;
}

/* seat sync */
.qr-sync-form{
  display:grid!important;
  grid-template-columns:130px 130px auto minmax(230px,1fr)!important;
  align-items:end!important;
  gap:10px!important;
  margin:13px 0 0!important;
  padding:13px 14px!important;
  border:1px solid #e9ecf2!important;
  border-radius:12px!important;
  background:#fafbfe!important;
}
.qr-sync-form label{
  gap:5px!important;
  font-size:9px!important;
  color:#697388!important;
  font-weight:700!important;
}
.qr-sync-form input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
.qr-sync-form .btn{
  min-height:38px!important;
  padding:7px 12px!important;
  font-size:9px!important;
}
.qr-sync-form>span{
  align-self:center!important;
  margin:0!important;
  font-size:8px!important;
  line-height:1.45!important;
  color:#858ea1!important;
}

/* toolbar */
.qr-seat-toolbar{
  padding:18px 0 12px!important;
  align-items:end!important;
}
.qr-seat-toolbar strong{
  font-size:13px!important;
  font-weight:800!important;
}
.qr-seat-toolbar small{
  margin-top:4px!important;
  font-size:9px!important;
  color:#8a93a6!important;
}
.qr-seat-toolbar label{
  gap:5px!important;
  font-size:9px!important;
  font-weight:700!important;
}
.qr-seat-toolbar input{
  width:210px!important;
  height:38px!important;
  min-height:38px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  border-radius:9px!important;
}

/* QR cards */
.qr-seat-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important;
  gap:14px!important;
}
.qr-seat-card{
  min-height:374px!important;
  padding:15px!important;
  border-radius:16px!important;
  border:1px solid #e2e6ef!important;
  background:
    radial-gradient(circle at 100% 0,rgba(112,73,231,.04),transparent 32%),
    linear-gradient(180deg,#fff,#fcfdff)!important;
  box-shadow:0 5px 17px rgba(30,39,63,.035)!important;
}
.qr-seat-card:hover{
  transform:translateY(-3px)!important;
  border-color:#cec2f4!important;
  box-shadow:0 15px 35px rgba(63,51,119,.085)!important;
}
.qr-seat-top{
  min-height:31px!important;
}
.qr-seat-top span{
  font-size:9px!important;
  font-weight:650!important;
  color:#7d8699!important;
}
.qr-seat-top strong{
  min-width:40px!important;
  height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:850!important;
  background:#f0ebff!important;
  color:#6541d4!important;
  border:1px solid #e2d9fb!important;
}
.qr-render{
  width:174px!important;
  height:174px!important;
  margin:12px auto 8px!important;
  padding:8px!important;
  border:1px solid #edf0f5!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 23px rgba(31,39,63,.055)!important;
}
.qr-render svg{
  width:100%!important;
  height:100%!important;
}
.qr-seat-label{
  gap:4px!important;
}
.qr-seat-label strong{
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}
.qr-seat-label small{
  font-size:8px!important;
  color:#838c9f!important;
}
.qr-seat-actions{
  gap:6px!important;
  margin-top:13px!important;
}
.qr-mini-btn{
  min-height:34px!important;
  padding:5px 6px!important;
  border-radius:8px!important;
  font-size:7.5px!important;
  font-weight:790!important;
}
.qr-mini-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(33,42,66,.06)
}
.qr-mini-btn.test{
  background:#eef6ff!important;
  border-color:#dceafb!important;
  color:#3474ce!important;
}
.qr-mini-btn.download{
  background:#f2eeff!important;
  border-color:#e2dafb!important;
  color:#6945d7!important;
}
.qr-mini-btn.print{
  background:#eef9f3!important;
  border-color:#dcefe4!important;
  color:#21865a!important;
}
.qr-powered{
  margin-top:10px!important;
  font-size:7px!important;
  color:#959dac!important;
}
.qr-powered b{
  color:#6b48db!important;
}

/* empty / status */
.qr-empty{
  padding:40px!important;
  border:1px dashed #dce1ea;
  border-radius:14px;
  background:#fafbfe;
  font-size:11px!important;
}

/* Responsive proportions */
@media(max-width:1350px){
  .qr-setup-grid{
    grid-template-columns:1fr!important;
  }
  .qr-help-card{min-height:210px}
  .qr-seat-grid{
    grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;
  }
}
@media(max-width:950px){
  .qr-page-hero{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .qr-security-pill{
    width:100%!important;
    min-width:0!important;
  }
  .qr-sync-form{
    grid-template-columns:1fr 1fr!important;
  }
  .qr-sync-form>span{
    grid-column:1/-1!important;
  }
}
@media(max-width:720px){
  .qr-page-hero h1{font-size:24px!important}
  .qr-form{grid-template-columns:1fr!important}
  .qr-action-btn{grid-column:auto!important}
  .qr-flow{
    grid-template-columns:1fr 1fr!important;
    row-gap:16px!important;
  }
  .qr-flow>i{display:none!important}
  .qr-screen-head,.qr-seat-toolbar{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .qr-seat-toolbar label,.qr-seat-toolbar input{
    width:100%!important;
  }
  .qr-screen-actions{
    width:100%!important;
  }
  .qr-screen-actions .btn{
    flex:1 1 auto!important;
  }
  .qr-seat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:480px){
  .qr-seat-grid{grid-template-columns:1fr!important}
  .qr-sync-form{grid-template-columns:1fr!important}
}


/* ==========================================================================
   MDHP CinemaServe — Movies & Shows Ultra Premium V10
   ========================================================================== */
.shows-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin:0 0 18px;
}
.shows-hero>div:first-child{max-width:800px}
.shows-eyebrow{
  display:inline-flex;align-items:center;min-height:26px;padding:0 9px;
  border-radius:999px;background:#f0eaff;color:#6d49dd;
  font-size:9px;font-weight:850;letter-spacing:.13em
}
.shows-hero h1{
  margin:8px 0 5px;font-size:27px;line-height:1.14;
  letter-spacing:-.035em;color:#111728;font-weight:850
}
.shows-hero p{margin:0;color:#7d879a;font-size:11px;line-height:1.6}
.shows-live-pill{
  min-width:205px;display:flex;align-items:center;gap:10px;
  padding:11px 13px;border:1px solid #d8eee2;border-radius:13px;
  background:linear-gradient(135deg,#effaf4,#fbfefc)
}
.shows-live-pill>span{color:#20ad69;font-size:12px}
.shows-live-pill>div{display:grid}.shows-live-pill strong{font-size:9px;color:#26734d}
.shows-live-pill small{margin-top:2px;font-size:7px;color:#73927f}

.shows-action-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  margin-bottom:16px
}
.shows-form-card{
  padding:20px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fdfdff)!important;
  box-shadow:0 12px 34px rgba(31,40,65,.055)!important
}
.shows-form-card.movie-card{border-top:3px solid #7b56eb!important}
.shows-form-card.schedule-card{border-top:3px solid #3d83e9!important}
.shows-card-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.shows-card-icon{
  display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  font-size:16px;font-weight:900;box-shadow:0 8px 18px rgba(37,48,77,.07)
}
.shows-card-icon.purple{background:#f0eaff;color:#6e49df}
.shows-card-icon.blue{background:#eaf4ff;color:#347ddd}
.shows-card-head>div{display:grid}.shows-card-head h2{margin:0!important;font-size:17px!important;font-weight:820!important}
.shows-card-head p{margin:3px 0 0;color:#858ea1;font-size:9px}

.shows-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px
}
.shows-form-grid label{
  display:grid;gap:6px;
  color:#4f5a70;font-size:10px;font-weight:760
}
.shows-form-grid input,.shows-form-grid select{
  height:46px!important;min-height:46px!important;
  padding:9px 12px!important;border-radius:11px!important;
  border:1px solid #dbe1ea!important;background:#fff!important;
  color:#172033!important;font-size:11px!important;font-weight:600
}
.shows-form-grid input:hover,.shows-form-grid select:hover{border-color:#cbd2de!important}
.shows-form-grid input:focus,.shows-form-grid select:focus{
  border-color:#9475ed!important;box-shadow:0 0 0 4px rgba(112,73,232,.09)!important
}
.input-suffix{position:relative}.input-suffix input{padding-right:70px!important}
.input-suffix span{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-size:8px;color:#8a93a5;background:#f5f6f9;border-radius:6px;padding:4px 6px
}
.shows-primary-btn{
  min-height:46px;border:0;border-radius:11px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(105deg,#7048e7,#8456ed);color:#fff;
  font-size:11px;font-weight:850;box-shadow:0 9px 22px rgba(111,72,231,.19)
}
.shows-primary-btn.schedule{background:linear-gradient(105deg,#397fe8,#5b6feb);box-shadow:0 9px 22px rgba(60,115,220,.17)}
.shows-primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(80,68,190,.22)}
.shows-primary-btn b{font-size:15px}

.shows-list-card{
  padding:20px!important;border-radius:19px!important;
  box-shadow:0 12px 34px rgba(31,40,65,.055)!important
}
.shows-list-head{
  display:flex;align-items:end;justify-content:space-between;gap:14px;
  padding-bottom:15px;border-bottom:1px solid #edf0f4
}
.shows-list-head>div{display:flex;align-items:center;gap:10px}
.shows-list-icon{
  display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:#fff3df;color:#d98a0c;font-size:15px
}
.shows-list-head h2{margin:0!important;font-size:17px!important}
.shows-list-head p{margin:3px 0 0;color:#8b94a6;font-size:8px}
.shows-filter{display:grid;gap:4px;color:#707a8f;font-size:8px;font-weight:700}
.shows-filter input{
  width:230px!important;height:37px!important;min-height:37px!important;
  border-radius:9px!important;font-size:9px!important;padding:7px 10px!important
}

.shows-table-wrap{margin-top:8px;border-radius:12px;overflow:auto}
.shows-table{min-width:820px}
.shows-table thead th{
  padding:12px 11px!important;background:#fafbfe;color:#7e879a!important;
  border-bottom:1px solid #e9edf2!important;font-size:8px!important;
  letter-spacing:.06em!important
}
.shows-table td{
  padding:12px 11px!important;border-bottom:1px solid #eef1f4!important;
  font-size:10px!important;color:#465169!important;vertical-align:middle
}
.shows-table tbody tr:hover{background:#fbfaff!important}
.movie-cell{display:flex;align-items:center;gap:8px}.movie-cell strong{font-size:10px;color:#20283d}
.movie-dot{
  display:grid;place-items:center;width:28px;height:28px;border-radius:8px;
  background:#f0eaff;color:#7049df;font-size:9px
}
.screen-chip{
  display:inline-flex;align-items:center;min-height:26px;padding:0 8px;
  border-radius:999px;background:#eef5ff;color:#3b76cd;font-size:8px;font-weight:750
}
.date-cell{display:grid}.date-cell strong{font-size:9px;color:#374158}
.date-cell small{font-size:7px;color:#8a93a5;margin-top:2px}
.show-status{
  display:inline-flex;align-items:center;min-height:27px;padding:0 9px;
  border-radius:999px;font-size:8px;font-weight:780
}
.status-scheduled{background:#eef5ff;color:#3775ce}
.status-running{background:#e8f8ef;color:#178b55}
.status-ended{background:#f0f1f4;color:#737c8d}
.status-cancelled{background:#fff0f3;color:#d84960}
.shows-empty{
  margin-top:12px;padding:35px;border:1px dashed #dce1ea;border-radius:13px;
  text-align:center;color:#8b94a5;font-size:10px;background:#fafbfe
}

@media(max-width:1100px){
  .shows-action-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .shows-hero,.shows-list-head{flex-direction:column;align-items:flex-start}
  .shows-live-pill{width:100%}
  .shows-form-grid{grid-template-columns:1fr}
  .shows-form-grid .span2{grid-column:auto}
  .shows-filter,.shows-filter input{width:100%!important}
}