:root{
  --bg:#12071f;--bg2:#211038;--panel:rgba(255,255,255,.085);--panel2:rgba(255,255,255,.14);--line:rgba(255,255,255,.13);
  --txt:#fff8ff;--muted:#d5c4e8;--cyan:#f0aa22;--green:#7b3ff2;--orange:#d99517;--red:#ff5065;--nav:#10061c;
  --shadow:0 24px 80px rgba(0,0,0,.34);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:
  radial-gradient(circle at 18% 0%,rgba(240,170,34,.22),transparent 32%),
  radial-gradient(circle at 85% 8%,rgba(123,63,242,.14),transparent 28%),
  linear-gradient(135deg,#12071f 0%,#211038 48%,#08030f 100%);color:var(--txt);min-height:100vh}a{color:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%)}
.app{display:flex;min-height:100vh}.sidebar{width:292px;background:linear-gradient(180deg,rgba(18,7,31,.96),rgba(10,3,18,.92));border-right:1px solid var(--line);padding:20px 16px;position:fixed;top:0;bottom:0;overflow:auto;backdrop-filter:blur(18px)}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:20px}.brand img{width:78px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(240,170,34,.22))}.brand b{font-size:25px;color:#f0aa22;letter-spacing:.2px}.brand span{display:block;font-size:12px;color:var(--muted);line-height:1.3}.nav-title{margin:17px 0 7px;padding:8px 12px;border-radius:13px;background:linear-gradient(90deg,rgba(240,170,34,.14),rgba(123,63,242,.08));color:#f3c15d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;border:1px solid rgba(255,255,255,.075)}
nav a{display:block;text-decoration:none;padding:10px 12px;border-radius:13px;color:#dffcff;margin:3px 0;border:1px solid transparent;transition:.18s ease}nav a:hover{background:linear-gradient(90deg,rgba(240,170,34,.16),rgba(123,63,242,.12));border-color:rgba(255,255,255,.10);transform:translateX(3px)}.nav-muted{opacity:.78}.nav-enterprise{background:rgba(255,155,33,.07);border-left:3px solid rgba(255,155,33,.55)}.nav-count{float:right;background:linear-gradient(90deg,var(--red),#ff8b43);color:#fff;border-radius:99px;padding:1px 8px;font-size:12px}
.main{margin-left:292px;width:calc(100% - 292px)}.top{padding:20px 28px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035);backdrop-filter:blur(18px);position:sticky;top:0;z-index:6}.top h1,h1{margin:0;font-size:27px;letter-spacing:-.03em}.top p{margin:5px 0 0;color:var(--muted)}.content{padding:28px}.userbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.alert-pill{padding:8px 11px;border-radius:999px;text-decoration:none;background:rgba(255,155,33,.13);border:1px solid rgba(255,155,33,.33);color:#ffd49c}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card,.panel,.hero{background:linear-gradient(145deg,rgba(255,255,255,.125),rgba(255,255,255,.055));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px;backdrop-filter:blur(18px)}.hero{padding:28px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-110px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(240,170,34,.22),transparent 60%)}.hero h1{font-size:39px}.hero p{color:var(--muted);max-width:780px;line-height:1.6}.card h3{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card .num{font-size:30px;font-weight:900;margin-top:8px;color:#fff;letter-spacing:-.04em}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(27,224,239,.18),rgba(100,240,164,.16));border:1px solid rgba(255,255,255,.10);margin-bottom:10px}.row{display:flex;gap:14px;flex-wrap:wrap}.between{justify-content:space-between;align-items:center}.btn{border:0;border-radius:13px;padding:10px 14px;background:linear-gradient(90deg,var(--cyan),var(--green));color:#021014;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 10px 26px rgba(27,224,239,.13)}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:rgba(255,255,255,.09);color:#fff;border:1px solid var(--line);box-shadow:none}.btn.danger{background:linear-gradient(90deg,var(--red),#ff8451);color:#fff}.btn.small{padding:7px 10px;font-size:13px}.btn.block{display:block;text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-actions .btn{padding:13px 10px}.alert{padding:12px 14px;border-radius:14px;margin-bottom:15px}.alert-success{background:rgba(100,240,164,.16);border:1px solid rgba(100,240,164,.34)}.alert-danger{background:rgba(255,80,101,.16);border:1px solid rgba(255,80,101,.34)}.notice{padding:12px 14px;border-radius:14px;margin:12px 0;background:rgba(255,155,33,.12);border:1px solid rgba(255,155,33,.32);color:#ffe1b0}.notice.info{background:rgba(27,224,239,.11);border-color:rgba(27,224,239,.30);color:#e0fcff}.notice.danger{background:rgba(255,80,101,.12);border-color:rgba(255,80,101,.32);color:#ffd6db}.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(27,224,239,.16);color:#aafaff;border:1px solid rgba(255,255,255,.08);font-size:12px}.badge.danger{background:rgba(255,80,101,.18);color:#ffd7dc}.badge.warning{background:rgba(255,155,33,.18);color:#ffe3b8}.badge.success{background:rgba(100,240,164,.18);color:#caffd9}.badge.info{background:rgba(27,224,239,.18);color:#9dfaff}table{width:100%;border-collapse:collapse;margin-top:12px;background:rgba(0,0,0,.14);border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#f3c15d;background:rgba(0,0,0,.22);font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:rgba(255,255,255,.025)}input,select,textarea{width:100%;padding:11px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.085);color:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(27,224,239,.65);box-shadow:0 0 0 3px rgba(27,224,239,.10)}option{color:#000}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.label,label{font-size:13px;color:var(--muted);margin-bottom:5px;display:block}.two-col{display:grid;grid-template-columns:1fr 2fr;gap:16px}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}.readiness-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--score),rgba(255,255,255,.10) 0);position:relative}.readiness-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#07131c;border:1px solid var(--line)}.readiness-ring b{position:relative;font-size:30px}.timeline{display:grid;gap:10px}.timeline div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.footer-note{padding:20px 28px;color:var(--muted);font-size:12px}.page-title{margin-bottom:16px}.page-title h1{margin:0}.page-title p{color:var(--muted)}@media(max-width:1150px){.grid,.quick-actions{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app{display:block}.main{margin-left:0;width:100%}.top{position:relative;display:block}.userbox{margin-top:12px}.grid,.grid-3,.grid-2,.quick-actions,.form-grid,.two-col{grid-template-columns:1fr}.content{padding:18px}.hero h1{font-size:31px}}@media print{.sidebar,.top .userbox,.actions,.btn,.quick-actions{display:none!important}.main{margin-left:0;width:100%}.top{border:0;padding:0 0 12px;position:relative}.content{padding:0}.card,.panel,.hero{box-shadow:none;border:1px solid #ccc;color:#111;background:#fff}body{background:#fff;color:#111}body:before{display:none}th{color:#111;background:#eee}.badge{border:1px solid #ccc;color:#111;background:#fff}.muted{color:#444}}


/* Build 14 Executive BI Polish */
.bi-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.bi-span-8{grid-column:span 8}.bi-span-6{grid-column:span 6}.bi-span-4{grid-column:span 4}.bi-span-12{grid-column:span 12}
.chart-card{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);overflow:hidden}.chart-card h2{margin:0 0 8px}.chart-card .sub{color:var(--muted);font-size:13px;margin-bottom:14px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:160px 1fr 110px;align-items:center;gap:12px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaffff}.bar-track{height:13px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 18px rgba(27,224,239,.18)}.bar-fill.warning{background:linear-gradient(90deg,var(--orange),#ffe08a)}.bar-fill.danger{background:linear-gradient(90deg,var(--red),#ff9b7d)}.bar-value{text-align:right;font-weight:800;color:#fff}.spark{height:126px;display:flex;align-items:end;gap:8px;padding:12px;background:rgba(0,0,0,.14);border-radius:18px;border:1px solid rgba(255,255,255,.07)}.spark-col{flex:1;min-width:12px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--green),var(--cyan));min-height:5px;position:relative}.spark-col span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.donut-mini{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--pct),rgba(255,255,255,.08) 0);position:relative}.donut-mini:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#07131c;border:1px solid var(--line)}.donut-mini b{position:relative;font-size:22px}.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi-mini{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.kpi-mini small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.kpi-mini strong{display:block;margin-top:6px;font-size:20px;color:#fff}.print-tools{display:flex;gap:8px;flex-wrap:wrap}.executive-report-header{display:none}@media(max-width:1150px){.bi-grid{grid-template-columns:1fr}.bi-span-8,.bi-span-6,.bi-span-4,.bi-span-12{grid-column:span 1}.bar-row{grid-template-columns:1fr}.bar-value{text-align:left}.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media print{.executive-report-header{display:block;margin-bottom:20px}.chart-card{box-shadow:none;border:1px solid #ccc;background:#fff;color:#111}.bar-track{border:1px solid #ccc;background:#eee}.bar-fill,.spark-col{background:#333!important;box-shadow:none}.donut-mini:before{background:#fff}.kpi-mini{border:1px solid #ccc;background:#fff}.print-tools{display:none!important}}


/* Build 21: Page overflow and table responsiveness fix */
.main,.content,.panel,.card,.chart-card,.hero{min-width:0;}
.content{max-width:100%;overflow-x:hidden;}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:16px;}
.table-wrap table{min-width:920px;margin-top:0;}
.panel>table,.card>table,.chart-card>table{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:16px;}
.panel>table tbody,.card>table tbody,.chart-card>table tbody{display:table;width:100%;min-width:760px;}
th,td{max-width:260px;word-break:break-word;overflow-wrap:anywhere;}
.actions,.receipt-actions{min-width:190px;white-space:normal;}
.actions .btn,.receipt-actions .btn{margin:2px 0;display:inline-block;}
.btn{white-space:normal;line-height:1.25;}
.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-top:12px;}
.cards .card b{display:block;font-size:26px;margin-bottom:4px}.cards .card span{color:var(--muted);font-size:13px;}
.receipt-table{min-width:1220px;}
.receipt-table td,.receipt-table th{font-size:13px;}
.receipt-table .receipt-id{min-width:120px;}
.receipt-table .receipt-customer{min-width:170px;}
.receipt-table .receipt-actions{min-width:210px;}
@media(max-width:900px){
  .table-wrap table{min-width:820px;}
  .panel>table tbody,.card>table tbody,.chart-card>table tbody{min-width:820px;}
  .cards{grid-template-columns:1fr;}
  .content{overflow-x:hidden;}
}
@media print{
  .content{overflow:visible;}
  .table-wrap,.panel>table,.card>table,.chart-card>table{overflow:visible!important;}
  .table-wrap table,.panel>table tbody,.card>table tbody,.chart-card>table tbody{min-width:0!important;}
  th,td{max-width:none;font-size:11px;padding:7px;}
}


/* Build 22: Glassy grouped main menu polish */
.sidebar{
  width:310px;
  padding:18px 14px;
  background:
    radial-gradient(circle at 15% 0%,rgba(27,224,239,.18),transparent 26%),
    linear-gradient(180deg,rgba(3,17,27,.96),rgba(2,8,15,.92));
  box-shadow:18px 0 60px rgba(0,0,0,.22);
}
.main{margin-left:310px;width:calc(100% - 310px)}
.brand{position:sticky;top:0;z-index:5;margin-bottom:10px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:0 18px 50px rgba(0,0,0,.20)}
.menu-label{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 14px;padding:10px 12px;border-radius:16px;background:linear-gradient(90deg,rgba(27,224,239,.14),rgba(100,240,164,.08));border:1px solid rgba(255,255,255,.09);color:#dfffff;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}
.menu-label em{font-style:normal;color:#9ec7ca;font-size:10px;text-transform:none;letter-spacing:0;font-weight:700}
.main-nav{display:grid;gap:12px;padding-bottom:22px}
.nav-group{padding:10px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.085);box-shadow:0 14px 34px rgba(0,0,0,.13)}
.nav-title{margin:0 0 7px;padding:7px 9px;background:transparent;border:0;color:#92fbea;font-size:10.5px;letter-spacing:.12em;display:flex;align-items:center;gap:6px}
.nav-item,nav a.nav-item{display:flex;align-items:center;gap:10px;position:relative;text-decoration:none;padding:10px 11px;border-radius:16px;color:#defdff;margin:4px 0;border:1px solid transparent;transition:.18s ease;background:transparent}
.nav-item:hover,nav a.nav-item:hover{background:linear-gradient(90deg,rgba(27,224,239,.18),rgba(100,240,164,.09));border-color:rgba(255,255,255,.12);transform:translateX(4px)}
.nav-item.active{background:linear-gradient(90deg,rgba(27,224,239,.28),rgba(100,240,164,.16));border-color:rgba(27,224,239,.38);box-shadow:inset 3px 0 0 #64f0a4,0 10px 22px rgba(27,224,239,.08)}
.nav-main{background:linear-gradient(90deg,rgba(27,224,239,.20),rgba(100,240,164,.13));border-color:rgba(255,255,255,.11)!important;font-weight:850}
.nav-ico{width:27px;height:27px;min-width:27px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.075);font-size:13px;line-height:1}
.nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-count{float:none;margin-left:auto;min-width:23px;text-align:center}
.nav-enterprise{background:rgba(255,155,33,.08)!important;border-left:0!important;color:#fff3dc!important}
.nav-enterprise .nav-ico{background:rgba(255,155,33,.14);border-color:rgba(255,155,33,.22)}
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:rgba(240,170,34,.22);border-radius:99px}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
@media(max-width:900px){.sidebar{width:100%;position:relative}.main{margin-left:0;width:100%}.main-nav{grid-template-columns:1fr}.nav-text{white-space:normal}.brand{position:relative}}


/* Build 25: Final review layout safety patch */
html,body{max-width:100%;overflow-x:hidden;}
.main{max-width:calc(100% - 310px);overflow-x:hidden;}
.content{max-width:100%;overflow-x:hidden;}
.panel,.card,.hero,.chart-card{max-width:100%;overflow:hidden;}
.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;}
.table-wrap table{width:100%;min-width:980px;}
.receipt-table{min-width:1220px;}
.receipt-actions{white-space:normal;}
.receipt-actions .btn{display:inline-block;margin:2px 2px;}
@media(max-width:900px){.main{max-width:100%;}.table-wrap table{min-width:850px;}.receipt-table{min-width:1100px;}}
@media print{html,body,.main,.content,.panel,.card,.hero,.chart-card{overflow:visible!important;max-width:none!important}.table-wrap{overflow:visible!important}.table-wrap table{min-width:0!important}.receipt-table{min-width:0!important}}


/* Build 28: Document and barcode label polish */
.doc-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.doc-company{display:flex;gap:14px;align-items:flex-start}.doc-company img{width:86px;height:72px;object-fit:contain}.doc-company h1{margin:0;font-size:24px}.doc-company p{margin:3px 0;color:var(--muted)}.doc-title{text-align:right}.doc-title b{display:block;font-size:28px;color:#fff}.doc-title span{display:block;color:#91f9e8;margin-top:6px;font-weight:800}.doc-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.doc-meta div{padding:11px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.doc-meta small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px}.doc-meta strong{display:block;margin-top:4px}.label-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stock-label{min-height:130px;border:1px dashed rgba(255,255,255,.35);border-radius:14px;padding:12px;background:#fff;color:#111;text-align:center}.stock-label b{display:block;font-size:15px}.barcode-box{font-family:'Libre Barcode 39',monospace;font-size:35px;letter-spacing:2px;margin:9px 0}.qr-box{font-size:34px;margin:5px 0}@media(max-width:900px){.doc-head,.doc-meta{display:block}.doc-title{text-align:left;margin-top:14px}.doc-meta div{margin-bottom:8px}.label-sheet{grid-template-columns:1fr}}@media print{.doc-head{border-bottom:1px solid #aaa}.doc-company p{color:#333}.doc-title b{color:#111}.doc-title span{color:#111}.doc-meta div{border:1px solid #ccc;background:#fff}.stock-label{break-inside:avoid}}

/* Build 32 Permission Matrix */
.check-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:8px 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.check-row input{margin-top:4px;transform:scale(1.15)}
.permission-box h3{margin-top:0}

/* Build 36 backup restore safety */
.danger-zone{border:1px solid rgba(255,90,90,.25);box-shadow:0 20px 60px rgba(180,20,50,.08)}
.inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}
.inline-form input{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:inherit}

/* Build 38 Page Containment + Two-Step Receipt Layout */
.main,.content,.panel,.card,.hero{min-width:0;max-width:100%;}
.panel{overflow:hidden;}
.table-wrap,.table-wrap-safe{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:16px;}
.table-wrap table{max-width:100%;}
th,td{overflow-wrap:anywhere;word-break:normal;}
.actions,.receipt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.compact-table th,.compact-table td{padding:10px;}
.receipt-two-step{table-layout:auto;min-width:760px;}
.receipt-two-step .receipt-main-row td{border-bottom:0;background:rgba(255,255,255,.018);}
.receipt-two-step .receipt-detail-row td{padding-top:0;background:rgba(0,0,0,.10);border-bottom:1px solid rgba(255,255,255,.13);}
.receipt-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);}
.receipt-detail-grid div{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);}
.receipt-detail-grid span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.receipt-detail-grid b{font-size:13px;color:#fff;}
.receipt-id{white-space:nowrap;}
@media(max-width:900px){
  .receipt-two-step{min-width:650px;}
  .receipt-detail-grid{grid-template-columns:repeat(2,minmax(120px,1fr));}
}
@media(max-width:620px){
  .receipt-two-step{min-width:560px;}
  .receipt-detail-grid{grid-template-columns:1fr;}
  .btn.small{font-size:12px;padding:6px 8px;}
}
/* Build 42: Support, Developer and Licence info polish */
.hero-card{background:linear-gradient(135deg,rgba(12,32,58,.92),rgba(10,139,134,.20));border:1px solid rgba(87,255,230,.20)}
.lead{font-size:1.05rem;line-height:1.65;color:#d9fff9}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px}.stat{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.stat b{display:block;color:#f3c15d;margin-bottom:6px}.stat span{font-size:.9rem;color:#cfe8e6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.mini-card,.price-card{border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.mini-card b,.price-card h4{color:#f3c15d}.mini-card span{display:block;color:#d2e8e6;margin-top:8px;font-size:.9rem}.price-card.featured{border-color:rgba(255,170,49,.5);background:linear-gradient(135deg,rgba(255,170,49,.11),rgba(0,199,181,.09))}.price-card ul{margin:10px 0 0 18px;padding:0}.price-card li{margin:6px 0;color:#d9eeee}.soft-note{border-color:rgba(255,170,49,.24);background:rgba(255,170,49,.06)}


/* Build 47: Wide page containers and clean detail panels */
.grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.grid.two > *, .grid.three > *, .grid.four > *, .stats > *, .form-grid > *{min-width:0;}
.stats{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin-bottom:16px;}
.span2{grid-column:span 2;}
.form-grid .btn{align-self:end;min-height:45px;}
.info-list{display:grid;gap:0;border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;background:rgba(0,0,0,.14);}
.info-row{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);gap:12px;align-items:start;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.10);}
.info-row:last-child{border-bottom:0;}
.info-row strong{color:#f3c15d;text-transform:uppercase;letter-spacing:.055em;font-size:12px;}
.info-row span,.info-row code{overflow-wrap:anywhere;word-break:break-word;}
.licence-activation-grid{grid-template-columns:minmax(360px,1fr) minmax(420px,1.15fr)!important;align-items:start;}
.developer-grid{grid-template-columns:minmax(360px,1.1fr) minmax(420px,1fr)!important;align-items:start;}
.support-page .panel,.licence-page .panel{overflow:visible;}
.table-wrap.compact-wrap table{min-width:0!important;}
@media(max-width:1100px){
  .grid.two,.licence-activation-grid,.developer-grid{grid-template-columns:1fr!important;}
  .stats{grid-template-columns:repeat(2,minmax(160px,1fr));}
}
@media(max-width:650px){
  .stats,.form-grid{grid-template-columns:1fr!important;}
  .span2{grid-column:span 1;}
  .info-row{grid-template-columns:1fr;gap:4px;}
}
@media print{.info-list{border:1px solid #ccc;background:#fff}.info-row{border-bottom:1px solid #ddd}.info-row strong{color:#111}}

/* Build 48: Wider functional module layouts */
.reservation-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:18px;width:100%;align-items:start;margin-bottom:18px;}
.reservation-form-panel,.reservation-rules-panel{width:100%;min-width:0;overflow:visible;}
.reservation-form-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;}
.reservation-form-grid label{min-width:0;}
.reservation-form-grid input,.reservation-form-grid select,.reservation-form-grid textarea{min-width:0;}
.rules-grid{display:grid;gap:12px;}
.rules-grid div{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);}
.rules-grid b{display:block;color:#f3c15d;margin-bottom:5px;}
.rules-grid span{display:block;color:var(--muted);line-height:1.45;}
.clean-list{padding-left:20px;line-height:1.55;}
@media(max-width:1180px){.reservation-layout{grid-template-columns:1fr}.reservation-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));}}
@media(max-width:720px){.reservation-form-grid{grid-template-columns:1fr!important}.reservation-form-grid .span2{grid-column:span 1!important}.reservation-layout{gap:14px}.panel{padding:15px}}


