:root{
  --bg:#eef3fb;--card:#ffffff;--primary:#2563eb;--primary2:#1d4ed8;--dark:#0f172a;--muted:#64748b;--line:#dbe3ef;
  --green:#16a34a;--red:#dc2626;--orange:#f59e0b;--purple:#7c3aed;--cyan:#0891b2;--pink:#db2777;
  --sidebar1:#07111f;--sidebar2:#13294b;--soft-blue:#e8f1ff;--soft-green:#e9f8ef;--soft-orange:#fff4df;--soft-purple:#f1eaff;--soft-red:#ffecec;
}
*{box-sizing:border-box}
html{font-size:14px}
body{font-family:'Cairo',sans-serif;background:radial-gradient(circle at top left,#dbeafe 0,#eef3fb 36%,#f7f9fc 100%);color:var(--dark);margin:0;font-size:.92rem;line-height:1.55}
a{text-decoration:none}.text-muted{color:var(--muted)!important}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:258px;background:linear-gradient(180deg,var(--sidebar1),var(--sidebar2));padding:14px 12px;color:#fff;z-index:10;overflow:auto;box-shadow:-10px 0 28px rgba(15,23,42,.16)}
.brand{display:flex;gap:9px;align-items:center;font-weight:800;font-size:20px;padding:10px 10px 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:9px}.brand i{color:#93c5fd;font-size:23px}
.sidebar nav a{display:flex;align-items:center;gap:9px;color:#dbeafe;text-decoration:none;padding:9px 12px;border-radius:13px;margin:2px 0;font-weight:700;font-size:.9rem;transition:.18s;border:1px solid transparent}.sidebar nav a i{font-size:1rem;color:#bfdbfe}.sidebar nav a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.1);transform:translateX(-2px)}
.main{margin-right:258px;min-height:100vh}.main-public{margin-right:0}.topbar{position:sticky;top:0;background:rgba(248,250,252,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;z-index:5}.page-title{font-size:20px;font-weight:800}.content{padding:20px 22px}
.stat-card,.cardx{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.055)}.stat-card{padding:16px;height:100%;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -30px -36px auto;width:96px;height:96px;border-radius:999px;background:rgba(37,99,235,.08)}
.stat-card:nth-child(4n+1),.row>.col-md-3:nth-child(4n+1) .stat-card{border-top:3px solid var(--primary)}.stat-card:nth-child(4n+2),.row>.col-md-3:nth-child(4n+2) .stat-card{border-top:3px solid var(--green)}.stat-card:nth-child(4n+3),.row>.col-md-3:nth-child(4n+3) .stat-card{border-top:3px solid var(--orange)}.stat-card:nth-child(4n+4),.row>.col-md-3:nth-child(4n+4) .stat-card{border-top:3px solid var(--purple)}
.stat-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--soft-blue);color:var(--primary);font-size:19px}.stat-value{font-size:22px;font-weight:800;margin-top:10px}.stat-label{color:var(--muted);font-weight:700;font-size:.86rem}.cardx-header{padding:14px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#fff,#f8fbff);border-radius:18px 18px 0 0}.cardx-body{padding:17px}.table{vertical-align:middle;font-size:.88rem}.table thead th{background:#f3f7fd;color:#475569;font-size:.78rem;font-weight:800}.btn{border-radius:11px;font-weight:700;font-size:.86rem}.btn-lg{font-size:1rem}.form-control,.form-select{border-radius:11px;padding:.58rem .78rem;font-size:.88rem}.badge-soft{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.invoice-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:15px;padding:11px;margin-bottom:9px}.login-card{max-width:410px;margin:8vh auto}.report-title{font-size:24px;font-weight:800}.print-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:15px}.print-page{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;max-width:980px;margin:auto}.print-header{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #0f172a;padding-bottom:16px;margin-bottom:16px}.logo-box{width:82px;height:82px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-box img{max-width:100%;max-height:100%}.qr{width:108px;height:108px}.no-print{}
/* POS professional side layout */
.pos-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}.pos-left,.pos-cart{min-height:calc(100vh - 130px)}.pos-toolbar{display:grid;grid-template-columns:1fr 130px;gap:10px;margin-bottom:14px}.pos-search{font-size:15px;padding:13px 14px;border:2px solid #93c5fd;background:#f8fbff}.pos-category{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pos-category .chip{border:1px solid #dbeafe;background:#fff;color:#1e40af;border-radius:999px;padding:7px 12px;font-weight:800;font-size:.82rem}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pos-product{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.045);padding:13px;text-align:start;min-height:132px;transition:.16s;position:relative;overflow:hidden}.pos-product:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 12px 24px rgba(37,99,235,.12)}.pos-product:before{content:"";position:absolute;top:-28px;left:-24px;width:82px;height:82px;border-radius:999px;background:rgba(37,99,235,.08)}.pos-product .name{font-weight:900;font-size:.92rem;min-height:42px;position:relative}.pos-product .meta{color:var(--muted);font-size:.72rem;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.pos-product .price{font-size:1.15rem;font-weight:900;color:var(--primary2);margin-top:12px;position:relative}.pos-product .stock{font-size:.73rem;color:#166534;background:#dcfce7;border-radius:999px;padding:3px 8px;display:inline-block;margin-top:6px;position:relative}.pos-cart{position:sticky;top:82px}.pos-cart .cardx{border-color:#c7d2fe}.pos-cart-title{display:flex;align-items:center;gap:9px;font-weight:900}.pos-cart-title i{color:var(--primary)}.cart-list{display:flex;flex-direction:column;gap:9px;max-height:45vh;overflow:auto;padding-inline-end:2px}.cart-item{border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc;padding:10px}.cart-item-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.cart-name{font-weight:900;font-size:.9rem}.cart-price{color:var(--muted);font-size:.78rem}.cart-controls{display:grid;grid-template-columns:92px 1fr 36px;gap:7px;align-items:center}.cart-controls .qty{padding:.42rem .55rem;text-align:center}.cart-line-total{font-weight:900;text-align:center;color:#0f172a}.cart-remove{height:34px;width:36px;display:flex;align-items:center;justify-content:center}.pos-summary{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:18px;padding:14px;margin-top:12px}.pos-summary-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.pos-total{font-size:30px;font-weight:900;letter-spacing:.2px}.pos-pay-btn{width:100%;padding:13px;margin-top:12px;border-radius:15px}.empty-cart{border:1px dashed #cbd5e1;border-radius:15px;padding:22px;text-align:center;color:var(--muted);background:#f8fafc}.kbd-hint{font-size:.75rem;color:#64748b;margin-top:7px}
@media(max-width:1100px){.pos-shell{grid-template-columns:1fr}.pos-cart{position:static;min-height:auto}.pos-left{min-height:auto}.pos-products{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}
@media(max-width:900px){html{font-size:13.5px}.sidebar{position:static;width:auto}.main{margin-right:0}.topbar{position:static;display:block}.top-actions{margin-top:10px}.content{padding:16px}.pos-toolbar{grid-template-columns:1fr}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{body{background:white}.sidebar,.topbar,.print-toolbar,.no-print{display:none!important}.main{margin:0}.content{padding:0}.cardx,.print-page{box-shadow:none;border:0;border-radius:0}.table thead th{background:#eee!important}.print-page{max-width:none;padding:0}}

/* UI polish v4: animated sidebar + Power BI-like dashboard */
.sidebar{animation:sidebarSlide .38s ease both;scrollbar-width:thin;scrollbar-color:rgba(147,197,253,.55) transparent}
@keyframes sidebarSlide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
.sidebar:before{content:"";position:fixed;right:0;top:0;width:258px;height:110px;background:radial-gradient(circle at 65% 20%,rgba(59,130,246,.32),transparent 60%);pointer-events:none}
.sidebar nav a{position:relative;overflow:hidden;isolation:isolate}
.sidebar nav a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(96,165,250,.22),rgba(34,197,94,.08));transform:translateX(105%);transition:.28s ease;z-index:-1}
.sidebar nav a:hover:before,.sidebar nav a.active:before{transform:translateX(0)}
.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset -3px 0 0 #60a5fa,0 8px 18px rgba(0,0,0,.12)}
.sidebar nav a i{transition:.22s ease}.sidebar nav a:hover i,.sidebar nav a.active i{transform:scale(1.18) rotate(-4deg);color:#fff}
.cardx,.stat-card,.kpi-card{animation:riseIn .42s ease both}.cardx:nth-of-type(2),.kpi-card:nth-of-type(2){animation-delay:.04s}.cardx:nth-of-type(3),.kpi-card:nth-of-type(3){animation-delay:.08s}
@keyframes riseIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.bi-dashboard{display:flex;flex-direction:column;gap:14px}.bi-hero{display:flex;justify-content:space-between;align-items:stretch;gap:18px;border:1px solid #dbeafe;border-radius:24px;padding:22px;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 48%,#2563eb 100%);color:#fff;box-shadow:0 18px 36px rgba(30,64,175,.20);overflow:hidden;position:relative}.bi-hero:after{content:"";position:absolute;left:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.11)}.bi-hero h2{font-weight:900;margin:5px 0 7px}.bi-hero p{margin:0;color:#dbeafe}.bi-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;font-weight:800;font-size:.72rem}.bi-hero-number{min-width:240px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.bi-hero-number span{color:#bfdbfe;font-weight:800}.bi-hero-number strong{font-size:2rem;font-weight:900;line-height:1.2}.kpi-card{height:100%;border-radius:22px;padding:16px;color:#fff;display:flex;gap:14px;align-items:center;position:relative;overflow:hidden;box-shadow:0 14px 28px rgba(15,23,42,.12)}.kpi-card:after{content:"";position:absolute;left:-38px;bottom:-46px;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.17)}.kpi-blue{background:linear-gradient(135deg,#1d4ed8,#38bdf8)}.kpi-green{background:linear-gradient(135deg,#047857,#22c55e)}.kpi-orange{background:linear-gradient(135deg,#c2410c,#f59e0b)}.kpi-purple{background:linear-gradient(135deg,#6d28d9,#a855f7)}.kpi-icon{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex:0 0 auto}.kpi-card span{display:block;color:rgba(255,255,255,.86);font-weight:800}.kpi-card strong{display:block;font-size:1.55rem;font-weight:900}.kpi-card small{display:block;color:rgba(255,255,255,.78)}.power-card{border:1px solid #d8e4f7;box-shadow:0 14px 32px rgba(15,23,42,.075)}.power-card .cardx-header{background:linear-gradient(90deg,#fff,#eff6ff)}.bi-list{display:flex;flex-direction:column;gap:10px}.bi-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:14px;background:linear-gradient(90deg,#f8fafc,#eff6ff);border:1px solid #e2e8f0}.bi-list i{color:#2563eb;margin-left:6px}.code-pill{display:inline-block;font-family:ui-monospace,Consolas,monospace;background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:3px 8px;border-radius:999px;font-weight:800;font-size:.78rem}.tree-table .group-account{background:#f8fbff}.tree-table .group-account td:nth-child(2){color:#1d4ed8}.btn-group form{display:inline-flex}.btn-group form .btn{border-radius:0}
@media(max-width:900px){.bi-hero{flex-direction:column}.bi-hero-number{min-width:auto}.kpi-card strong{font-size:1.3rem}}

/* v5: gradient sidebar, separators, colorful cards, HTML reports */
.sidebar{background:linear-gradient(160deg,#07111f 0%,#122b5c 42%,#312e81 72%,#0f766e 100%);border-left:1px solid rgba(255,255,255,.12)}
.sidebar .brand{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;margin-bottom:14px;padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a:nth-of-type(3),.sidebar nav a:nth-of-type(6),.sidebar nav a:nth-of-type(10){margin-bottom:12px}.sidebar nav a:nth-of-type(3)::after,.sidebar nav a:nth-of-type(6)::after,.sidebar nav a:nth-of-type(10)::after{content:"";position:absolute;right:12px;left:12px;bottom:-8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent)}
.sidebar nav a{background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(255,255,255,.20),rgba(96,165,250,.18));border-color:rgba(255,255,255,.22);box-shadow:inset -4px 0 0 #fbbf24,0 10px 24px rgba(0,0,0,.16)}
.color-card:nth-of-type(4n+1),.reports-grid>.col-md-4:nth-child(4n+1) .report-tile{--accent:#2563eb}.color-card:nth-of-type(4n+2),.reports-grid>.col-md-4:nth-child(4n+2) .report-tile{--accent:#16a34a}.color-card:nth-of-type(4n+3),.reports-grid>.col-md-4:nth-child(4n+3) .report-tile{--accent:#f59e0b}.color-card:nth-of-type(4n+4),.reports-grid>.col-md-4:nth-child(4n+4) .report-tile{--accent:#7c3aed}.color-card{border-top:4px solid var(--accent,#2563eb)}.color-card .cardx-header{background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#2563eb) 11%,#fff),#fff)}
.report-tile{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;color:#fff;text-decoration:none;min-height:105px;box-shadow:0 14px 28px rgba(15,23,42,.12);position:relative;overflow:hidden;transition:.18s}.report-tile:hover{transform:translateY(-3px);color:#fff}.report-tile:after{content:"";position:absolute;left:-42px;bottom:-50px;width:135px;height:135px;border-radius:999px;background:rgba(255,255,255,.16)}.report-tile strong{display:block;font-size:1.05rem}.report-tile small{display:block;color:rgba(255,255,255,.82);margin-top:4px}.report-icon{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:1}.report-blue{background:linear-gradient(135deg,#1d4ed8,#38bdf8)}.report-green{background:linear-gradient(135deg,#047857,#22c55e)}.report-orange{background:linear-gradient(135deg,#c2410c,#f59e0b)}.report-purple{background:linear-gradient(135deg,#6d28d9,#a855f7)}.report-pink{background:linear-gradient(135deg,#be185d,#f472b6)}.report-cyan{background:linear-gradient(135deg,#0e7490,#22d3ee)}
.report-filter{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:14px;margin-bottom:14px;box-shadow:0 10px 24px rgba(15,23,42,.055)}.report-page{max-width:1120px;border-top:6px solid #2563eb}.report-html-header{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#eff6ff,#fff 55%,#ecfeff);border:1px solid #dbeafe;border-radius:18px;padding:16px;margin-bottom:18px}.report-html-header h2{font-weight:900;margin:0 0 4px;color:#0f172a}.report-stamp{min-width:190px;background:linear-gradient(135deg,#1d4ed8,#0891b2);color:#fff;border-radius:16px;padding:13px;text-align:center;box-shadow:0 12px 22px rgba(37,99,235,.16)}.report-stamp span{display:block;font-weight:900;font-size:1.05rem}.report-stamp small{color:#dbeafe}.report-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 9px 18px rgba(15,23,42,.045)}.colorful-table thead th{background:linear-gradient(90deg,#1e3a8a,#2563eb);color:#fff;border-color:#2563eb}.colorful-table tbody tr:nth-child(even){background:#f8fbff}.colorful-table tfoot th,.report-total{background:linear-gradient(90deg,#ecfdf5,#eff6ff);border-top:2px solid #93c5fd;font-weight:900}.report-total{border-radius:16px;padding:16px;font-size:1.1rem;color:#0f172a}.payment-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-toggle .btn{padding:10px;border-radius:14px}.payment-box{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #dbeafe;border-radius:16px;padding:12px}
@media print{.report-filter{display:none!important}.report-html-header{break-inside:avoid}.report-page{border-top:0}.report-tile{box-shadow:none}}
.invoice-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:800;color:#334155}.invoice-qr-wrap small{font-size:.72rem}.zatca-note{background:linear-gradient(135deg,#ecfeff,#eef2ff);border:1px solid #bfdbfe;border-radius:16px;padding:14px;color:#334155}.zatca-kpi{padding:16px;border-radius:18px;color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.12);min-height:92px}.zatca-kpi span{display:block;font-size:.82rem;opacity:.88}.zatca-kpi strong{display:block;font-size:28px;margin-top:6px}.kpi-blue{background:linear-gradient(135deg,#1d4ed8,#38bdf8)}.kpi-green{background:linear-gradient(135deg,#047857,#22c55e)}.kpi-red{background:linear-gradient(135deg,#be123c,#fb7185)}.kpi-purple{background:linear-gradient(135deg,#6d28d9,#a78bfa)}.small-code{direction:ltr;text-align:left;unicode-bidi:plaintext;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:6px;display:block;max-width:100%;overflow-wrap:anywhere;font-size:.72rem}.zatca-invoice-box{border:1px dashed #38bdf8;background:#f0f9ff;border-radius:14px;padding:12px}.zatca-report-page .table td{font-size:.82rem}
@media print{.zatca-kpi{box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.zatca-note,.zatca-invoice-box{background:#f8fafc!important}}

/* v9: refined premium sidebar + live dashboard feedback */
.sidebar{
  background:
    radial-gradient(circle at 18% 8%, rgba(56,189,248,.35), transparent 25%),
    radial-gradient(circle at 78% 2%, rgba(250,204,21,.22), transparent 24%),
    linear-gradient(160deg,#061323 0%,#0f2a55 38%,#312e81 69%,#0f766e 100%);
  border-left:1px solid rgba(255,255,255,.16);
  padding:16px 13px;
}
.brand{position:relative;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 26px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.18)}
.brand .brand-mark{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#60a5fa,#22c55e);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(37,99,235,.25)}
.brand .brand-mark i{color:#fff;font-size:23px}.brand span{line-height:1;font-size:20px}.brand small{grid-column:2;color:#bfdbfe;font-size:.68rem;font-weight:800;letter-spacing:.4px;margin-top:-10px}.brand>i{display:none}
.nav-section-title{display:flex;align-items:center;gap:8px;color:#bfdbfe;font-size:.68rem;font-weight:900;margin:14px 10px 6px;letter-spacing:.4px;text-transform:uppercase}.nav-section-title:before,.nav-section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
.sidebar nav a{border-radius:16px;padding:10px 12px;margin:1px 0;background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease}
.sidebar nav a i{width:28px;height:28px;border-radius:11px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#dbeafe;transition:.2s ease}
.sidebar nav a:hover,.sidebar nav a.active{transform:translateX(-4px);background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(96,165,250,.15));border-color:rgba(255,255,255,.24);box-shadow:inset -4px 0 0 #facc15,0 12px 28px rgba(0,0,0,.18)}
.sidebar nav a:hover i,.sidebar nav a.active i{background:linear-gradient(135deg,#facc15,#38bdf8);color:#0f172a;transform:scale(1.08) rotate(-3deg)}
.kpi-pulse{display:inline-block;animation:kpiPulse .65s ease both}@keyframes kpiPulse{0%{transform:scale(1)}35%{transform:scale(1.06);filter:brightness(1.08)}100%{transform:scale(1)}}
.invoice-cancelled{opacity:.72;filter:grayscale(.25)}

/* v11: audit and live UI customization */
.ui-preview{display:grid;grid-template-columns:155px 1fr;min-height:280px;border-radius:24px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 18px 34px rgba(15,23,42,.08);background:#fff}.preview-sidebar{background:linear-gradient(160deg,var(--sidebar1),var(--sidebar2));color:#fff;padding:18px;display:flex;flex-direction:column;gap:10px}.preview-logo{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.preview-sidebar span{font-weight:900}.preview-sidebar a{background:rgba(255,255,255,.12);border-radius:13px;padding:9px 10px;color:#dbeafe;font-weight:800;font-size:.82rem}.preview-body{padding:18px;background:linear-gradient(135deg,#f8fafc,#eff6ff);display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05)}.preview-card.primary{background:linear-gradient(135deg,var(--primary),#38bdf8);color:#fff}.preview-card span{display:block;font-weight:800;opacity:.84}.preview-card strong{display:block;font-size:24px;margin-top:4px}.preview-table{grid-column:1/-1;height:92px;border-radius:18px;background:repeating-linear-gradient(180deg,#fff 0,#fff 20px,#f1f5f9 21px,#f1f5f9 38px);border:1px solid #e2e8f0}.settings-hub .report-tile{height:100%}.audit-json{direction:ltr;text-align:left;unicode-bidi:plaintext;background:#0f172a;color:#dbeafe;border-radius:12px;padding:12px;white-space:pre-wrap;max-height:240px;overflow:auto;font-size:.75rem}.audit-action{border-radius:999px;padding:.45em .8em}.audit-amend,.audit-appearance_update{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.audit-cancel,.audit-reset{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.audit-backup{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.audit-restore{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.audit-page .report-html-header{margin-bottom:16px}.audit-table td{font-size:.82rem}body.ui-bg-dark .cardx,body.ui-bg-dark .stat-card,body.ui-bg-dark .print-page{background:#111827;color:#e5e7eb;border-color:#334155}body.ui-bg-dark .topbar{background:rgba(15,23,42,.88);border-color:#334155}body.ui-bg-dark .table{color:#e5e7eb}body.ui-bg-dark .text-muted{color:#94a3b8!important}

/* v12: Theme Manager + Safe Dashboard Builder */
.dashboard-hero,.dashboard-studio-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--sidebar2));color:#fff;box-shadow:0 18px 38px rgba(15,23,42,.16);position:relative;overflow:hidden}.dashboard-hero:after,.dashboard-studio-hero:after{content:"";position:absolute;left:-45px;bottom:-60px;width:180px;height:180px;border-radius:999px;background:rgba(255,255,255,.16)}.dashboard-hero h2,.dashboard-studio-hero h2{font-weight:900;margin:2px 0 4px}.dashboard-hero p,.dashboard-studio-hero p{margin:0;color:rgba(255,255,255,.82)}.dashboard-studio-hero span{font-size:.78rem;font-weight:900;color:#dbeafe;text-transform:uppercase;letter-spacing:.6px}
.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.dashboard-widget{border:1px solid rgba(226,232,240,.92);border-radius:var(--card-radius,20px);box-shadow:var(--card-shadow,0 12px 30px rgba(15,23,42,.08));background:var(--surface,#fff);position:relative;overflow:hidden}.widget-small{grid-column:span 3}.widget-medium{grid-column:span 6}.widget-wide{grid-column:span 6}.widget-full{grid-column:span 12}.kpi-widget{min-height:128px;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.kpi-widget:after{content:"";position:absolute;left:-38px;bottom:-48px;width:130px;height:130px;border-radius:999px;background:rgba(255,255,255,.16)}.kpi-widget span{font-weight:800;color:rgba(255,255,255,.82);z-index:1}.kpi-widget strong{font-size:25px;font-weight:900;z-index:1;direction:ltr;text-align:right}.kpi-widget small{color:rgba(255,255,255,.74);z-index:1}.kpi-icon{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.17);display:flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:1}.kpi-blue{background:linear-gradient(135deg,#1d4ed8,#38bdf8)}.kpi-purple{background:linear-gradient(135deg,#6d28d9,#a78bfa)}.kpi-green{background:linear-gradient(135deg,#047857,#22c55e)}.kpi-orange{background:linear-gradient(135deg,#c2410c,#f59e0b)}.kpi-cyan{background:linear-gradient(135deg,#0e7490,#22d3ee)}.kpi-pink{background:linear-gradient(135deg,#be185d,#f472b6)}.kpi-slate{background:linear-gradient(135deg,#334155,#64748b)}.kpi-teal{background:linear-gradient(135deg,#0f766e,#2dd4bf)}.kpi-indigo{background:linear-gradient(135deg,#3730a3,#818cf8)}.kpi-red{background:linear-gradient(135deg,#be123c,#fb7185)}
.chart-widget{min-height:285px;padding:16px}.chart-widget canvas{min-height:215px}.chart-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chart-title strong{font-weight:900;color:var(--text,#0f172a)}.chart-title small{display:block;color:var(--muted,#64748b);font-size:.78rem}.chart-title i{width:40px;height:40px;border-radius:15px;background:linear-gradient(135deg,var(--primary),#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center}
.theme-manager-card .table td{vertical-align:middle}.code-area{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.82rem;unicode-bidi:plaintext}.theme-key-list{columns:2;list-style:none;padding:0;margin:0}.theme-key-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;margin:5px 0;direction:ltr;text-align:left;color:#334155;font-weight:700}.dashboard-layout-list .list-group-item{border-radius:16px!important;margin-bottom:7px;border:1px solid #e2e8f0}.dashboard-layout-list .list-group-item.active{background:linear-gradient(135deg,var(--primary),var(--sidebar2));border-color:transparent}.dashboard-layout-list small{display:block;color:#64748b}.dashboard-layout-list .active small{color:#dbeafe}.dashboard-widget-config{display:grid;gap:9px;max-height:680px;overflow:auto;padding-left:4px}.widget-config-row{display:grid;grid-template-columns:minmax(210px,1.35fr) 1fr 112px 78px;gap:8px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:10px}.widget-config-row small{display:block;color:#64748b;font-weight:700}.fake-chart{height:140px;border-radius:18px;background:linear-gradient(180deg,#eef2ff,#fff),repeating-linear-gradient(90deg,rgba(37,99,235,.18) 0 14px,transparent 14px 34px);position:relative;overflow:hidden}.fake-chart:after{content:"";position:absolute;inset:25px 22px 20px;background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(34,197,94,.22));clip-path:polygon(0 76%,15% 55%,32% 68%,49% 30%,70% 42%,100% 12%,100% 100%,0 100%)}
.studio-preview .dashboard-widget{min-height:120px}.studio-preview .chart-widget{min-height:185px}.studio-preview .kpi-widget strong{font-size:21px}
@media(max-width:1100px){.widget-small{grid-column:span 6}.widget-medium,.widget-wide{grid-column:span 12}.widget-config-row{grid-template-columns:1fr}.dashboard-hero,.dashboard-studio-hero{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.widget-small{grid-column:span 12}.dashboard-grid{grid-template-columns:repeat(12,1fr)}}


/* v12.1: clean sidebar + settings hub + dashboard height stability */
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:26px;background:linear-gradient(135deg,var(--primary),var(--sidebar2));color:#fff;box-shadow:0 18px 36px rgba(15,23,42,.14);position:relative;overflow:hidden}.settings-hero:after{content:"";position:absolute;left:-52px;bottom:-72px;width:190px;height:190px;border-radius:999px;background:rgba(255,255,255,.15)}.settings-hero span{font-size:.78rem;font-weight:900;color:#dbeafe;text-transform:uppercase;letter-spacing:.5px}.settings-hero h2{font-weight:900;margin:2px 0 4px}.settings-hero p{margin:0;color:rgba(255,255,255,.82)}.settings-hero>i{font-size:46px;opacity:.88;z-index:1}.settings-hub .report-tile{min-height:112px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.settings-hub .report-tile:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(15,23,42,.12)}.report-cyan{background:linear-gradient(135deg,#ecfeff,#fff);border-color:#a5f3fc!important}.report-cyan .report-icon{background:#cffafe;color:#0e7490}.report-indigo{background:linear-gradient(135deg,#eef2ff,#fff);border-color:#c7d2fe!important}.report-indigo .report-icon{background:#e0e7ff;color:#3730a3}
.dashboard-grid{align-items:start}.dashboard-widget{min-width:0}.chart-widget{height:285px;min-height:285px;max-height:285px;display:flex;flex-direction:column}.chart-canvas-box{position:relative;height:210px;min-height:210px;max-height:210px;width:100%;overflow:hidden;flex:1 1 auto}.chart-widget canvas{display:block;width:100%!important;height:210px!important;max-height:210px!important;min-height:0!important}.studio-preview .chart-widget{height:185px;min-height:185px;max-height:185px}.studio-preview .chart-canvas-box{height:128px;min-height:128px;max-height:128px}.dashboard-hero{flex:0 0 auto}

/* v12.2: professional top dropdown navigation + compact settings buttons */
.layout-topnav .sidebar{display:none!important}
.layout-topnav .main{margin-right:0;min-height:100vh}
.app-navbar{position:sticky;top:0;z-index:1030;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16);border-bottom:1px solid rgba(255,255,255,.12)}
.app-navbar-inner{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 18px;max-width:1600px;margin:auto}
.app-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;flex:0 0 auto;min-width:178px}
.app-brand:hover{color:#fff}.app-brand-mark{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.app-brand-mark i{font-size:22px;color:#fff}.app-brand-text{display:flex;flex-direction:column;line-height:1.1}.app-brand-text strong{font-size:18px;font-weight:900}.app-brand-text small{font-size:.68rem;color:#dbeafe;font-weight:800;letter-spacing:.4px}
.app-nav-toggle{display:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:8px 11px;font-size:20px}.app-menu{display:flex!important;flex:1 1 auto}.app-nav-list{display:flex;flex-direction:row!important;align-items:center;gap:6px;width:100%;padding:0;margin:0;list-style:none;flex-wrap:nowrap}.app-nav-link{display:flex!important;align-items:center;gap:7px;color:#eef6ff!important;font-weight:900;border:1px solid transparent;border-radius:14px;padding:9px 13px!important;transition:.18s ease;font-size:.88rem;white-space:nowrap}.app-nav-link i{font-size:1rem;color:#bfdbfe}.app-nav-link:hover,.app-nav-link:focus,.app-nav-link.show{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);transform:translateY(-1px);color:#fff!important}.app-nav-link:hover i,.app-nav-link.show i{color:#fff}.app-dropdown-menu{border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 38px rgba(15,23,42,.16);padding:8px;min-width:230px;text-align:right;overflow:hidden}.app-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:9px;border-radius:12px;padding:9px 10px;font-weight:800;color:#334155;font-size:.86rem}.app-dropdown-menu .dropdown-item i{color:var(--primary);font-size:1rem}.app-dropdown-menu .dropdown-item:hover{background:linear-gradient(90deg,#eff6ff,#f8fafc);color:#0f172a}.app-dropdown-menu .dropdown-divider{margin:6px 0}.pos-nav-item{margin-inline-start:auto}.pos-link{background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 10px 22px rgba(249,115,22,.25)}.pos-link i{color:#fff!important}.pos-link:hover{filter:brightness(1.05);transform:translateY(-2px)}.app-user-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.action-btn{border-radius:12px;font-weight:900;font-size:.78rem;padding:.45rem .7rem}.app-page-head{position:sticky;top:66px;z-index:1020;background:rgba(248,250,252,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.layout-topnav .content{padding-top:18px}.layout-topnav .pos-cart{top:140px}
body.ui-bg-dark .app-page-head{background:rgba(15,23,42,.88);border-color:#334155}.layout-topnav .topbar{display:none!important}
.settings-hub .report-tile{padding:12px 14px;min-height:84px;border-radius:18px;box-shadow:0 10px 22px rgba(15,23,42,.08);color:#1f2937!important;border:1px solid #e2e8f0!important}.settings-hub .report-tile:hover{color:#111827!important}.settings-hub .report-tile strong{font-size:.92rem;color:#172033!important}.settings-hub .report-tile small{font-size:.73rem;color:#64748b!important}.settings-hub .report-icon{width:42px;height:42px;border-radius:14px;font-size:1.12rem;flex:0 0 auto}.settings-hub .report-purple,.settings-hub .report-blue,.settings-hub .report-green,.settings-hub .report-orange,.settings-hub .report-cyan,.settings-hub .report-indigo,.settings-hub .report-pink{background:linear-gradient(135deg,#fff,#f8fafc)!important}.settings-hub .report-purple .report-icon{background:#f3e8ff;color:#6d28d9}.settings-hub .report-blue .report-icon{background:#dbeafe;color:#1d4ed8}.settings-hub .report-green .report-icon{background:#dcfce7;color:#047857}.settings-hub .report-orange .report-icon{background:#ffedd5;color:#c2410c}.settings-hub .report-cyan .report-icon{background:#cffafe;color:#0e7490}.settings-hub .report-indigo .report-icon{background:#e0e7ff;color:#3730a3}.settings-hub .report-tile:after{display:none}.settings-hub .col-md-4{margin-bottom:0}.settings-hub .btn,.settings-hub .report-tile{font-size:.82rem}.settings-hub + .cardx .btn,.cardx .btn-sm{font-size:.78rem;padding:.38rem .65rem;border-radius:9px}.settings-hub .report-tile div:last-child{min-width:0}.settings-hub .report-tile strong,.settings-hub .report-tile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v12.3: enforce true horizontal desktop navigation */
@media(min-width:992px){
  .layout-topnav .app-navbar-inner{flex-wrap:nowrap!important}
  .layout-topnav .app-menu{display:flex!important;flex:1 1 auto;min-width:0}
  .layout-topnav .app-nav-list{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important}
  .layout-topnav .app-nav-list>.nav-item{display:flex;align-items:center;flex:0 0 auto}
  .layout-topnav .app-nav-link{height:42px}
  .layout-topnav .pos-nav-item{margin-inline-start:auto!important}
  .layout-topnav .app-dropdown-menu{position:absolute!important}
}
@media(max-width:991px){.app-navbar-inner{flex-wrap:wrap}.app-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.app-menu{display:none!important;flex-basis:100%;order:4}.app-menu.show{display:flex!important}.app-nav-list{align-items:stretch;gap:5px}.app-nav-list,.app-menu.show{flex-direction:column;width:100%}.pos-nav-item{margin-inline-start:0}.app-user-actions{margin-inline-start:auto}.app-page-head{top:66px}.app-dropdown-menu{position:static!important;transform:none!important;width:100%;box-shadow:none;margin-top:4px}.app-nav-link{justify-content:space-between}.layout-topnav .pos-cart{top:14px}.pos-shell{grid-template-columns:1fr}.pos-cart{position:relative}}
@media(max-width:620px){.app-user-actions .action-btn{padding:.42rem .55rem}.app-user-actions .action-btn{font-size:0}.app-user-actions .action-btn i{font-size:1rem;margin:0}.app-page-head{align-items:flex-start;flex-direction:column}.content{padding-left:12px!important;padding-right:12px!important}.app-brand{min-width:0}.app-brand-text small{display:none}}

/* v13 Module Studio */
.module-card{border:1px solid rgba(15,23,42,.08);transition:.22s ease;overflow:hidden;position:relative}
.module-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--primary),var(--info));opacity:.85}
.module-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.12)!important}
.module-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:1.35rem;box-shadow:0 10px 24px rgba(37,99,235,.22);flex:0 0 48px}
.module-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.module-tabs .btn{border-radius:999px}

/* Real Estate Module v2 */
.real-estate-hero{background:linear-gradient(135deg, rgba(135,90,123,.14), rgba(0,160,157,.12));border:1px solid rgba(135,90,123,.14)}
.real-estate-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.real-estate-tabs .btn{border-radius:999px;padding:.35rem .75rem}
.chart-card .cardx-body{height:280px}.chart-card canvas{max-height:240px!important}
@media(max-width:768px){.chart-card .cardx-body{height:240px}.chart-card canvas{max-height:210px!important}}
.print-page .table th{background:#f3f4f6;width:18%}

/* v13.2 Premium Login UI */
.login-v2{
  min-height:100vh;
  margin:0;
  font-family:'Cairo',sans-serif;
  background:
    radial-gradient(circle at 85% 12%, rgba(0,160,157,.22), transparent 32%),
    radial-gradient(circle at 18% 85%, rgba(135,90,123,.24), transparent 34%),
    linear-gradient(135deg,#f8fafc 0%,#eef2ff 45%,#f7f3f7 100%);
  overflow-x:hidden;
}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(420px,.95fr);position:relative;isolation:isolate}
.login-shell:before{content:"";position:fixed;inset:24px;border:1px solid rgba(255,255,255,.65);border-radius:34px;pointer-events:none;z-index:-1;box-shadow:0 24px 80px rgba(15,23,42,.08)}
.login-visual{align-items:center;justify-content:center;padding:46px 54px;position:relative;overflow:hidden}
.login-visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:999px;background:linear-gradient(135deg,rgba(135,90,123,.24),rgba(0,160,157,.16));filter:blur(3px);top:12%;right:8%;z-index:-1}
.login-visual:after{content:"";position:absolute;width:240px;height:240px;border-radius:58px;background:rgba(255,255,255,.38);transform:rotate(17deg);left:12%;bottom:9%;z-index:-1;border:1px solid rgba(255,255,255,.7)}
.login-brand-panel{width:min(560px,100%);padding:36px;border-radius:34px;background:linear-gradient(145deg,rgba(60,45,63,.92),rgba(135,90,123,.88));color:#fff;box-shadow:0 30px 80px rgba(60,45,63,.28);position:relative;overflow:hidden}
.login-brand-panel:before{content:"";position:absolute;left:-85px;top:-85px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.14)}
.login-brand-panel:after{content:"";position:absolute;right:-70px;bottom:-105px;width:260px;height:260px;border-radius:999px;background:rgba(0,160,157,.22)}
.login-brand-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:999px;font-weight:900;margin-bottom:28px;position:relative;z-index:1}.login-brand-badge i{font-size:20px;color:#7dd3fc}
.login-brand-panel h1{font-size:36px;line-height:1.35;font-weight:900;max-width:440px;margin:0 0 14px;position:relative;z-index:1}.login-brand-panel p{font-size:1rem;color:rgba(255,255,255,.82);line-height:1.9;max-width:470px;margin:0 0 28px;position:relative;z-index:1}
.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}.login-feature{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}.login-feature i{width:40px;height:40px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:19px;color:#fff;flex:0 0 40px}.login-feature strong{display:block;font-weight:900;font-size:.92rem}.login-feature small{display:block;color:rgba(255,255,255,.72);font-weight:700;font-size:.75rem;margin-top:2px}
.login-form-section{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:34px 24px}.login-card-modern{width:min(440px,100%);background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.72);border-radius:30px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.13);backdrop-filter:blur(18px)}.login-card-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-logo-mini{width:58px;height:58px;border-radius:21px;background:linear-gradient(135deg,#875A7B,#00A09D);display:grid;place-items:center;color:#fff;box-shadow:0 14px 28px rgba(135,90,123,.22)}.login-logo-mini i{font-size:26px}.login-eyebrow{font-size:.75rem;color:#875A7B;font-weight:900;letter-spacing:.3px}.login-card-modern h2{font-size:25px;font-weight:900;color:#221827;margin:2px 0 0}.login-alerts .alert{border:0;border-radius:16px;font-weight:800;font-size:.86rem}.login-field{margin-bottom:16px}.login-field .form-label{font-weight:900;color:#3C2D3F;font-size:.86rem;margin-bottom:7px}.login-input-wrap{position:relative}.login-input-wrap>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#875A7B;font-size:18px;z-index:2}.login-input-wrap .form-control{height:52px;border-radius:17px;border:1px solid #e4dfe7;background:#fff;padding-right:45px;padding-left:45px;font-weight:800;color:#2F2933;box-shadow:none}.login-input-wrap .form-control:focus{border-color:#875A7B;box-shadow:0 0 0 .22rem rgba(135,90,123,.12);background:#fff}.login-input-wrap .form-control::placeholder{color:#a7a0ad;font-weight:700}.login-pass-toggle{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:12px;background:#f5f1f6;color:#67506b;display:grid;place-items:center}.login-pass-toggle:hover{background:#efe7f0;color:#3C2D3F}.login-submit{width:100%;height:53px;border:0;border-radius:17px;background:linear-gradient(135deg,#875A7B,#6b4562);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 34px rgba(135,90,123,.24);transition:.18s ease}.login-submit:hover,.login-submit:focus{color:#fff;transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 20px 40px rgba(135,90,123,.28)}.login-submit i{font-size:20px}.login-footnote{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:12px 14px;border-radius:17px;background:#f8fafc;border:1px solid #e7e5ea;color:#64748b;font-weight:800;font-size:.78rem;line-height:1.6}.login-footnote i{color:#00A09D;margin-top:2px}.login-copyright{margin-top:18px;color:#7c7280;font-size:.78rem;font-weight:800;display:flex;align-items:center;gap:9px}.login-copyright .dot{width:5px;height:5px;border-radius:999px;background:#b8a9ba;display:inline-block}
@media(max-width:991px){.login-shell{grid-template-columns:1fr}.login-form-section{min-height:100vh}.login-card-modern{padding:24px}.login-shell:before{inset:14px;border-radius:26px}}
@media(max-width:480px){.login-form-section{padding:22px 14px}.login-card-modern{border-radius:24px;padding:20px}.login-card-head{align-items:flex-start}.login-logo-mini{width:50px;height:50px;border-radius:18px}.login-card-modern h2{font-size:22px}.login-input-wrap .form-control{height:50px}.login-submit{height:51px}}

/* v13.4 Appearance + Power BI Home Dashboard Fix */
.app-page-head{padding:10px 16px}.page-title{font-size:1.05rem}.top-actions .btn{white-space:nowrap}.app-navbar-inner{padding-block:6px}.app-nav-link{padding:.42rem .62rem;font-size:.84rem}.app-brand-mark{width:38px;height:38px}.app-brand-text strong{font-size:.95rem}.app-brand-text small{font-size:.68rem}.content{padding-top:10px}
body.ui-density-ultra_compact .app-page-head{padding:7px 12px}body.ui-density-ultra_compact .app-nav-link{padding:.34rem .5rem;font-size:.78rem}body.ui-density-ultra_compact .content{padding-top:8px}.compact-header{padding:8px 10px!important;min-height:auto}.compact-header strong{font-size:.86rem}.compact-card .table{font-size:.78rem}.compact-card th,.compact-card td{padding:.32rem .45rem!important}
.dashboard-hero-dense{min-height:auto;padding:12px 14px;border-radius:var(--card-radius);display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(37,99,235,.09),rgba(8,145,178,.06));border:1px solid rgba(37,99,235,.10);box-shadow:var(--card-shadow)}.dashboard-hero-dense h2{font-size:1.15rem;margin:2px 0 3px;font-weight:900}.dashboard-hero-dense p{font-size:.78rem;margin:0;color:var(--muted)}.dashboard-hero-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dashboard-grid-dense{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.dashboard-grid-dense .dashboard-widget{min-width:0;border:1px solid rgba(15,23,42,.07);background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.dashboard-grid-dense .widget-small{grid-column:span 2}.dashboard-grid-dense .widget-medium{grid-column:span 3}.dashboard-grid-dense .widget-wide{grid-column:span 6}.dashboard-grid-dense .widget-full{grid-column:span 12}.dashboard-grid-dense .kpi-widget{min-height:72px;padding:9px 10px;display:flex;align-items:center;gap:8px;position:relative}.dashboard-grid-dense .kpi-widget:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--primary)}.dashboard-grid-dense .kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1rem;flex:0 0 34px}.dashboard-grid-dense .kpi-body{min-width:0;display:flex;flex-direction:column}.dashboard-grid-dense .kpi-body span{font-size:.70rem;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid-dense .kpi-body strong{font-size:.98rem;line-height:1.15;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid-dense .kpi-body small{font-size:.62rem;color:var(--muted)}.chart-compact{padding:8px 9px}.chart-compact .chart-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chart-compact .chart-title strong{font-size:.78rem}.chart-compact .chart-title small{display:block;font-size:.64rem;color:var(--muted);font-weight:700}.chart-compact .chart-title i{color:var(--primary);font-size:.95rem}.chart-compact .chart-canvas-box{height:var(--dashboard-chart-h);min-height:120px}.chart-compact canvas{max-height:var(--dashboard-chart-h)!important}.compact-tables-row{font-size:.82rem}.kpi-pulse{animation:kpiPulse .7s ease}@keyframes kpiPulse{0%{transform:scale(1)}45%{transform:scale(1.04);color:var(--primary)}100%{transform:scale(1)}}
.kpi-blue .kpi-icon{background:#dbeafe;color:#1d4ed8}.kpi-green .kpi-icon{background:#dcfce7;color:#047857}.kpi-orange .kpi-icon{background:#ffedd5;color:#c2410c}.kpi-purple .kpi-icon{background:#ede9fe;color:#6d28d9}.kpi-cyan .kpi-icon{background:#cffafe;color:#0e7490}.kpi-pink .kpi-icon{background:#fce7f3;color:#be185d}.kpi-slate .kpi-icon{background:#e2e8f0;color:#334155}.kpi-teal .kpi-icon{background:#ccfbf1;color:#0f766e}.kpi-indigo .kpi-icon{background:#e0e7ff;color:#3730a3}.kpi-red .kpi-icon{background:#fee2e2;color:#b91c1c}.kpi-blue:before{background:#1d4ed8!important}.kpi-green:before{background:#16a34a!important}.kpi-orange:before{background:#f59e0b!important}.kpi-purple:before{background:#7c3aed!important}.kpi-cyan:before{background:#0891b2!important}.kpi-pink:before{background:#db2777!important}.kpi-slate:before{background:#64748b!important}.kpi-teal:before{background:#0f766e!important}.kpi-indigo:before{background:#4f46e5!important}.kpi-red:before{background:#dc2626!important}
.appearance-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px}.appearance-head h3{margin:2px 0 4px;font-size:1.25rem;font-weight:900}.appearance-head p{margin:0;color:var(--muted);font-size:.82rem}.appearance-card .form-label{font-size:.74rem;font-weight:900;color:var(--muted);margin-bottom:4px}.appearance-card .form-control-sm,.appearance-card .form-select-sm{font-size:.78rem;min-height:32px}.appearance-color{height:32px!important;padding:3px!important}.section-mini-title{font-size:.78rem;font-weight:900;color:var(--text);padding:8px 0 2px;border-bottom:1px dashed rgba(100,116,139,.25);margin-top:2px}.appearance-actions{padding:10px 12px;border-top:1px solid rgba(15,23,42,.07);display:flex;gap:6px;flex-wrap:wrap;background:rgba(248,250,252,.68)}.sticky-preview{position:sticky;top:86px}.pro-preview{height:auto;min-height:420px;padding:0;overflow:hidden;border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid rgba(15,23,42,.08)}.pro-preview .preview-sidebar{background:linear-gradient(160deg,var(--sidebar1),var(--sidebar2));padding:14px}.pro-preview .preview-body{padding:12px;background:var(--app-bg);color:var(--text)}.preview-toolbar{display:flex;gap:5px;margin-bottom:10px}.preview-toolbar span{height:8px;border-radius:99px;background:rgba(100,116,139,.28);flex:1}.preview-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.preview-card{border:1px solid rgba(15,23,42,.08);background:var(--surface);border-radius:12px;padding:8px;min-height:58px}.preview-card span{display:block;color:var(--muted);font-size:.66rem;font-weight:800}.preview-card strong{font-size:.92rem;font-weight:900}.preview-card.primary{border-top:3px solid var(--primary)}.preview-card.success{border-top:3px solid var(--success)}.preview-card.warning{border-top:3px solid var(--warning)}.preview-card.danger{border-top:3px solid var(--danger)}.preview-chart{height:110px;border-radius:13px;background:var(--surface);margin-top:8px;padding:10px;display:flex;align-items:end;gap:8px;color:var(--primary);border:1px solid rgba(15,23,42,.08)}.preview-chart i{align-self:center;margin-inline-end:auto;font-size:1.4rem}.preview-chart div{width:18%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--primary),var(--info));min-height:30%}.preview-chart div:nth-child(3){height:70%}.preview-chart div:nth-child(4){height:45%}.preview-chart div:nth-child(5){height:86%}.preview-chart div:nth-child(6){height:55%}.pro-preview .preview-table{height:72px;background:repeating-linear-gradient(to bottom,rgba(100,116,139,.16) 0 1px,transparent 1px 18px),var(--surface);border-radius:13px;margin-top:8px;border:1px solid rgba(15,23,42,.08)}
@media(max-width:1400px){.dashboard-grid-dense .widget-small{grid-column:span 3}.dashboard-grid-dense .widget-medium{grid-column:span 4}.dashboard-grid-dense .widget-wide{grid-column:span 6}}@media(max-width:992px){.dashboard-grid-dense .widget-small{grid-column:span 4}.dashboard-grid-dense .widget-medium,.dashboard-grid-dense .widget-wide{grid-column:span 6}.dashboard-hero-dense{align-items:flex-start;flex-direction:column}.sticky-preview{position:static}}@media(max-width:640px){.dashboard-grid-dense .widget-small,.dashboard-grid-dense .widget-medium,.dashboard-grid-dense .widget-wide{grid-column:span 12}.appearance-head{flex-direction:column;align-items:flex-start}.preview-kpis{grid-template-columns:1fr}}

/* v14.4: cleaner accounting UI, product images, and official report print */
.product-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid #d9dee7;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8}
.product-thumb-lg{width:96px;height:96px;border-radius:12px;object-fit:cover;border:1px solid #d9dee7;background:#f8fafc}
.pay-select{width:86px;min-width:86px;padding-top:.20rem!important;padding-bottom:.20rem!important;font-size:.78rem!important}
.invoice-form .card{border:1px solid #dbe3ef!important;background:#fbfdff}
.report-html-header{border-bottom:2px solid #1f2937;margin-bottom:14px;padding-bottom:12px}
.report-html-header h2{font-size:20px;margin:0 0 4px;font-weight:800}.report-stamp{margin-top:10px;display:flex;justify-content:space-between;gap:10px;background:#f3f6fb;border:1px solid #d9e2ef;padding:8px 10px;border-radius:8px}.report-stamp span{font-weight:800}.report-stamp small{color:#334155}
@page{size:A4;margin:10mm}
@media print{
  html,body{background:#fff!important;color:#111827!important;font-size:11px!important}
  .app-navbar,.app-page-head,.sidebar,.topbar,.top-actions,.print-toolbar,.no-print,.dropdown-menu,.alert,.bi-hero{display:none!important}
  .main,.content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
  .print-page,.report-page,.cardx,.report-card{box-shadow:none!important;border:0!important;border-radius:0!important;background:#fff!important;max-width:none!important;padding:0!important;margin:0!important}
  .report-card{margin-bottom:8px!important}.table{font-size:10.5px!important}.table th,.table td{padding:4px 5px!important;border-color:#cfd6df!important}.table thead th{background:#eef2f7!important;color:#111827!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  a[href]:after{content:""!important}.btn{display:none!important}.logo-box{width:58px!important;height:58px!important}.report-html-header{margin-bottom:10px!important;break-inside:avoid!important}.report-stamp{background:#f3f6fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}