:root{--navy:#102a43;--blue:#1769e0;--bg:#f4f7fb;--line:#dbe4ee;--text:#172b4d;--muted:#62748a;--red:#c62828;--green:#16803a}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:10px 14px;background:var(--blue);color:#fff;font-weight:650}button.secondary{background:#e6edf6;color:var(--navy)}button.danger{background:var(--red)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff}label{display:block;font-weight:650;margin:0 0 5px}.landing{min-height:100vh;display:grid;place-items:center;padding:24px}.auth{width:min(100%,850px);display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:16px;box-shadow:0 12px 36px #102a4320;overflow:hidden}.brand{background:var(--navy);color:#fff;padding:48px}.brand h1{font-size:36px;margin:0}.brand p{line-height:1.7;color:#c6d8ed}.form{padding:32px}.tabs{display:flex;gap:8px;margin-bottom:22px}.tabs button{background:#eef3fa;color:var(--navy)}.tabs button.on{background:var(--blue);color:#fff}.fields{display:grid;gap:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#d9e7f6;padding:16px}.logo{font-size:20px;color:#fff;font-weight:800;padding:10px}.nav{display:grid;gap:3px;margin-top:18px}.nav button{background:transparent;text-align:left;color:#d9e7f6}.nav button:hover,.nav button.active{background:#244a71;color:#fff}.main{min-width:0}.top{background:#fff;border-bottom:1px solid var(--line);padding:14px 25px;display:flex;align-items:center;justify-content:space-between}.status{color:var(--green);font-size:12px}.page{padding:25px;max-width:1400px;margin:auto}.head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.card small{color:var(--muted)}.card strong{display:block;font-size:24px;margin-top:8px}.panel{margin-top:18px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase}.actions{display:flex;gap:7px}.actions button{padding:6px 9px;font-size:12px}.modal{position:fixed;inset:0;background:#102a4380;display:grid;place-items:center;padding:16px}.modalbox{width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:12px;padding:22px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead button{background:transparent;color:var(--text);font-size:20px;padding:0}.muted{color:var(--muted)}#toast{position:fixed;right:18px;bottom:18px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:8px;display:none}@media(max-width:800px){.auth,.shell{grid-template-columns:1fr}.brand{padding:28px}.sidebar{display:flex;overflow:auto;gap:10px}.nav{display:flex;margin:0}.nav button{white-space:nowrap}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.page{padding:15px}}/* Public product website */
.sitehead{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:5;border-bottom:1px solid #edf1f5}.wordmark{color:var(--navy);font-size:22px;font-weight:850;text-decoration:none;line-height:1}.wordmark span{color:var(--blue)}.wordmark small{font-weight:600;color:var(--muted);font-size:10px;display:block;letter-spacing:.3px;margin-top:3px}.sitehead nav{display:flex;gap:20px;align-items:center}.sitehead nav a,footer a{color:var(--muted);text-decoration:none;font-weight:650}.sitehead button{padding:9px 12px}.website{background:#fff}.hero{background:linear-gradient(118deg,#f5f9ff 0%,#fff 55%,#e9f3ff 100%);min-height:570px;padding:86px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{color:var(--blue);letter-spacing:1.4px;font-weight:800;font-size:11px;margin:0 0 14px}.hero h1,.section h2,.about h2,.cta h2{font-size:clamp(32px,4vw,57px);line-height:1.07;letter-spacing:-1.8px;margin:0;color:var(--navy)}.lead,.sectionlead{font-size:17px;line-height:1.7;color:var(--muted);max-width:610px;margin:22px 0}.heroactions{display:flex;gap:12px}.trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px;font-size:12px;color:var(--muted);font-weight:650}.screen{padding:21px;background:#fff;border:1px solid #d5e3f3;border-radius:15px;box-shadow:20px 24px 0 #d9e9fa,0 17px 38px #17385b1f;transform:rotate(2deg)}.screenbar{border-bottom:1px solid var(--line);padding-bottom:15px}.screenbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c6d7eb;margin-right:5px}.screen p{font-weight:750;margin:20px 0 12px}.artcards{display:flex;gap:12px}.artcards b{background:#eaf3ff;border-radius:8px;padding:13px;flex:1;color:var(--blue);font-size:18px}.artcards small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.bars{display:flex;height:128px;gap:10px;align-items:end;margin:22px 5px 8px}.bars i{background:linear-gradient(#72adff,#1969de);width:100%;border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:83%}.bars i:nth-child(5){height:63%}.bars i:nth-child(6){height:93%}.bars i:nth-child(7){height:76%}.screen>span{font-size:11px;color:var(--muted)}.logos{padding:22px max(28px,calc((100vw - 1180px)/2));border-block:1px solid #edf1f5;display:flex;justify-content:space-between;gap:18px;color:#6d8198;font-size:13px;font-weight:700}.section{padding:92px max(28px,calc((100vw - 1180px)/2))}.section h2{font-size:39px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:42px}.featuregrid article{border:1px solid var(--line);border-radius:11px;padding:23px}.featuregrid h3{margin:16px 0 7px;font-size:17px}.featuregrid p{color:var(--muted);line-height:1.6;margin:0}.featureicon{color:var(--blue);font-weight:900;font-size:23px}.workflow{background:var(--navy);color:#fff;padding:85px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.15fr .85fr;gap:75px}.workflow h2{font-size:40px;margin:0 0 30px}.workflow ol{padding:0;margin:0;display:grid;gap:21px}.workflow li{list-style:none;display:flex;gap:14px;align-items:flex-start}.workflow li b{background:#347de4;border-radius:50%;width:28px;height:28px;text-align:center;padding-top:5px}.workflow li div{display:grid;gap:4px}.workflow li span,.workflow aside p{color:#b8cce2;line-height:1.5}.workflow aside{padding:35px;background:#1c4268;border-radius:12px;align-self:center}.workflow aside h3{font-size:27px;margin:12px 0}.workflow aside small{font-weight:750;color:#7db6ff}.pricing{background:#f6f9fc;text-align:center}.pricing .sectionlead{margin-inline:auto}.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px;text-align:left}.price{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px;position:relative}.price.popular{border:2px solid var(--blue);box-shadow:0 8px 26px #1469dc1c}.price em{position:absolute;top:-13px;background:var(--blue);color:#fff;border-radius:14px;padding:5px 10px;font-style:normal;font-size:11px;font-weight:700}.price h3{margin:0 0 15px}.price strong{font-size:31px;display:block}.price>span{color:var(--muted);font-size:12px}.price ul{padding:0;list-style:none;line-height:2.2;color:var(--muted);font-size:13px}.price li:before{content:'✓ ';color:var(--green);font-weight:800}.price button{width:100%}.fineprint{color:var(--muted);font-size:12px;margin:25px}.about{padding:95px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:40px}.about p{color:var(--muted);line-height:1.75;font-size:16px;margin-top:0}.about a{font-weight:750;color:var(--blue);text-decoration:none}.cta{margin:0 max(28px,calc((100vw - 1180px)/2)) 90px;background:#1769df;color:#fff;padding:38px 46px;border-radius:14px;display:flex;align-items:center;justify-content:space-between}.cta h2{color:#fff;font-size:32px}.cta p{color:#dbeaff}.cta button{background:#fff;color:var(--blue)}.faq{padding-top:0;max-width:960px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted);line-height:1.6}footer{background:#102a43;color:#d4e1ee;padding:35px max(28px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .wordmark{color:#fff}footer .wordmark small{color:#aac1d8}footer a{color:#d4e1ee}.authlayer{position:fixed;z-index:10;inset:0;background:#0b223dcc;display:grid;place-items:center;padding:18px}.authlayer[hidden]{display:none}.authmodal{background:#fff;border-radius:13px;width:min(450px,100%);padding:28px;position:relative;box-shadow:0 22px 70px #0005}.authmodal h2{margin:0 0 18px}.close{position:absolute;right:15px;top:13px;background:transparent;color:var(--text);font-size:24px;padding:3px 8px}.linkbutton{background:transparent;color:var(--blue);padding:4px;text-align:left}.authmodal .tabs{padding-right:24px}@media(max-width:800px){.sitehead{height:auto;padding:15px 20px}.sitehead nav a{display:none}.sitehead nav{gap:7px}.sitehead button{font-size:12px;padding:8px}.hero,.workflow,.about{grid-template-columns:1fr;padding:55px 25px;gap:36px}.heroart{max-width:390px;margin:auto}.logos{overflow:auto;justify-content:flex-start;white-space:nowrap;padding:18px 25px}.featuregrid,.pricegrid{grid-template-columns:1fr}.section{padding:60px 25px}.workflow h2,.section h2,.about h2{font-size:32px}.cta{margin:0 20px 58px;padding:28px;display:block}.cta button{margin-top:14px}footer{padding:30px 20px;gap:20px;align-items:flex-start;flex-direction:column}}
/* Staff permission controls */
.staffmodal{width:min(900px,100%)}.permissionbox{border:1px solid var(--line);border-radius:9px;padding:15px;background:#fafcff}.permissiontitle{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:12px}.permissiontitle h3{margin:0 0 4px}.permissiontitle p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.permissiontitle button{padding:7px 10px;font-size:12px}.permissionrow{display:grid;grid-template-columns:145px 86px 1fr;align-items:center;gap:12px;border-bottom:1px solid #e8eef5;padding:11px 0}.permissionrow:last-child{border:0}.toggleall{font-size:11px;padding:6px 7px;background:#e6edf6;color:var(--navy)}.permissionactions{display:flex;gap:7px;flex-wrap:wrap}.switchlabel{margin:0!important;display:inline-flex;align-items:center;gap:5px;border:1px solid #d9e4ef;border-radius:16px;padding:4px 8px;font-size:11px;color:var(--muted);font-weight:650;background:#fff}.switchlabel input{width:auto;accent-color:var(--blue);margin:0}.statuspill{font-size:11px;font-weight:750;padding:4px 8px;border-radius:12px}.statuspill.active{background:#def6e6;color:#117238}.statuspill.inactive{background:#fbe3e3;color:#a42424}@media(max-width:650px){.permissionrow{grid-template-columns:1fr auto}.permissionactions{grid-column:1/-1}.permissiontitle{display:block}.permissiontitle button{margin-top:10px}}
/* EMS license plan catalogue */
.planlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:18px}.licensecard{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.licensecard h2{font-size:20px;margin:0}.licensecard strong{font-size:27px;color:var(--blue)}.licensecard>span{color:var(--muted);font-size:12px;font-weight:700}.licensecard p{color:var(--muted);line-height:1.5;white-space:pre-line;min-height:42px}.licensecard button{margin-top:auto}.paymentinfo{width:100%;background:#eff6ff;border-left:3px solid var(--blue);padding:11px;color:#34516f;white-space:pre-line;line-height:1.5;font-size:13px}
.shopid{font-size:14px;font-weight:800;letter-spacing:1px;color:var(--blue);background:#eaf3ff;border-radius:5px;padding:4px 7px}
/* Administrator license catalogue: mirrors the public pricing cards */
.planlist{align-items:stretch}.licensecard{border-top:4px solid var(--blue);box-shadow:0 7px 20px #102a4310;transition:transform .18s,box-shadow .18s}.licensecard:hover{transform:translateY(-4px);box-shadow:0 14px 28px #102a4320}.licensecard h2{color:var(--navy)}.licensecard strong:before{content:'Price · ';font-size:11px;color:var(--muted);font-weight:700;display:block;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.licensecard>span{padding:7px 9px;background:#f1f6fd;border-radius:6px;color:#34516f}.licensecard p{border-top:1px solid var(--line);padding-top:13px;width:100%}.licensecard button{width:100%}
.todaychart{height:210px;display:flex;align-items:end;gap:35px;padding:24px 25px 10px;border-bottom:1px solid var(--line)}.todaychart>div{height:100%;width:92px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.todaychart span{width:52px;min-height:4px;border-radius:7px 7px 0 0}.todaychart b{font-size:12px}.todaychart small{color:var(--muted);font-weight:700}@media(max-width:600px){.todaychart{gap:12px;padding-inline:5px}.todaychart>div{width:31%}}
.invoiceform{width:min(1050px,100%)}.invoiceSection{border:1px solid var(--line);border-radius:9px;padding:16px;margin-top:4px}.invoiceSection h3{margin:0 0 14px;font-size:16px}.partyInfo{background:#f3f7fb;border-radius:6px;padding:10px;margin-top:10px}.summarygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.invoicebuttons{display:flex;gap:10px;justify-content:flex-end}.summaryread{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}@media(max-width:650px){.summarygrid{grid-template-columns:1fr}.invoicebuttons{justify-content:stretch}.invoicebuttons button{flex:1}}
/* Refined shop workspace */
.shell .sidebar{background:linear-gradient(180deg,#102a43,#0b2035);box-shadow:3px 0 15px #102a4318}.sidebar .logo{border-bottom:1px solid #ffffff1c;padding:14px 10px 18px}.nav button{border-left:3px solid transparent;border-radius:6px;padding:10px 12px}.nav button:hover,.nav button.active{border-left-color:#6daeff;background:#244c74}.top{box-shadow:0 2px 8px #102a4308}.cards .card{border:0;box-shadow:0 4px 15px #102a430d;position:relative;overflow:hidden}.cards .card:after{content:'';position:absolute;width:75px;height:75px;right:-23px;bottom:-25px;border-radius:50%;background:#1769e014}.cards .card:nth-child(2):after{background:#6d48c91c}.cards .card:nth-child(3):after{background:#db7b1a1c}.cards .card:nth-child(4):after{background:#16803a1c}.panel{box-shadow:0 3px 12px #102a4309;border-color:#e5edf5}.head h1{text-transform:capitalize}
/* ShopForge-inspired professional shop workspace skin (no external assets required) */
:root{--indigo:#6366f1;--indigo-dark:#4f46e5;--slate:#0f172a}.shell{grid-template-columns:272px 1fr;background:#f8fafc}.shell .sidebar{background:#fff;color:#334155;padding:0;border-right:1px solid #e2e8f0;box-shadow:4px 0 16px -7px #0f172a35}.shell .logo{background:linear-gradient(135deg,var(--indigo),var(--indigo-dark));color:#fff;padding:22px 21px;font-size:22px;letter-spacing:-.8px;min-height:83px;display:flex;align-items:center}.shell .logo:before{content:'▰';font-size:25px;display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:#ffffff26;margin-right:11px}.shell .logo small{color:#e0e7ff;margin-left:5px;font-size:10px;letter-spacing:0}.shell .nav{padding:17px 12px;gap:5px;position:relative}.shell .nav:before{content:'MAIN MENU';font-size:10px;letter-spacing:1.1px;font-weight:800;color:#94a3b8;padding:0 12px 9px}.shell .nav button{color:#475569;border:0;border-radius:999px;padding:11px 15px;font-size:13px;font-weight:650;transition:.18s;background:transparent}.shell .nav button:hover{background:#f1f5f9;color:#3730a3}.shell .nav button.active{background:#eef2ff;color:#4f46e5;border:0;box-shadow:none}.main{background:#f8fafc}.top{height:72px;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 30px;box-shadow:none}.top .status{background:#dcfce7;color:#15803d;font-weight:750;border-radius:999px;padding:6px 11px;font-size:11px}.top button.secondary{border-radius:999px;background:#f1f5f9;color:#475569;padding:8px 13px}.page{padding:29px 32px;max-width:none}.head{margin-bottom:25px}.head h1{font-size:27px;letter-spacing:-.8px;font-weight:800;color:#0f172a}.head>button{border-radius:999px;background:var(--indigo);box-shadow:0 5px 12px #6366f130}.cards{gap:18px}.cards .card{padding:21px;border:1px solid #e2e8f0;border-radius:23px;box-shadow:0 3px 7px #0f172a0c}.cards .card small{font-weight:800;letter-spacing:.6px;color:#64748b;font-size:10px}.cards .card strong{font-size:27px;letter-spacing:-.7px;color:#0f172a}.panel{border-radius:22px;border:1px solid #e2e8f0;padding:22px;box-shadow:0 3px 8px #0f172a0b}.panel h2{font-size:16px;color:#0f172a}.todaychart{border-bottom:0;background:#fafbff;border-radius:16px;height:235px}.todaychart span{border-radius:10px 10px 4px 4px}table{border-radius:13px;overflow:hidden}th{background:#f8fafc;color:#64748b;font-size:10px;letter-spacing:.55px}th,td{padding:14px;border-color:#edf2f7}.actions button{border-radius:999px}.modalbox{border-radius:22px}.statuspill{border-radius:999px}@media(max-width:800px){.shell{grid-template-columns:1fr}.shell .sidebar{display:block;padding:0;overflow:visible}.shell .nav{display:flex;overflow:auto;white-space:nowrap;padding:10px}.shell .nav:before{display:none}.shell .logo{min-height:65px;padding:14px 18px}.page{padding:20px 15px}.top{padding:0 15px;height:62px}.cards{grid-template-columns:1fr 1fr}}
/* Shop dashboard header, activity layout, and bottom menu */
.shopHeader{font-size:19px;color:#0f172a;letter-spacing:-.35px}.sidebottom{border-top:1px solid #e2e8f0;padding:12px;display:grid;gap:8px;margin-top:auto}.sidebottom button{width:100%;text-align:left;border-radius:999px}.logoutmenu{background:#fff0f0!important;color:#dc2626!important;font-weight:750}.dashboardintro{margin:-17px 0 22px;color:#64748b;font-size:14px}.cards{grid-template-columns:repeat(5,1fr)}.cards .card{position:relative;padding-left:66px}.kpiicon{position:absolute;left:18px;top:21px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:850}.dashcolumns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.dashcolumns .panel{margin:0;min-width:0}.dashcolumns .todaychart{height:240px}.activitypanel{display:flex;flex-direction:column}.activitylist{display:grid;gap:0;margin-top:7px}.activitylist>div{padding:15px 3px;border-bottom:1px solid #edf2f7;display:grid;gap:5px}.activitylist b{font-size:13px;text-transform:capitalize;color:#1e293b}.activitylist span{font-size:11px;color:#64748b}@media(max-width:1080px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.cards{grid-template-columns:1fr 1fr}.dashcolumns{grid-template-columns:1fr}.sidebottom{position:static}.shopHeader{font-size:15px}.top>span:last-child{font-size:12px}}
/* Sidebar icons and four-column administrator licence catalogue */
.shell .nav button{display:flex;align-items:center;gap:11px}.menuicon{font-size:17px;width:19px;text-align:center;color:#6366f1;font-family:system-ui;font-weight:800}.shell .nav button:hover .menuicon,.shell .nav button.active .menuicon{color:#4f46e5}.planlist{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.licensecard{min-width:0;border:1px solid #dbe4ee;border-top:1px solid #dbe4ee;border-radius:14px;padding:28px 28px 30px;box-shadow:none}.licensecard:hover{border-color:#2563eb;box-shadow:0 8px 22px #2563eb12;transform:translateY(-2px)}.licensecard h2{font-size:18px;margin-bottom:24px}.licensecard strong{font-size:34px;color:#102a43}.licensecard>span{background:transparent;padding:0;margin-top:-7px}.licensecard ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:13px;font-size:13px;color:#64748b;line-height:1.35}.licensecard li:before{content:'✓ ';color:#16803a;font-weight:900}.licensecard .paymentinfo{font-size:11px;margin:0 0 15px}.licensecard button{border-radius:8px;background:#e8eef7;color:#102a43}.licensecard:hover button{background:#2563eb;color:#fff}@media(max-width:1200px){.planlist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.planlist{grid-template-columns:1fr}.shell .nav button{display:inline-flex}.menuicon{display:none}}
.activitytable{margin-top:10px;overflow:auto}.activitypanel .tablewrap{max-height:270px}.activitypanel th,.activitypanel td{padding:9px 7px;font-size:10px}.activitytag{display:inline-block;border-radius:999px;padding:3px 7px;font-weight:800;font-size:9px}.activitytag.sale{background:#e0e7ff;color:#4338ca}.activitytag.purchase{background:#fef3c7;color:#92400e}.activitytag.expense{background:#ffe4e6;color:#be123c}.activitytag.inventory{background:#d1fae5;color:#047857}
/* Persistent light / dark appearance switch */
.themeSwitch{width:62px;height:30px;border-radius:999px;background:#dce5f2;display:inline-flex;align-items:center;justify-content:space-around;position:relative;cursor:pointer;color:#64748b}.themeSwitch input{position:absolute;opacity:0;width:1px;height:1px}.themeSwitch i{position:absolute;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0f172a33;transition:transform .22s}.themeSwitch b{position:relative;z-index:1;font-size:12px;font-weight:700;line-height:1}[data-theme="dark"] .themeSwitch{background:#334155;color:#f8fafc}[data-theme="dark"] .themeSwitch i{transform:translateX(32px);background:#1e293b}[data-theme="dark"] body,[data-theme="dark"] .main,[data-theme="dark"] .shell{background:#0f172a;color:#e2e8f0}[data-theme="dark"] .shell .sidebar,[data-theme="dark"] .top,[data-theme="dark"] .card,[data-theme="dark"] .panel,[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea,[data-theme="dark"] .modalbox{background:#172033;color:#e2e8f0;border-color:#334155}[data-theme="dark"] .shell .nav button{color:#cbd5e1}[data-theme="dark"] .shell .nav button:hover{background:#26354c;color:#c7d2fe}[data-theme="dark"] .shell .nav button.active{background:#312e81;color:#c7d2fe}[data-theme="dark"] .top,[data-theme="dark"] .shell .sidebar{border-color:#334155}[data-theme="dark"] .shopHeader,[data-theme="dark"] .head h1,[data-theme="dark"] .cards .card strong,[data-theme="dark"] .panel h2{color:#f8fafc}[data-theme="dark"] .cards .card:after{opacity:.3}[data-theme="dark"] th{background:#1e293b;color:#94a3b8}[data-theme="dark"] td,[data-theme="dark"] th,[data-theme="dark"] .activitylist>div{border-color:#334155}[data-theme="dark"] .todaychart,[data-theme="dark"] .partyInfo{background:#1e293b}[data-theme="dark"] .muted,[data-theme="dark"] .dashboardintro,[data-theme="dark"] .activitylist span{color:#a8b7ca}
/* Dark-mode data lists: preserve contrast in all operational tables */
[data-theme="dark"] table,[data-theme="dark"] .tablewrap,[data-theme="dark"] .data-table{background:#172033!important;color:#e2e8f0}[data-theme="dark"] table td{background:#172033!important;color:#e2e8f0}[data-theme="dark"] table tr:hover td{background:#1e293b!important}[data-theme="dark"] .activitytable,[data-theme="dark"] .activitypanel{background:#172033;color:#e2e8f0}[data-theme="dark"] code.shopid{background:#243552;color:#bfdbfe}[data-theme="dark"] .statuspill.active{background:#123b2c;color:#86efac}[data-theme="dark"] .statuspill.inactive{background:#4a1e27;color:#fda4af}
/* Invoice editor: aligned two-column invoice layout */
.invoiceform{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px!important;max-width:1180px!important;background:#f4f5f7!important;padding:15px!important;border-radius:4px!important}.invoiceform>.modalhead{grid-column:1/-1;background:#101010;color:#fff;padding:14px 18px;margin:-15px -15px 0}.invoiceform>.modalhead h2{font-size:16px;letter-spacing:.3px}.invoiceform>.modalhead button{color:#fff}.invoiceform>.invoiceSection{margin:0;background:#fff;border:1px solid #e5e7eb;border-radius:2px;padding:18px}.invoiceform>.invoiceSection:nth-of-type(1){grid-column:1}.invoiceform>.invoiceSection:nth-of-type(2){grid-column:2}.invoiceform>.invoiceSection:nth-of-type(3),.invoiceform>.invoiceSection:nth-of-type(4),.invoiceform>.invoicebuttons{grid-column:1/-1}.invoiceform .invoiceSection h3{font-size:12px;text-transform:uppercase;letter-spacing:.65px;border-bottom:1px solid #e5e7eb;padding-bottom:10px;margin-bottom:14px;color:#141414}.invoiceform label{font-size:11px;text-transform:uppercase;letter-spacing:.35px;color:#333;font-weight:800}.invoiceform input,.invoiceform select,.invoiceform textarea{border-color:#dedfe2;border-radius:1px;font-weight:600;padding:9px 10px}.invoiceform input:focus,.invoiceform select:focus,.invoiceform textarea:focus{border-color:#111;outline:none}.invoiceform .partyInfo{background:#fafafa;border-left:3px solid #111;border-radius:0;line-height:1.65;min-height:66px}.invoiceform .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invoiceform>.invoiceSection:nth-of-type(3) .grid2{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.invoiceform>.invoiceSection:nth-of-type(3) .grid2 button{border-radius:1px;background:#111;color:#fff;min-width:105px}.invoiceform #lines table th{background:#111;color:#fff;padding:9px 10px;border-radius:0}.invoiceform #lines table td{font-size:13px;font-weight:600}.invoiceform>.invoiceSection:nth-of-type(4){min-height:270px}.invoiceform .summarygrid{margin-left:auto;width:min(100%,450px);grid-template-columns:1fr;gap:10px}.invoiceform .summarygrid label{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:12px;text-align:right}.invoiceform .summarygrid input{text-align:center;margin:0}.invoiceform .summarygrid label:last-child{border-top:1px solid #e5e7eb;padding-top:10px}.invoiceform .invoicebuttons{justify-content:flex-start;margin-top:0}.invoiceform .invoicebuttons button{border-radius:1px;background:#111;color:#fff}.invoiceform .invoicebuttons .secondary{background:#fff;color:#b00020;border:1px solid #b00020}@media(max-width:760px){.invoiceform{grid-template-columns:1fr!important}.invoiceform>.invoiceSection:nth-of-type(1),.invoiceform>.invoiceSection:nth-of-type(2){grid-column:1}.invoiceform>.invoiceSection:nth-of-type(3) .grid2{grid-template-columns:1fr}.invoiceform .summarygrid{margin:0;width:100%}.invoiceform .summarygrid label{grid-template-columns:115px 1fr}}
[data-theme="dark"] .invoiceform{background:#0f172a!important}[data-theme="dark"] .invoiceform>.invoiceSection{background:#172033;border-color:#334155}[data-theme="dark"] .invoiceform .invoiceSection h3,[data-theme="dark"] .invoiceform label{color:#e2e8f0}[data-theme="dark"] .invoiceform .partyInfo{background:#1e293b;border-left-color:#818cf8}[data-theme="dark"] .invoiceform #lines table th{background:#111827}
/* Sales invoice customer selection controls */
.invoiceform .clearParty{border-radius:1px;margin:2px 0 14px;padding:7px 10px;font-size:11px}.partyFields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.partyFields label:nth-child(3),.partyFields label:nth-child(4){grid-column:1/-1}.partyFields textarea{min-height:52px}[data-theme="dark"] .invoiceform .clearParty{background:#1e293b;color:#e2e8f0;border-color:#475569}
/* Printable invoice view */
.invoiceviewmodal{background:#00000066}.invoiceprint{width:min(1080px,100%);max-height:92vh;overflow:auto;background:#fff;color:#141414;padding:30px 35px;border:1px solid #ddd;box-shadow:0 5px 18px #0002}.invoicePrintHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #080808;padding-bottom:18px;margin-bottom:24px}.invoicePrintHeader h1{font-size:27px;letter-spacing:.5px;margin:0 0 4px;color:#080808}.invoicePrintHeader span{font-size:13px;color:#555}.invoiceStatus{border-radius:20px;padding:4px 14px;font-size:12px;color:#fff}.invoiceStatus.paid{background:#2e7d32}.invoiceStatus.due{background:#b7791f}.invoicePrintInfo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}.invoicePrintInfo h3{font-size:12px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #eee;padding-bottom:7px;margin:0 0 10px}.invoicePrintInfo p{margin:5px 0;font-size:13px}.invoicePrintInfo i{font-style:normal;color:#888}.printItems th{background:#080808!important;color:#fff!important;padding:10px 12px!important}.printItems td{color:#222!important;padding:10px 12px}.printItems small{font-size:11px;color:#888}.right{text-align:right}.printTotals{display:flex;justify-content:flex-end;border-top:2px solid #080808;padding-top:15px;margin-top:15px}.printTotals>div{width:340px}.printTotals p{display:flex;justify-content:space-between;margin:7px 0}.printTotals p span{color:#555}.printTotals .dueLine{border-top:1px solid #ddd;padding-top:12px;margin-top:9px;font-size:18px}.printTotals small{display:block;text-align:right;color:#888}.invoicePrintFooter{margin-top:30px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #eee;padding-top:20px;color:#444;font-size:13px}.invoicePrintFooter>div:last-child{text-align:right}.printActions{display:flex;gap:12px;margin-top:24px}.printActions button{border-radius:1px;background:#080808;color:#fff}.printActions .secondary{background:#fff;color:#141414;border:1px solid #ddd}@media(max-width:700px){.invoiceprint{padding:20px}.invoicePrintInfo{grid-template-columns:1fr;gap:20px}.invoicePrintFooter{display:block}.invoicePrintFooter>div:last-child{text-align:left;margin-top:12px}}[data-theme="dark"] .invoiceprint{background:#fff;color:#141414}
/* Sales receivable invoice highlight */
.dueInvoice td{background:#fff2f3!important}.dueInvoice:hover td{background:#ffe5e8!important}[data-theme="dark"] .dueInvoice td{background:#42212a!important;color:#fecdd3!important}[data-theme="dark"] .dueInvoice:hover td{background:#542532!important}
/* Purchase/Sales item entry alignment */
.invoiceform .itemEntrySection{border-radius:0}.invoiceform .itemEntrySection .grid2>div{display:flex;flex-direction:column}.invoiceform .itemEntrySection .grid2>div label{margin-bottom:5px}.invoiceform .itemEntrySection .grid2>div button{height:39px;padding:0 16px;display:flex;align-items:center;justify-content:center;margin:0}.invoiceform .itemEntrySection h3{background:#111;color:#fff;border:0;margin:-18px -18px 16px;padding:10px 18px}.invoiceform .itemEntrySection #lines{margin-top:18px;border:1px solid #e5e7eb;border-radius:0;min-height:42px}.invoiceform .itemEntrySection #lines>div{margin:0}@media(max-width:760px){.invoiceform .itemEntrySection .grid2>div button{width:100%}}
[data-theme="dark"] .invoiceform .itemEntrySection #lines{border-color:#334155}
/* Due recovery two-panel workspace */
.dueworkspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;min-height:610px}.dueleft,.dueright{background:#fff;border:1px solid #e4ebf2;border-radius:8px;padding:14px;box-shadow:0 5px 16px #0f172a0b}.dueleft h2,.dueright h2{margin:0 0 12px;font-size:17px;color:#0f1724}.duetabs{display:flex;gap:7px;margin-bottom:12px}.duetabs button{flex:1;padding:8px 5px;border-radius:6px;border:2px solid #e6eef7;background:#fff;color:#334155;font-size:11px}.duetabs button.on{background:#2563eb;border-color:#2563eb;color:#fff}.duesearch{display:flex;gap:8px;margin-bottom:10px}.duesearch input{padding:8px;border-radius:6px}.duesearch button{padding:7px 10px}.duelistitem{width:100%;text-align:left;background:#fff;border:1px solid #eef3f8;border-radius:6px;margin-bottom:8px;padding:10px;display:flex;justify-content:space-between;gap:8px;color:#0f1724}.duelistitem:hover{box-shadow:0 2px 7px #1e90ff14}.duelistitem.partial{background:linear-gradient(90deg,#fff7ed,#fff3e0);border-color:#fdba74}.duelistitem span:last-child{text-align:right}.duelistitem small{display:block;color:#6b7280;font-size:11px;margin-top:3px}.dueReload{margin-top:8px}.dueright{padding:18px}.duesummary{background:#f8fafc;border:1px solid #eef3f8;border-radius:6px;padding:12px;margin-bottom:16px}.duesummary p{margin:4px 0;font-size:13px}.duegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.dueright h3{font-size:15px;margin:12px 0}.dueactions{display:flex;gap:8px;margin-top:12px}.dueactions button{border-radius:6px}@media(max-width:800px){.dueworkspace{grid-template-columns:1fr}.dueleft{max-height:330px;overflow:auto}.duegrid{grid-template-columns:1fr}}[data-theme="dark"] .dueleft,[data-theme="dark"] .dueright,[data-theme="dark"] .duelistitem{background:#172033;color:#e2e8f0;border-color:#334155}[data-theme="dark"] .duelistitem.partial,[data-theme="dark"] .duesummary{background:#2f2721;border-color:#6b4b20}[data-theme="dark"] .duelistitem small{color:#a8b7ca}[data-theme="dark"] .dueleft h2,[data-theme="dark"] .dueright h2{color:#f8fafc}[data-theme="dark"] .duetabs button{background:#1e293b;color:#cbd5e1;border-color:#334155}
/* Store settings and shop activity log */
.settingtabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid #e2e8f0}.settingtabs button{background:transparent;color:#64748b;border-radius:0;padding:10px 17px}.settingtabs button.on{color:#2563eb;border-bottom:3px solid #2563eb}.storeDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.storeDetails>div{border:1px solid #eef3f8;border-radius:8px;padding:14px;display:grid;gap:7px}.storeDetails span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:800}.storeDetails b{font-size:14px;color:#0f172a}.loghead{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.loghead h2{margin:0 0 5px}.loghead input{max-width:280px}.logaction{display:inline-block;background:#eef2ff;color:#4338ca;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750;text-transform:capitalize}@media(max-width:650px){.storeDetails{grid-template-columns:1fr}.loghead{display:block}.loghead input{max-width:none;margin-top:12px}}[data-theme="dark"] .settingtabs{border-color:#334155}[data-theme="dark"] .settingtabs button{color:#a8b7ca}[data-theme="dark"] .settingtabs button.on{color:#a5b4fc;border-color:#818cf8}[data-theme="dark"] .storeDetails,[data-theme="dark"] .storeDetails>div{background:#172033;border-color:#334155}[data-theme="dark"] .storeDetails b{color:#e2e8f0}[data-theme="dark"] .logaction{background:#312e81;color:#c7d2fe}
button:disabled{opacity:.42;cursor:not-allowed!important;filter:grayscale(.3)}
/* Compact shop dashboard identity and premium navigation */
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.sideShopName{display:block;position:absolute;left:69px;top:54px;right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbeafe;font-style:normal;font-size:12px;font-weight:650;letter-spacing:0}.shell .logo{position:relative;align-items:flex-start;padding-top:19px}.shell .logo small{margin-top:28px;margin-left:-31px}.shell .logo:before{margin-top:3px}.shell .nav button{gap:12px}.menuicon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5!important;font-size:15px;box-shadow:inset 0 0 0 1px #c7d2fe,0 2px 4px #6366f11a}.shell .nav button:hover .menuicon,.shell .nav button.active .menuicon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;box-shadow:0 4px 9px #4f46e540}.shopHeader{font-size:17px;text-transform:capitalize}@media(max-width:1080px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sideShopName{display:none}.shell .logo small{margin-top:0;margin-left:5px}.shell .logo{align-items:center;padding-top:14px}}
/* Two-line EMS / shop identity and header profile mark */
.shell .logo{display:block;padding:18px 16px 15px 20px;min-height:88px}.shell .logo:before{display:none}.brandTitle{display:block;color:#fff;font-size:19px;font-weight:850;letter-spacing:-.45px;line-height:1.2;white-space:nowrap}.sideShopName{position:static;display:block;margin-top:7px;color:#dbeafe;font-size:12px;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerProfile{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:9px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:12px;font-weight:850;vertical-align:middle;box-shadow:0 3px 7px #4f46e540}.shopHeader{display:flex;align-items:center}@media(max-width:760px){.shell .logo{min-height:66px;padding:14px 18px}.brandTitle{font-size:17px}.sideShopName{display:none}}
/* Invoice view: shop identity left, invoice identity right */
.invoicePrintHeader{align-items:flex-start}.invoiceShopInfo{max-width:55%;color:#444;font-size:12px;line-height:1.5}.invoiceShopInfo h2{font-size:20px;color:#080808;margin:0 0 5px;letter-spacing:-.25px}.invoiceShopInfo p{margin:1px 0}.invoiceTitleRight{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.invoiceTitleRight h1{margin:0;font-size:27px}.invoiceTitleRight>span{font-size:13px;color:#555}.invoiceTitleRight .invoiceStatus{margin-top:5px}.invoiceprint .tablewrap,.invoiceprint .printItems,.invoiceprint .printItems th{border-radius:0!important}.invoiceprint .printItems{overflow:visible}@media(max-width:700px){.invoicePrintHeader{gap:14px}.invoiceShopInfo{max-width:58%}.invoiceShopInfo h2{font-size:16px}.invoiceTitleRight h1{font-size:18px}}
/* Compact invoice print layout: more lines per A4 sheet */
.invoiceprint{padding:22px 26px;font-size:12px}.invoicePrintHeader{padding-bottom:12px;margin-bottom:16px}.invoiceShopInfo{font-size:10px;line-height:1.35}.invoiceShopInfo h2{font-size:17px;margin-bottom:3px}.invoiceTitleRight h1{font-size:22px}.invoiceTitleRight>span{font-size:11px}.invoiceStatus{font-size:10px;padding:3px 10px}.invoicePrintInfo{margin-bottom:15px;gap:20px}.invoicePrintInfo h3{font-size:10px;padding-bottom:4px;margin-bottom:6px}.invoicePrintInfo p{font-size:11px;margin:2px 0}.printItems{margin:10px 0 12px}.printItems th{padding:7px 8px!important;font-size:9px!important}.printItems td{padding:6px 8px!important;font-size:11px!important}.printItems small{font-size:9px}.printTotals{padding-top:10px;margin-top:10px}.printTotals>div{width:290px}.printTotals p{font-size:11px;margin:4px 0}.printTotals .dueLine{font-size:14px;padding-top:8px}.invoicePrintFooter{margin-top:16px;padding-top:12px;font-size:10px}.printActions{margin-top:15px}.printActions button{font-size:11px;padding:7px 14px}@media print{.invoiceprint{padding:14mm 15mm;font-size:10px}.invoicePrintInfo{margin-bottom:10px}.printItems th{padding:5px 6px!important}.printItems td{padding:4px 6px!important}.invoicePrintFooter{margin-top:10px}}
/* Invoice verification QR and public verification page */
.invoiceBottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-top:14px}.invoiceQR{display:flex;align-items:center;gap:12px;max-width:315px}.invoiceQR img{width:104px;height:104px;image-rendering:auto;border:1px solid #ddd;padding:4px;background:#fff}.invoiceQR b{display:block;font-size:12px;color:#111;margin-bottom:4px}.invoiceQR small{display:block;font-size:10px;color:#666;line-height:1.35}.invoiceQR a{display:block;font-size:10px;color:#2563eb;margin-top:6px;word-break:break-all}.invoiceBottom .printTotals{margin:0}.verifyPage{min-height:100vh;background:#f4f6f8;padding:28px 16px}.verifyCard{max-width:930px;margin:auto;background:#fff;border:1px solid #ddd;padding:28px 32px;box-shadow:0 4px 12px #0000000d;color:#141414}.verifyCard header{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid #111;padding-bottom:15px}.verifyCard header small{font-weight:800;letter-spacing:.8px;color:#2563eb}.verifyCard h1{margin:4px 0;font-size:27px}.verifyCard h2{font-size:18px;margin:0 0 4px}.verifyCard h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee;padding-bottom:6px}.verifyShop{margin:18px 0}.verifyShop p,.verifyCols p{font-size:12px;margin:4px 0;color:#444}.verifyCols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:15px}.verifyTotal{margin:18px 0 0 auto;width:300px;border-top:2px solid #111;padding-top:8px}.verifyTotal p{display:flex;justify-content:space-between;margin:6px 0;font-size:13px}.verifyCard footer{border-top:1px solid #eee;margin-top:20px;padding-top:14px;font-size:11px;color:#666}@media(max-width:650px){.invoiceBottom,.verifyCols{grid-template-columns:1fr}.verifyTotal{width:100%}.verifyCard{padding:20px}.verifyCard h1{font-size:22px}}
/* Public verification mirrors the printable invoice design */
.verifiedLabel{font-size:9px;letter-spacing:.8px;color:#16803a;font-weight:850}.invoiceStatus.verified{background:#16803a}.verifyPayment{font-size:10px;font-style:normal;font-weight:750}.verifyPayment.paid{color:#16803a}.verifyPayment.due{color:#b7791f}.verifyCard{max-width:1080px;padding:30px 35px}.verifyCard .invoicePrintHeader{margin-bottom:24px}.verifyCard .invoicePrintInfo{margin-bottom:20px}.verifyCard .verifyCols{margin:0 0 20px}.verifyCard .verifyCols h3{font-size:12px;color:#080808;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:10px}.verifyCard .verifyCols p{font-size:13px;color:#333;margin:4px 0}.verifyCard .verifyTotal{border-top:2px solid #080808;padding-top:14px;margin-top:14px}.verifyCard footer{font-size:12px;color:#555}.verifyCard .printItems th{border-radius:0!important}@media(max-width:650px){.verifyCard{padding:20px}.verifyCard .invoicePrintHeader{gap:12px}.verifyCard .invoiceShopInfo{max-width:55%}.verifyCard .invoiceTitleRight h1{font-size:17px}}
/* Phone-first compatibility improvements */
@media(max-width:600px){
  body{font-size:13px;overflow-x:hidden}
  .sitehead{position:static;gap:12px;padding:13px 15px}.sitehead nav{gap:5px}.sitehead nav button{padding:8px 9px;font-size:11px}.sitehead .emslogin{display:none}
  .hero{padding:42px 18px;min-height:auto}.hero h1{font-size:34px}.lead{font-size:15px}.heroactions{flex-direction:column}.heroactions button{width:100%}.trust{font-size:11px;gap:9px}.section{padding:50px 18px}.section h2{font-size:29px}.pricing{padding-inline:14px}.about{padding:55px 18px}.workflow{padding:52px 18px}.logos{font-size:11px}.authmodal{padding:22px 18px}.modal{padding:0;align-items:end}.modalbox{border-radius:16px 16px 0 0;max-height:94dvh;padding:18px;overflow-y:auto}.modalhead h2{font-size:19px}
  .shell{display:block;min-height:100dvh}.shell .sidebar{width:100%;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0f172a18}.shell .logo{min-height:58px;padding:11px 15px}.brandTitle{font-size:16px}.shell .nav{display:flex;overflow-x:auto;gap:5px;padding:8px 10px;scrollbar-width:none;border-bottom:1px solid #e2e8f0}.shell .nav::-webkit-scrollbar{display:none}.shell .nav button{flex:0 0 auto;padding:8px 11px;font-size:11px;gap:6px}.shell .nav:before{display:none}.menuicon{width:23px;height:23px;border-radius:7px;font-size:12px}.sidebottom{display:flex;padding:8px 10px;gap:6px;border-top:0}.sidebottom button{white-space:nowrap;padding:8px 10px;font-size:11px}.main{min-height:calc(100dvh - 130px)}.top{height:55px;padding:0 15px}.shopHeader{font-size:14px}.themeSwitch{transform:scale(.9);transform-origin:right}.page{padding:16px 12px}.head{margin-bottom:15px;align-items:flex-start}.head h1{font-size:22px}.head>button{padding:9px 11px;font-size:12px;white-space:nowrap}
  .cards{grid-template-columns:1fr 1fr!important;gap:10px}.cards .card{padding:14px 10px 13px 47px;border-radius:14px}.cards .card strong{font-size:20px}.cards .card small{font-size:8px;letter-spacing:.3px}.cards .card .muted{font-size:10px}.kpiicon{left:11px;top:15px;width:27px;height:27px;border-radius:8px;font-size:13px}.dashcolumns{grid-template-columns:1fr;gap:12px;margin:12px 0}.panel{padding:14px;border-radius:14px;margin-top:12px}.panel h2{font-size:15px}.todaychart{height:185px!important;padding:16px 5px 8px;gap:8px}.todaychart>div{width:25%}.todaychart span{width:35px}.todaychart b{font-size:9px}.todaychart small{font-size:9px}
  .tablewrap{margin:0 -2px;max-width:calc(100vw - 28px)}table{min-width:620px}th,td{padding:10px 8px;font-size:11px}.actions{gap:4px}.actions button{padding:6px 8px;font-size:10px}.dueworkspace{min-height:0}.dueleft,.dueright{border-radius:12px;padding:12px}.duelistitem{font-size:12px}.duetabs button{font-size:10px;padding:8px 3px}
  .planlist{grid-template-columns:1fr!important;gap:12px}.licensecard{padding:20px}.pricegrid{grid-template-columns:1fr}.storeDetails{padding:12px;gap:9px}.storeDetails>div{padding:11px}.settingtabs{overflow:auto}.settingtabs button{white-space:nowrap;padding:9px 12px}.loghead{gap:8px}.loghead input{width:100%}
  .invoiceform{padding:10px!important;gap:10px!important}.invoiceform>.modalhead{margin:-10px -10px 0;padding:12px 14px}.invoiceform>.invoiceSection{padding:13px}.invoiceform .grid2{gap:8px}.invoiceform .summarygrid label{font-size:10px}.invoiceprint{width:100%;max-height:100dvh;padding:18px 15px}.invoicePrintHeader{gap:10px}.invoiceShopInfo{max-width:54%;font-size:9px}.invoiceTitleRight h1{font-size:15px}.invoicePrintInfo{grid-template-columns:1fr;gap:14px}.invoiceBottom{grid-template-columns:1fr;gap:14px}.invoiceQR{max-width:none}.printTotals>div{width:100%}.invoicePrintFooter{display:block}.invoicePrintFooter>div:last-child{text-align:left;margin-top:10px}.printActions{position:sticky;bottom:0;background:#fff;padding-top:10px}.printActions button{flex:1}
  .verifyPage{padding:12px}.verifyCard{padding:18px 14px}.verifyCard header{gap:10px}.verifyCard .invoiceShopInfo{max-width:55%}.verifyCard .invoiceTitleRight h1{font-size:15px}.verifyCols{grid-template-columns:1fr}.verifyTotal{width:100%}
}