/* Build 49: Hard no-squeeze page layout fix */
.content{width:100%;max-width:none!important;}
.main{overflow-x:hidden;}
.module-wide-panel{width:100%!important;max-width:1120px!important;margin:0 0 18px 0!important;overflow:visible!important;}
.licence-stacked-layout,.developer-stacked-layout{display:block!important;width:100%;max-width:1120px;}
.licence-stacked-layout > .panel,.developer-stacked-layout > .panel{width:100%!important;max-width:1120px!important;margin-bottom:18px;}
.reservation-layout{display:block!important;width:100%!important;max-width:1120px!important;}
.reservation-form-panel,.reservation-rules-panel{display:block!important;width:100%!important;max-width:1120px!important;margin-bottom:18px;}
.reservation-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:16px!important;}
.reservation-form-grid .span2{grid-column:span 3!important;}
.rules-grid{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:12px!important;}
.info-list{width:100%;max-width:100%;overflow:visible!important;}
.info-row{grid-template-columns:190px minmax(0,1fr)!important;}
.table-wrap{max-width:100%!important;overflow-x:auto!important;}
@media(max-width:1100px){.module-wide-panel,.licence-stacked-layout,.developer-stacked-layout,.reservation-layout{max-width:100%!important}.reservation-form-grid,.rules-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.reservation-form-grid .span2{grid-column:span 2!important}}
@media(max-width:720px){.reservation-form-grid,.rules-grid{grid-template-columns:1fr!important}.reservation-form-grid .span2{grid-column:span 1!important}.info-row{grid-template-columns:1fr!important}.module-wide-panel{margin-bottom:14px!important}}


/* Build 50: action buttons and safer list layouts */
.inline-form{display:inline-block;margin:2px 3px;vertical-align:middle}
.btn.danger{background:linear-gradient(135deg,#ff3b55,#c91d3a)!important;color:#fff!important;border-color:rgba(255,95,120,.6)!important}
.btn.small{padding:7px 10px;font-size:12px;border-radius:10px;line-height:1.1}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}
.table-wrap table{min-width:780px}
td.actions,th.actions{white-space:normal;min-width:170px}
.panel .notice{padding:12px 14px;border-radius:14px;background:rgba(30,230,190,.08);border:1px solid rgba(30,230,190,.2);margin-bottom:12px;color:#dff}

/* Build 54: POS customer select + multiple roles layout */
.role-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0 12px}
.role-check{background:rgba(255,255,255,.055);border:1px solid rgba(132,255,236,.16);border-radius:12px;padding:9px 10px;align-items:center}
.role-check input{width:auto!important;margin-right:6px}

/* StockMora v1.00A: Official Purple + Gold Marketplace Sidebar Branding Fix */
:root{
  --stockmora-deep:#12071f;
  --stockmora-deep-2:#08030f;
  --stockmora-purple:#351064;
  --stockmora-purple-2:#4b1686;
  --stockmora-gold:#d99a16;
  --stockmora-gold-light:#f0b12f;
  --stockmora-cream:#fff8ef;
  --stockmora-soft:#d8c8ec;
}
.sidebar{
  background:
    radial-gradient(circle at 15% 0%,rgba(217,154,22,.16),transparent 28%),
    radial-gradient(circle at 80% 18%,rgba(75,22,134,.26),transparent 30%),
    linear-gradient(180deg,rgba(18,7,31,.985),rgba(8,3,15,.96)) !important;
  border-right:1px solid rgba(217,154,22,.20) !important;
  box-shadow:18px 0 52px rgba(0,0,0,.26) !important;
}
.brand{
  background:linear-gradient(135deg,rgba(75,22,134,.38),rgba(217,154,22,.075)) !important;
  border-color:rgba(217,154,22,.20) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.brand b{color:var(--stockmora-gold-light)!important;text-shadow:0 8px 24px rgba(217,154,22,.18)}
.brand span{color:var(--stockmora-soft)!important}
.menu-label{
  background:linear-gradient(90deg,rgba(217,154,22,.18),rgba(75,22,134,.24))!important;
  border-color:rgba(217,154,22,.22)!important;
  color:var(--stockmora-gold-light)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.menu-label em{color:#cbb7e7!important}
.nav-group{
  background:linear-gradient(145deg,rgba(75,22,134,.20),rgba(255,255,255,.035))!important;
  border-color:rgba(217,154,22,.105)!important;
}
.nav-title{
  color:var(--stockmora-gold-light)!important;
  text-shadow:0 8px 22px rgba(217,154,22,.14)!important;
}
.nav-item,nav a.nav-item{
  color:var(--stockmora-cream)!important;
  background:rgba(255,255,255,.018)!important;
}
.nav-ico{
  color:#ffd47b!important;
  background:linear-gradient(135deg,rgba(217,154,22,.11),rgba(75,22,134,.12))!important;
  border-color:rgba(217,154,22,.16)!important;
}
.nav-item:hover,nav a.nav-item:hover{
  background:linear-gradient(90deg,rgba(217,154,22,.16),rgba(75,22,134,.24))!important;
  border-color:rgba(217,154,22,.24)!important;
  box-shadow:0 12px 28px rgba(75,22,134,.16)!important;
  transform:translateX(4px)!important;
}
.nav-item:hover .nav-ico{
  background:linear-gradient(135deg,rgba(240,177,47,.22),rgba(75,22,134,.20))!important;
  border-color:rgba(240,177,47,.30)!important;
}
.nav-item.active,.nav-main{
  background:linear-gradient(90deg,rgba(217,154,22,.22),rgba(75,22,134,.34))!important;
  border-color:rgba(240,177,47,.42)!important;
  box-shadow:inset 4px 0 0 var(--stockmora-gold-light),0 14px 32px rgba(75,22,134,.20)!important;
  color:#ffffff!important;
}
.nav-item.active .nav-ico,.nav-main .nav-ico{
  background:linear-gradient(135deg,rgba(240,177,47,.30),rgba(75,22,134,.26))!important;
  border-color:rgba(240,177,47,.38)!important;
  color:#ffe4a3!important;
}
.nav-enterprise{
  background:linear-gradient(90deg,rgba(217,154,22,.12),rgba(75,22,134,.15))!important;
  color:#fff2d4!important;
}
.nav-enterprise .nav-ico{
  background:rgba(217,154,22,.16)!important;
  border-color:rgba(217,154,22,.25)!important;
}
.sidebar::-webkit-scrollbar-thumb{background:rgba(217,154,22,.32)!important}
/* End StockMora v1.00A sidebar branding fix */


/* StockMora v1.00B: lighter premium gold accents */
:root{
  --cyan:#F2C94C;
  --orange:#E3B23C;
  --stockmora-gold:#E3B23C;
  --stockmora-gold-light:#F6D66B;
  --stockmora-gold-soft:#FFF1B8;
}
.sidebar{
  background:
    radial-gradient(circle at 15% 0%,rgba(242,201,76,.12),transparent 28%),
    radial-gradient(circle at 80% 18%,rgba(75,22,134,.26),transparent 30%),
    linear-gradient(180deg,rgba(18,7,31,.985),rgba(8,3,15,.96)) !important;
  border-right-color:rgba(246,214,107,.24)!important;
}
.brand{border-color:rgba(246,214,107,.28)!important;background:linear-gradient(135deg,rgba(75,22,134,.38),rgba(242,201,76,.07))!important}
.brand b{color:var(--stockmora-gold-light)!important;text-shadow:0 8px 24px rgba(246,214,107,.16)!important}
.menu-label{background:linear-gradient(90deg,rgba(242,201,76,.14),rgba(75,22,134,.24))!important;border-color:rgba(246,214,107,.28)!important;color:var(--stockmora-gold-light)!important}
.nav-title{color:var(--stockmora-gold-light)!important;text-shadow:0 8px 22px rgba(246,214,107,.14)!important}
.nav-group{border-color:rgba(246,214,107,.16)!important}
.nav-ico{color:#FFF1B8!important;background:linear-gradient(135deg,rgba(242,201,76,.12),rgba(75,22,134,.12))!important;border-color:rgba(246,214,107,.22)!important}
.nav-item:hover,nav a.nav-item:hover{background:linear-gradient(90deg,rgba(242,201,76,.13),rgba(75,22,134,.24))!important;border-color:rgba(246,214,107,.36)!important}
.nav-item:hover .nav-ico{background:linear-gradient(135deg,rgba(246,214,107,.22),rgba(75,22,134,.20))!important;border-color:rgba(246,214,107,.40)!important}
.nav-item.active,.nav-main{background:linear-gradient(90deg,rgba(242,201,76,.16),rgba(75,22,134,.34))!important;border-color:rgba(246,214,107,.56)!important;box-shadow:inset 4px 0 0 var(--stockmora-gold-light),0 14px 32px rgba(75,22,134,.20)!important}
.nav-item.active .nav-ico,.nav-main .nav-ico{background:linear-gradient(135deg,rgba(246,214,107,.28),rgba(75,22,134,.24))!important;border-color:rgba(246,214,107,.48)!important;color:#fff6cc!important}
.nav-enterprise{background:linear-gradient(90deg,rgba(242,201,76,.10),rgba(75,22,134,.15))!important;color:#fff7da!important}
.nav-enterprise .nav-ico{background:rgba(242,201,76,.14)!important;border-color:rgba(246,214,107,.30)!important}
.sidebar::-webkit-scrollbar-thumb{background:rgba(246,214,107,.40)!important}
th,.info-row strong,.mini-card b,.price-card h4,.rules-grid b{color:#F6D66B!important}
/* End StockMora v1.00B lighter gold */

/* StockMora v1.00D: public demo protection notice */
.demo-banner{margin:0 0 18px;padding:14px 18px;border:1px solid rgba(242,201,76,.55);background:linear-gradient(135deg,rgba(242,201,76,.18),rgba(87,38,132,.24));border-radius:16px;color:#fff4c7;box-shadow:0 16px 40px rgba(10,3,26,.25);}
.demo-banner b{color:#f8d76b;}


/* StockMora v1.00F: Professional Installer + Public Demo Login Panel */
.installer-page{background:
  radial-gradient(circle at 12% 5%,rgba(242,201,76,.20),transparent 28%),
  radial-gradient(circle at 88% 10%,rgba(123,63,242,.18),transparent 32%),
  linear-gradient(135deg,#12071f 0%,#25103d 48%,#08030f 100%)!important;}
.installer-shell{max-width:1180px;margin:0 auto;padding:34px 20px 54px;}
.installer-hero{position:relative;overflow:hidden;padding:30px!important;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;border-color:rgba(242,201,76,.22)!important;}
.installer-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;background:radial-gradient(circle,rgba(242,201,76,.18),transparent 70%);pointer-events:none;}
.installer-brand img{max-width:310px;width:100%;height:auto;filter:drop-shadow(0 16px 32px rgba(0,0,0,.22));}
.install-badge{display:inline-block;margin-top:18px;padding:8px 13px;border-radius:999px;background:rgba(242,201,76,.14);border:1px solid rgba(242,201,76,.38);color:#f6d66b;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.installer-hero h1{font-size:42px;line-height:1.02;margin:15px 0 10px;letter-spacing:-.05em;}
.installer-hero .big{font-size:17px;max-width:760px;line-height:1.55;}
.installer-steps{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-top:24px;max-width:860px;}
.installer-steps div{padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(242,201,76,.16);display:flex;gap:10px;align-items:center;}
.installer-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f6d66b,#e3b23c);color:#12071f;box-shadow:0 10px 24px rgba(242,201,76,.18);}
.installer-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;align-items:start;}
.install-card{min-height:100%;border-color:rgba(242,201,76,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;}
.install-card h2,.install-result h2{margin-top:0;color:#f6d66b;letter-spacing:-.02em;}
.install-check{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 13px;border-radius:15px;margin:8px 0;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);}
.install-check b{display:block;color:#fff;}.install-check span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.install-check em{font-style:normal;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;}
.install-check.ok em{background:rgba(75,216,155,.18);color:#8dffc6;border:1px solid rgba(75,216,155,.25)}.install-check.bad em{background:rgba(255,80,101,.16);color:#ff9aaa;border:1px solid rgba(255,80,101,.25)}
.form-grid.compact{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;}.install-card label span{display:block;font-size:12px;font-weight:900;color:#f6d66b;margin:0 0 6px;text-transform:uppercase;letter-spacing:.055em}.install-toggle{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:14px;background:rgba(242,201,76,.08);border:1px solid rgba(242,201,76,.16);}.install-toggle input{width:auto!important;margin-top:3px}.install-toggle span{font-size:13px;color:#fff8ef;text-transform:none;letter-spacing:0;margin:0;font-weight:700;}
.install-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;}.install-mode{display:block!important;padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(242,201,76,.15);cursor:pointer;transition:.18s ease}.install-mode:hover{transform:translateY(-2px);border-color:rgba(242,201,76,.35)}.install-mode input{width:auto!important;margin-right:7px}.install-mode b{color:#fff;font-size:16px}.install-mode span{display:block!important;color:var(--muted)!important;font-size:13px!important;line-height:1.45;margin-top:8px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;}
.install-submit-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.install-btn{min-width:230px;font-weight:900}.install-result{margin-bottom:18px}.install-result.success{border-color:rgba(75,216,155,.28)!important}.install-alert{max-width:1180px;margin:0 auto 16px}.install-note{margin-top:12px;padding:13px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.1)}.span2{grid-column:span 2;}
.demo-login-panel{margin-top:18px;padding:17px;border-radius:22px;background:linear-gradient(145deg,rgba(242,201,76,.12),rgba(255,255,255,.055));border:1px solid rgba(242,201,76,.22);box-shadow:0 18px 42px rgba(0,0,0,.18);}.demo-login-panel h2{margin:0 0 6px;color:#f6d66b}.demo-account-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin-top:12px}.demo-account{padding:12px;border-radius:15px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.09);}.demo-account b{display:block;color:#fff;margin-bottom:8px}.demo-account span{display:block;font-size:11px;color:#f6d66b;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.demo-account code{display:block;color:#fff;background:rgba(255,255,255,.07);border-radius:9px;padding:5px 7px;margin:3px 0 7px;overflow-wrap:anywhere}.login-panel{align-self:start;}
@media(max-width:900px){.installer-grid,.installer-steps,.install-mode-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.install-submit-card{display:block}.install-btn{width:100%;margin-top:12px}.demo-account-grid{grid-template-columns:1fr}.installer-hero h1{font-size:32px}.form-grid.compact{grid-template-columns:1fr}}


/* StockMora v1.00K: polished public demo login panel + USD demo data presentation */
.demo-login-panel-pro{
  margin-top:22px!important;
  padding:20px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(246,214,107,.20),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
  border:1px solid rgba(246,214,107,.30)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.24)!important;
}
.demo-panel-head h2{font-size:26px;margin:7px 0 8px;color:#fff!important;letter-spacing:-.035em;}
.demo-kicker{display:inline-block;padding:7px 10px;border-radius:999px;background:rgba(246,214,107,.14);border:1px solid rgba(246,214,107,.28);color:#f6d66b;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;}
.demo-account-grid-pro{grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:12px!important;}
.demo-account-pro{position:relative;overflow:hidden;padding:14px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(10,3,18,.52),rgba(75,22,134,.16))!important;border:1px solid rgba(246,214,107,.18)!important;}
.demo-account-pro:before{content:"";position:absolute;right:-28px;top:-28px;width:86px;height:86px;border-radius:50%;background:rgba(246,214,107,.08);pointer-events:none;}
.demo-account-pro b{font-size:15px!important;color:#fff!important;margin-bottom:10px!important;}
.demo-credential{margin:7px 0;}
.demo-credential span{display:block;font-size:10px;color:#f6d66b;text-transform:uppercase;font-weight:950;letter-spacing:.07em;margin-bottom:4px;}
.demo-credential code{display:block;color:#fff!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.08);border-radius:11px!important;padding:7px 9px!important;overflow-wrap:anywhere;}
.demo-fill-btn{width:100%;margin-top:10px;background:linear-gradient(90deg,#f6d66b,#e3b23c)!important;color:#180820!important;box-shadow:0 12px 28px rgba(242,201,76,.16)!important;}
.demo-mini-notes{display:grid;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);color:#e7d8f7;font-size:12px;line-height:1.45;}
.login-panel input{border-color:rgba(246,214,107,.22);}
.login-panel input:focus{border-color:rgba(246,214,107,.66)!important;box-shadow:0 0 0 3px rgba(246,214,107,.11)!important;}
@media(max-width:900px){.demo-account-grid-pro{grid-template-columns:1fr!important}.demo-panel-head h2{font-size:23px}}
/* End StockMora v1.00K */


/* StockMora v1.00L: front demo login panel + one-click auto-login */
.demo-login-panel-front{
  margin:0 0 18px!important;
  padding:18px!important;
}
.demo-login-panel-front .demo-panel-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  margin-bottom:12px;
}
.demo-login-panel-front .demo-panel-head h2{
  margin:0!important;
}
.demo-login-panel-front .demo-panel-head p{
  flex-basis:100%;
  margin:0!important;
}
.demo-account-grid-auto{
  grid-template-columns:repeat(4,minmax(170px,1fr))!important;
}
.demo-auto-login-form{
  margin:0!important;
}
.demo-auto-login-form input[type="hidden"]{display:none!important;}
.demo-login-now-btn{
  cursor:pointer!important;
  font-weight:950!important;
  letter-spacing:-.01em;
}
.demo-login-now-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
@media(max-width:1100px){.demo-account-grid-auto{grid-template-columns:repeat(2,minmax(190px,1fr))!important}}
@media(max-width:650px){.demo-account-grid-auto{grid-template-columns:1fr!important}}
/* End StockMora v1.00L */