/* ===== Sha System unified visual layer v11 ===== */
:root{
  --ui-bg: var(--theme-background,#f4f7fb);
  --ui-card:#ffffff;
  --ui-card-soft:#f9fbfd;
  --ui-text:#17324d;
  --ui-muted:#71849a;
  --ui-line:#e0e9f2;
  --ui-primary:var(--theme-primary,#05afd4);
  --ui-secondary:var(--theme-secondary,#0871e8);
  --ui-success:var(--theme-success,#18b26b);
  --ui-danger:var(--theme-danger,#ef4444);
  --ui-accent:var(--theme-accent,#79b93d);
  --ui-radius:22px;
  --ui-radius-sm:14px;
  --ui-shadow:0 16px 42px rgba(31,57,86,.08);
  --ui-shadow-soft:0 9px 24px rgba(31,57,86,.055);
}
*{box-sizing:border-box}
body.app-body{background:linear-gradient(180deg,var(--ui-bg),#f8fbfd);color:var(--ui-text)}
.content{max-width:1680px;width:100%;margin-inline:auto;padding:20px 22px 28px}
.page-shell{display:grid;gap:16px}
.content>.row,.page-shell>.row{gap:16px}

/* Unified sidebar + topbar */
.side{width:258px;padding:16px 13px;background:linear-gradient(180deg,var(--theme-sidebar,#071d3f),#0d2d55);box-shadow:8px 0 28px rgba(3,18,38,.10)}
.main{margin-inline-start:258px;width:calc(100% - 258px)}
.brand{padding:5px 6px 16px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand-logo{width:50px;height:50px;border-radius:15px;object-fit:contain;background:#fff;padding:5px}
.brand h2{font-size:16px;line-height:1.4}.brand small{color:#a8c3df}
.side-scroll{padding-top:6px}.side a{min-height:44px;padding:10px 12px;border-radius:13px;color:#d8e8f7;gap:10px;justify-content:flex-start;border:1px solid transparent;transition:.16s ease}.side a:hover{background:rgba(255,255,255,.09);color:#fff}.side a.active{background:linear-gradient(135deg,rgba(5,175,212,.30),rgba(8,113,232,.22));border-color:rgba(255,255,255,.13);color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.14)}.menu-icon{width:24px;display:grid;place-items:center}.menu-label{flex:1}
.top{min-height:70px;height:auto;padding:10px 20px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--ui-line);box-shadow:0 5px 18px rgba(31,57,86,.045);backdrop-filter:blur(13px)}
.top-title{display:grid;gap:2px}.top-title b{font-size:17px;color:var(--ui-text)}.top-title small{color:var(--ui-muted)}
.top-actions{gap:7px}.lang,.theme-toggle,.menu-toggle,.menu-hide-toggle{border:1px solid var(--ui-line);background:#fff;color:#326080;border-radius:11px;min-height:40px;padding:8px 10px;display:inline-grid;place-items:center}.lang.active{background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary));color:#fff;border-color:transparent}.top .search{height:42px;width:min(260px,28vw);border-radius:12px;background:#f5f8fb;border:1px solid var(--ui-line)}

/* Unified cards */
.video-card,.card,.finance-panel,.quick-currency,.cashbox-capital-overview,.movement-view,.reports-hero-card,.settings-section-card,.settings-hero-card,.sales-filter-card,.sales-list-card,.product-info-card,.purchase-editor{
  background:linear-gradient(180deg,var(--ui-card),var(--ui-card-soft));
  border:1px solid var(--ui-line);
  border-radius:var(--ui-radius);
  box-shadow:var(--ui-shadow-soft);
}
.video-card,.card,.product-info-card,.purchase-editor,.sales-filter-card,.sales-list-card,.reports-table-card,.settings-section-card{padding:17px}
.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h3,.video-card>h3,.card>h3{margin:0;color:var(--ui-text);font-size:20px;line-height:1.5}.section-title span,.helper-text{color:var(--ui-muted);line-height:1.7}

/* Unified forms */
form{max-width:100%}.form-grid,.row3,.row{gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end}.row3{grid-template-columns:repeat(3,minmax(0,1fr))}.row{grid-template-columns:repeat(2,minmax(0,1fr))}
label{display:grid;gap:6px;margin:0;color:#35536e;font-size:13px;font-weight:800;line-height:1.55}
input,select,textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d7e3ee;border-radius:12px;background:#fff;color:#243c55;font-family:inherit;transition:.15s ease}
textarea{min-height:86px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:rgba(5,175,212,.70);box-shadow:0 0 0 4px rgba(5,175,212,.10)}
.check{display:flex;align-items:center;gap:8px}.check input{width:auto;min-height:0}.span2{grid-column:span 2}
.inline-party,.expense-editor,.purchase-product-row,.note-options{padding:13px;border:1px solid var(--ui-line);border-radius:16px;background:#fbfdff}.inline-party summary{cursor:pointer;color:#2e5f82;font-weight:900}
.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}

/* Unified buttons */
.btn,.dock-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 13px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary));font-weight:900;cursor:pointer;text-decoration:none;box-shadow:0 8px 18px rgba(34,87,132,.12);transition:.15s ease}.btn:hover,.dock-btn:hover{transform:translateY(-1px);filter:brightness(1.035)}.btn.gray{background:linear-gradient(135deg,#718096,#526174)}.btn.green{background:linear-gradient(135deg,#25b66f,#178c54)}.btn.red{background:linear-gradient(135deg,#f15b59,#d63c3b)}.btn.warning{background:linear-gradient(135deg,#f5ae26,#db8411)}
.action-dock{border-radius:16px;padding:9px;background:linear-gradient(135deg,#153453,#0e4b73);box-shadow:0 16px 34px rgba(16,51,83,.18)}

/* Unified tables */
.table-wrap{overflow:auto;border:1px solid var(--ui-line);border-radius:17px;background:#fff;box-shadow:none}.table-wrap table{min-width:720px;border-collapse:separate;border-spacing:0;background:#fff}.table-wrap th{position:sticky;top:0;z-index:1;padding:11px 12px;background:linear-gradient(180deg,#f3f9fd,#eaf4fa);color:#31536f;font-size:13px;border-bottom:1px solid var(--ui-line)}.table-wrap td{padding:11px 12px;color:#334e68;font-size:13px;border-bottom:1px solid #edf2f6;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover td{background:#f8fcff}.table-wrap td small{display:block;margin-top:4px;color:#7b8ea1}.pill{font-weight:900;border:1px solid transparent}

/* Summary cards */
.sales-summary,.purchase-summary,.dashboard-mini-cards,.reports-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px}.sales-summary article,.purchase-summary>div,.dashboard-mini-cards article,.insight-card,.cashbox-detail-grid article,.details-grid>div{background:#fff;border:1px solid var(--ui-line);border-radius:17px;padding:14px;box-shadow:0 8px 20px rgba(31,57,86,.045)}.sales-summary span,.purchase-summary span,.dashboard-mini-cards span,.insight-card span,.cashbox-detail-grid span,.details-grid span{display:block;color:var(--ui-muted);font-size:12px;margin-bottom:6px}.sales-summary b,.purchase-summary b,.dashboard-mini-cards b,.insight-card b,.cashbox-detail-grid b,.details-grid b{display:block;color:var(--ui-text);font-size:19px;line-height:1.45}.plus,.positive b{color:#15925a!important}.minus,.negative b{color:#c53b56!important}

/* Dashboard + Cashbox consistency */
.finance-dashboard{display:grid;gap:15px}.dashboard-toolbar,.period-toolbar{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--ui-line);border-radius:20px;padding:15px;box-shadow:var(--ui-shadow-soft)}.finance-top-grid,.dashboard-lower-grid,.dual-quick-grid,.cashbox-summary-wrap,.cashbox-grid{gap:13px}.finance-panel{overflow:hidden}.finance-panel>header{padding:15px 16px 0}.finance-panel>header h2{font-size:19px;color:var(--ui-text)}.finance-ring,.cashbox-capital-ring{width:184px;height:184px;margin:10px auto;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at top,#fff,#f5fbff 62%,#e8f4fb);border:9px solid rgba(5,175,212,.15);box-shadow:inset 0 0 0 10px rgba(5,175,212,.055)}.finance-ring b,.cashbox-capital-ring b{font-size:21px;line-height:1.35;color:var(--ui-text)}.finance-ring small,.cashbox-capital-ring small{display:block;margin-top:6px;color:var(--ui-muted)}.finance-list{padding:0 15px 15px}.finance-list div,.quick-currency div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #e6edf3}.finance-list div:last-child,.quick-currency div:last-child{border-bottom:0}.quick-currency{padding:16px}.quick-currency h3{margin:0 0 11px;color:var(--ui-text);font-size:17px}.cashbox-capital-overview{padding:15px}.cashbox-hero-card{border-radius:19px;padding:15px}.cashbox-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.cashbox-variance-strip{border-radius:14px}.cashbox-grid{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.5fr)}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}

/* Product list + POS picker: restrained and readable */
.product-info-card,.purchase-editor{border-top:4px solid var(--ui-primary)}.product-search{display:flex;gap:8px;margin-bottom:12px}.product-search input{flex:1}.picker-card{border-radius:22px!important}.picker-grid{gap:10px!important}.solar-tile2{display:grid!important;grid-template-columns:minmax(116px,136px) minmax(0,1fr);gap:10px!important;min-height:auto!important;padding:12px!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}.solar-tile2:hover{transform:translateY(-1px)!important;border-color:#bee2ee!important;box-shadow:0 10px 22px rgba(31,57,86,.07)!important}.solar-tile2:before{height:3px!important}.tile-meta{display:grid;gap:6px}.tile-meta-code,.tile-meta-stock{display:block;padding:6px 8px!important;border-radius:10px!important;background:#f8fbfd!important;border:1px solid #e5edf3!important;color:#60758a!important;font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere}.tile-main{display:grid;gap:8px;min-width:0}.product-data{font-family:var(--latin-ui-font),Speda,Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:900;line-height:1.7!important;word-break:normal!important;overflow-wrap:anywhere;unicode-bidi:plaintext!important}.tile-prices{display:flex;gap:6px;flex-wrap:wrap;padding-top:6px;border-top:1px dashed #e3ebf2}.tile-prices .latin-money{width:auto!important;padding:5px 8px!important;border-radius:999px!important;background:#f4fbf6!important;border:1px solid #dcefe2!important;font-size:11px!important}

/* Settings */
.settings-shell,.reports-shell{gap:16px}.settings-hero-card,.reports-hero-card{padding:19px}.settings-hero-stats{gap:9px}.theme-color-grid{gap:10px}.theme-color-grid label{padding:12px!important;border-radius:15px!important}.setting-preview{border-radius:15px!important}.sticky-save-bar{position:sticky;bottom:10px;z-index:4}

/* Landing + Login kept aligned */
.landing-body{background:linear-gradient(180deg,#f4f9fc,#fff)}.landing-nav{border-color:var(--ui-line);box-shadow:0 8px 22px rgba(31,57,86,.05)}.landing-product,.landing-service,.why-card,.landing-stat-card,.landing-about{border-color:var(--ui-line);box-shadow:var(--ui-shadow-soft);border-radius:18px}.landing-contact{border-radius:24px}.login-layout{border-radius:26px}.login-premium-box{border:1px solid var(--ui-line);border-radius:22px!important}

/* Footer */
.app-credit{max-width:1680px;margin-inline:auto;padding:12px 22px 18px;color:#7a8da0;border-top:1px solid var(--ui-line)}

/* Dark mode */
body.theme-dark{--ui-bg:#0b1422;--ui-card:#101b2b;--ui-card-soft:#0f1928;--ui-text:#eef6ff;--ui-muted:#91a7be;--ui-line:#223149;background:linear-gradient(180deg,#0a1320,#111b2c)!important;color:var(--ui-text)}
.theme-dark .top,.theme-dark .video-card,.theme-dark .card,.theme-dark .finance-panel,.theme-dark .quick-currency,.theme-dark .cashbox-capital-overview,.theme-dark .movement-view,.theme-dark .dashboard-toolbar,.theme-dark .period-toolbar,.theme-dark .sales-summary article,.theme-dark .purchase-summary>div,.theme-dark .dashboard-mini-cards article,.theme-dark .insight-card,.theme-dark .cashbox-detail-grid article,.theme-dark .details-grid>div,.theme-dark .inline-party,.theme-dark .expense-editor,.theme-dark .purchase-product-row,.theme-dark .solar-tile2,.theme-dark .table-wrap,.theme-dark .table-wrap table,.theme-dark .landing-product,.theme-dark .landing-service,.theme-dark .why-card,.theme-dark .landing-stat-card,.theme-dark .landing-about{background:linear-gradient(180deg,#101b2b,#0f1928)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}.theme-dark .section-title h3,.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark .top-title b,.theme-dark .product-data,.theme-dark .sales-summary b,.theme-dark .purchase-summary b,.theme-dark .dashboard-mini-cards b,.theme-dark .cashbox-detail-grid b,.theme-dark .details-grid b,.theme-dark .insight-card b{color:var(--ui-text)!important}.theme-dark input,.theme-dark select,.theme-dark textarea,.theme-dark .top .search{background:#0c1626!important;border-color:#2a3b54!important;color:#edf6ff!important}.theme-dark .table-wrap th{background:linear-gradient(180deg,#17263a,#142235)!important;color:#dce8f6!important;border-color:#293951}.theme-dark .table-wrap td{color:#d1deed;border-color:#1f3047}.theme-dark .table-wrap tbody tr:hover td{background:#132034!important}.theme-dark .finance-ring,.theme-dark .cashbox-capital-ring{background:radial-gradient(circle at top,#17263b,#101b2c 62%,#0d1726)!important;border-color:rgba(93,183,218,.20)!important;box-shadow:inset 0 0 0 10px rgba(93,183,218,.06)!important}.theme-dark .tile-meta-code,.theme-dark .tile-meta-stock{background:#142236!important;border-color:#273a54!important;color:#a9bad0!important}.theme-dark .tile-prices .latin-money{background:#142a22!important;border-color:#244a3a!important}.theme-dark .app-credit{border-color:var(--ui-line);color:#91a7be}

/* Responsive */
@media(max-width:1050px){.row3{grid-template-columns:1fr 1fr}.cashbox-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr 1fr}.content{padding:16px}}
@media(max-width:900px){.side{width:min(84vw,310px);right:auto;inset-inline-start:0;transform:translateX(-110%);display:block;z-index:40;transition:.18s ease}.menu-open .side{transform:translateX(0)}html[dir=rtl] .side{transform:translateX(110%)}html[dir=rtl] .menu-open .side{transform:translateX(0)}.main{margin:0;width:100%}.top{padding:8px 10px;gap:7px}.top-actions{margin-inline-start:auto}.top .search{display:none}.menu-toggle,.menu-hide-toggle{display:grid!important}.content{padding:12px}.finance-top-grid,.dashboard-lower-grid,.dual-quick-grid{grid-template-columns:1fr!important}.finance-ring,.cashbox-capital-ring{width:160px;height:160px}.app-credit{padding:11px 12px 16px}.solar-tile2{grid-template-columns:minmax(102px,120px) minmax(0,1fr)}}
@media(max-width:680px){.row,.row3,.form-grid,.details-grid,.span2{grid-template-columns:1fr!important;grid-column:auto}.video-card,.card,.product-info-card,.purchase-editor,.sales-filter-card,.sales-list-card,.reports-table-card,.settings-section-card{padding:13px;border-radius:16px}.section-title{display:grid}.btn{min-height:38px;padding:8px 11px;font-size:12px}.sales-summary,.purchase-summary,.dashboard-mini-cards,.reports-insights-grid,.cashbox-detail-grid{grid-template-columns:1fr 1fr}.table-wrap table{min-width:680px}.solar-tile2{grid-template-columns:1fr}.tile-meta{grid-template-columns:1fr 1fr}.top-title small{display:none}.lang{padding:7px 8px;font-size:11px}.theme-toggle{width:38px;height:38px}.landing-contact{margin:16px 10px}.login-screen{padding:8px}.login-layout{border-radius:18px}}
@media(max-width:460px){.sales-summary,.purchase-summary,.dashboard-mini-cards,.reports-insights-grid,.cashbox-detail-grid,.tile-meta{grid-template-columns:1fr}.finance-ring,.cashbox-capital-ring{width:146px;height:146px}.finance-ring b,.cashbox-capital-ring b{font-size:17px}.top-actions{gap:4px}.lang{padding:6px}.menu-hide-toggle{display:none!important}}


/* ===== Sha System v12: overflow, picker and mixed English-number fixes ===== */
body.app-body{overflow-x:hidden}
.main,.content,.finance-dashboard,.dashboard-toolbar,.dashboard-toolbar>*,.dashboard-toolbar-forms,.finance-top-grid,.finance-panel,.dashboard-lower-grid,.video-card,.card,.table-wrap{min-width:0}

/* Toolbar: prevent the cash-capital form from overflowing to the left in RTL. */
.dashboard-toolbar{grid-template-columns:minmax(0,1fr) minmax(540px,720px)!important;overflow:hidden}
.dashboard-toolbar-forms{grid-template-columns:minmax(190px,.7fr) minmax(330px,1.3fr)!important;min-width:0;width:100%}
.rate-box,.cashbox-capital-form{min-width:0}
@media(max-width:1320px){.dashboard-toolbar{grid-template-columns:1fr!important}.dashboard-toolbar-forms{grid-template-columns:minmax(190px,.65fr) minmax(320px,1.35fr)!important}}
@media(max-width:760px){.dashboard-toolbar-forms{grid-template-columns:1fr!important}}

/* Stable ASCII number rendering without splitting text nodes, avoiding Speda override. */
body[dir="rtl"] .numeric-ltr,
body[dir="rtl"] .latin-number,
body[dir="rtl"] .latin-money,
body[dir="rtl"] .latin-content,
body[dir="rtl"] .num,
body[dir="rtl"] .n,
body[dir="rtl"] .money-alt,
body[dir="rtl"] .tile-meta-code,
body[dir="rtl"] .tile-meta-stock,
body[dir="rtl"] .product-code-data,
body[dir="rtl"] input[type="number"],
body[dir="rtl"] input[type="tel"],
body[dir="rtl"] input[type="date"],
body[dir="rtl"] .finance-ring b,
body[dir="rtl"] .finance-ring small,
body[dir="rtl"] .cashbox-capital-ring b,
body[dir="rtl"] .cashbox-capital-ring small,
body[dir="rtl"] .finance-list b,
body[dir="rtl"] .quick-currency b,
body[dir="rtl"] .movement-list b,
body[dir="rtl"] .movement-panel footer b,
body[dir="rtl"] .dashboard-mini-cards b,
body[dir="rtl"] .cashbox-detail-grid b,
body[dir="rtl"] .sales-summary b,
body[dir="rtl"] .purchase-summary b,
body[dir="rtl"] .table-wrap td .numeric-ltr,
body[dir="rtl"] .table-wrap td:nth-child(n+2) {
  font-family: var(--latin-ui-font), "Segoe UI", Roboto, Arial, Tahoma, sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;
}
body[dir="rtl"] .numeric-ltr,
body[dir="rtl"] .latin-number,
body[dir="rtl"] .latin-money,
body[dir="rtl"] .tile-meta-code,
body[dir="rtl"] .tile-meta-stock,
body[dir="rtl"] .product-code-data {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: left !important;
}
.product-data,.stock-product-name,.mixed-readable{
  font-family:var(--latin-ui-font),"Segoe UI",Roboto,Arial,Vazirmatn,Tahoma,sans-serif!important;
  direction:auto!important;
  unicode-bidi:plaintext!important;
  text-align:start!important;
  letter-spacing:0!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.product-data bdi,.stock-product-name bdi{unicode-bidi:plaintext;direction:auto}
.stock-alert{display:grid!important;gap:7px!important;align-items:start!important;padding:12px 14px!important}
.stock-alert .stock-product-name{display:block;margin:0!important;font-size:14px!important;line-height:1.65!important;color:#273f5b!important}
.stock-alert .numeric-ltr{display:block;font-size:12px!important;color:#995252!important}

/* Product picker: use a predictable responsive grid instead of flex overrides. */
.product-picker{padding:24px!important;overflow:auto!important}
.product-picker.open{display:grid!important;place-items:center!important}
.picker-card{width:min(1180px,calc(100vw - 32px))!important;max-width:1180px!important;max-height:min(900px,calc(100dvh - 32px))!important;overflow:auto!important;padding:16px!important}
.picker-head{position:sticky;top:-16px;z-index:6;padding:10px 2px 12px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.picker-search{position:sticky;top:52px;z-index:5;padding:8px 0 6px!important;background:rgba(255,255,255,.97)}
.pos-cats{position:sticky;top:112px;z-index:5;padding:8px 0 10px!important;background:rgba(255,255,255,.97);overflow-x:auto;flex-wrap:nowrap!important}
.pos-cats .catbtn{white-space:nowrap}
.picker-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:12px!important;align-items:start!important;padding:8px 0 4px!important}
.solar-tile2{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;min-width:0!important;padding:12px!important;text-align:start!important;overflow:hidden!important}
.solar-tile2[hidden]{display:none!important}
.solar-tile2 .tile-meta{display:flex!important;gap:7px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;min-width:0}
.solar-tile2 .tile-main{display:grid!important;gap:8px!important;min-width:0!important}
.solar-tile2 .tile-meta-code,.solar-tile2 .tile-meta-stock{max-width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important}
.solar-tile2 .product-data{display:block!important;width:100%!important;margin:0!important;min-height:44px;font-size:14px!important;line-height:1.58!important;color:#263d57!important}
.solar-tile2 .tile-prices{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;padding-top:7px!important}
.solar-tile2 .tile-prices .latin-money{display:inline-flex!important;width:auto!important;max-width:100%!important;font-size:11px!important;white-space:nowrap!important}
@media(max-width:720px){.product-picker{padding:0!important}.picker-card{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;padding:12px!important}.picker-head{top:-12px}.picker-search{top:54px}.pos-cats{top:112px}.picker-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}}
@media(max-width:500px){.picker-grid{grid-template-columns:1fr!important}.solar-tile2 .product-data{min-height:auto}}

/* POS lower area remains compact and readable. */
.action-dock{display:flex!important;gap:9px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}
.action-dock .dock-btn{min-width:120px;color:#fff!important;opacity:1!important}
@media(max-width:560px){.action-dock{display:grid!important;grid-template-columns:1fr 1fr!important}.action-dock .dock-btn{width:100%!important;min-width:0!important}}


/* ===== Sha System v13: single menu control + cashbox capital editor ===== */
/* Desktop: show only the hide/unhide control. Mobile: show only the menu opener. */
.menu-toggle{display:none!important}
.menu-hide-toggle{display:inline-grid!important}
.cashbox-capital-editor{border-top:4px solid var(--ui-accent)!important}
.cashbox-capital-edit-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end}
.cashbox-capital-edit-form label{margin:0}
.cashbox-capital-save{display:flex;align-items:end}
.cashbox-capital-save .btn{min-height:43px;white-space:nowrap}
.cashbox-variance-strip.positive,.cashbox-variance-card.positive{background:#effcf4!important;border-color:#bfead1!important}
.cashbox-variance-strip.positive strong,.cashbox-variance-strip.positive b,.cashbox-variance-card.positive span,.cashbox-variance-card.positive b{color:#15803d!important}
.cashbox-variance-strip.negative,.cashbox-variance-card.negative{background:#fff2f2!important;border-color:#f5c9c9!important}
.cashbox-variance-strip.negative strong,.cashbox-variance-strip.negative b,.cashbox-variance-card.negative span,.cashbox-variance-card.negative b{color:#c24141!important}
.cashbox-variance-strip.balanced,.cashbox-variance-card.balanced{background:#eff7ff!important;border-color:#c8ddf4!important}
.cashbox-variance-strip.balanced strong,.cashbox-variance-strip.balanced b,.cashbox-variance-card.balanced span,.cashbox-variance-card.balanced b{color:#2563a8!important}
.dashboard-toolbar-forms{grid-template-columns:minmax(190px,300px)!important;justify-content:end}
@media(max-width:900px){.menu-toggle{display:inline-grid!important}.menu-hide-toggle{display:none!important}.cashbox-capital-edit-form{grid-template-columns:1fr 1fr}.cashbox-capital-save{grid-column:1/-1}.cashbox-capital-save .btn{width:100%}}
@media(max-width:560px){.cashbox-capital-edit-form{grid-template-columns:1fr}}


/* ===== Sha System v14: complete light/dark contrast fix ===== */
/* Light mode: explicitly restore readable foregrounds after switching back from dark mode. */
body.app-body:not(.theme-dark){
  --ui-bg:var(--theme-background,#f4f7fb);
  --ui-card:#ffffff;
  --ui-card-soft:#f9fbfd;
  --ui-text:#17324d;
  --ui-muted:#71849a;
  --ui-line:#e0e9f2;
  color:var(--ui-text)!important;
}
.app-body:not(.theme-dark) .top,
.app-body:not(.theme-dark) .video-card,
.app-body:not(.theme-dark) .card,
.app-body:not(.theme-dark) .finance-panel,
.app-body:not(.theme-dark) .quick-currency,
.app-body:not(.theme-dark) .cashbox-capital-overview,
.app-body:not(.theme-dark) .movement-view,
.app-body:not(.theme-dark) .dashboard-toolbar,
.app-body:not(.theme-dark) .period-toolbar,
.app-body:not(.theme-dark) .table-wrap,
.app-body:not(.theme-dark) .table-wrap table,
.app-body:not(.theme-dark) .solar-tile2,
.app-body:not(.theme-dark) .picker-card,
.app-body:not(.theme-dark) .picker-head,
.app-body:not(.theme-dark) .picker-search,
.app-body:not(.theme-dark) .pos-cats{
  color:var(--ui-text)!important;
}
.app-body:not(.theme-dark) .section-title h3,
.app-body:not(.theme-dark) .video-card>h3,
.app-body:not(.theme-dark) .card>h3,
.app-body:not(.theme-dark) .finance-panel h2,
.app-body:not(.theme-dark) .quick-currency h3,
.app-body:not(.theme-dark) .cashbox-hero-card h3,
.app-body:not(.theme-dark) .top-title b,
.app-body:not(.theme-dark) .product-data,
.app-body:not(.theme-dark) .stock-product-name,
.app-body:not(.theme-dark) .cashbox-detail-grid b,
.app-body:not(.theme-dark) .details-grid b,
.app-body:not(.theme-dark) .finance-list b,
.app-body:not(.theme-dark) .quick-currency b,
.app-body:not(.theme-dark) .movement-list b{
  color:var(--ui-text)!important;
}
.app-body:not(.theme-dark) label,
.app-body:not(.theme-dark) .helper-text,
.app-body:not(.theme-dark) .section-title span,
.app-body:not(.theme-dark) .finance-list span,
.app-body:not(.theme-dark) .quick-currency span,
.app-body:not(.theme-dark) .cashbox-capital-ring span,
.app-body:not(.theme-dark) .cashbox-capital-ring small,
.app-body:not(.theme-dark) .finance-ring span,
.app-body:not(.theme-dark) .finance-ring small,
.app-body:not(.theme-dark) .table-wrap td small,
.app-body:not(.theme-dark) .cashbox-hero-card p{
  color:var(--ui-muted)!important;
}
.app-body:not(.theme-dark) input,
.app-body:not(.theme-dark) select,
.app-body:not(.theme-dark) textarea,
.app-body:not(.theme-dark) .top .search{
  color:#243c55!important;
  background:#fff!important;
  border-color:#d7e3ee!important;
}
.app-body:not(.theme-dark) input::placeholder,
.app-body:not(.theme-dark) textarea::placeholder{color:#8798aa!important;opacity:1}
.app-body:not(.theme-dark) .table-wrap td{color:#334e68!important}
.app-body:not(.theme-dark) .table-wrap th{color:#31536f!important}
.app-body:not(.theme-dark) .tile-meta-code,
.app-body:not(.theme-dark) .tile-meta-stock{color:#60758a!important;background:#f8fbfd!important}
.app-body:not(.theme-dark) .solar-tile2 .product-data{color:#263d57!important}
.app-body:not(.theme-dark) .stock-alert .stock-product-name{color:#273f5b!important}
.app-body:not(.theme-dark) .stock-alert .numeric-ltr{color:#995252!important}

/* Dark mode: every surface receives a matching readable foreground. */
body.app-body.theme-dark{
  --ui-bg:#0b1422;
  --ui-card:#101b2b;
  --ui-card-soft:#0f1928;
  --ui-text:#eef6ff;
  --ui-muted:#a9b9cb;
  --ui-line:#263852;
  background:linear-gradient(180deg,#091320,#111d2f)!important;
  color:var(--ui-text)!important;
}
.theme-dark .main,.theme-dark .content,.theme-dark .page-shell,.theme-dark .finance-dashboard{color:var(--ui-text)!important}
.theme-dark .top,
.theme-dark .video-card,
.theme-dark .card,
.theme-dark .finance-panel,
.theme-dark .quick-currency,
.theme-dark .cashbox-capital-overview,
.theme-dark .movement-view,
.theme-dark .dashboard-toolbar,
.theme-dark .period-toolbar,
.theme-dark .sales-summary article,
.theme-dark .purchase-summary>div,
.theme-dark .dashboard-mini-cards article,
.theme-dark .insight-card,
.theme-dark .cashbox-detail-grid article,
.theme-dark .details-grid>div,
.theme-dark .inline-party,
.theme-dark .expense-editor,
.theme-dark .purchase-product-row,
.theme-dark .reports-hero-card,
.theme-dark .reports-table-card,
.theme-dark .settings-hero-card,
.theme-dark .settings-section-card,
.theme-dark .theme-settings-card .theme-color-grid label,
.theme-dark .table-wrap,
.theme-dark .table-wrap table,
.theme-dark .stock-alert{
  background:linear-gradient(180deg,#121f31,#0f1929)!important;
  border-color:var(--ui-line)!important;
  color:var(--ui-text)!important;
}
.theme-dark .top-title b,
.theme-dark .section-title h3,
.theme-dark .video-card>h3,
.theme-dark .card>h3,
.theme-dark .finance-panel h2,
.theme-dark .quick-currency h3,
.theme-dark .cashbox-hero-card h3,
.theme-dark .cashbox-detail-grid b,
.theme-dark .details-grid b,
.theme-dark .finance-list b,
.theme-dark .quick-currency b,
.theme-dark .movement-list b,
.theme-dark .dashboard-mini-cards b,
.theme-dark .sales-summary b,
.theme-dark .purchase-summary b,
.theme-dark .insight-card b,
.theme-dark .settings-hero-copy h3,
.theme-dark .settings-hero-stats b,
.theme-dark .product-data,
.theme-dark .stock-product-name{
  color:#eef6ff!important;
}
.theme-dark label,
.theme-dark .helper-text,
.theme-dark .section-title span,
.theme-dark .finance-list span,
.theme-dark .quick-currency span,
.theme-dark .cashbox-capital-ring span,
.theme-dark .cashbox-capital-ring small,
.theme-dark .finance-ring span,
.theme-dark .finance-ring small,
.theme-dark .table-wrap td small,
.theme-dark .cashbox-hero-card p,
.theme-dark .settings-hero-stats span,
.theme-dark .theme-settings-card .theme-color-grid span,
.theme-dark .report-kpis article small,
.theme-dark .insight-card small{
  color:#a9b9cb!important;
}
.theme-dark input,
.theme-dark select,
.theme-dark textarea,
.theme-dark .top .search,
.theme-dark .table-input{
  color:#f1f7ff!important;
  background:#0b1626!important;
  border-color:#30435e!important;
  caret-color:#f1f7ff!important;
}
.theme-dark input::placeholder,
.theme-dark textarea::placeholder{color:#8297ae!important;opacity:1}
.theme-dark option{color:#eef6ff!important;background:#101c2e!important}
.theme-dark .table-wrap th,
.theme-dark .sale-table table thead th{
  color:#e7f0fb!important;
  background:linear-gradient(180deg,#1b2d43,#15253a)!important;
  border-color:#30435e!important;
}
.theme-dark .table-wrap td,
.theme-dark .sale-table table tbody td{
  color:#d6e3f2!important;
  border-color:#22344c!important;
  background:#101b2b!important;
}
.theme-dark .table-wrap tbody tr:nth-child(even) td,
.theme-dark .sale-table table tbody tr:nth-child(even) td{background:#122033!important}
.theme-dark .table-wrap tbody tr:hover td,
.theme-dark .sale-table table tbody tr:hover td{background:#17283e!important}

/* Dark picker: v12 used forced white sticky backgrounds; override them here. */
.theme-dark .picker-card{background:linear-gradient(180deg,#121f31,#0d1828)!important;border-color:#30435e!important}
.theme-dark .picker-head,
.theme-dark .picker-search,
.theme-dark .pos-cats{background:rgba(15,25,41,.97)!important;border-color:#30435e!important;color:#eef6ff!important}
.theme-dark .picker-head h3{color:#eef6ff!important}
.theme-dark .catbtn{color:#c6d6e7!important;background:#15253a!important;border-color:#30435e!important}
.theme-dark .catbtn.active{color:#fff!important;background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary))!important}
.theme-dark .solar-tile2{background:linear-gradient(180deg,#15243a,#101b2c)!important;border-color:#30435e!important;color:#eef6ff!important}
.theme-dark .solar-tile2:hover{border-color:#4f7897!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important}
.theme-dark .solar-tile2 .product-data{color:#f1f7ff!important}
.theme-dark .tile-meta-code,
.theme-dark .tile-meta-stock{color:#b9c8d9!important;background:#0f1c2e!important;border-color:#2d405b!important}
.theme-dark .tile-prices .latin-money{color:#9fe1bd!important;background:#112a24!important;border-color:#28513f!important}
.theme-dark .tile-prices .latin-money + .latin-money{color:#9ed7ff!important;background:#10263a!important;border-color:#274b68!important}
.theme-dark .stock-alert .stock-product-name{color:#eef6ff!important}
.theme-dark .stock-alert .numeric-ltr{color:#ffb0b0!important}

/* Ring, summary and status contrasts. */
.theme-dark .finance-ring,
.theme-dark .cashbox-capital-ring{background:radial-gradient(circle at top,#1a2b42,#111d30 62%,#0c1727)!important;border-color:rgba(112,199,232,.22)!important;box-shadow:inset 0 0 0 10px rgba(112,199,232,.07)!important}
.theme-dark .finance-ring b,
.theme-dark .cashbox-capital-ring b{color:#f1f7ff!important}
.theme-dark .cashbox-variance-strip{border-color:#30435e!important}
.theme-dark .cashbox-variance-strip.positive,
.theme-dark .cashbox-variance-card.positive{background:#113326!important;border-color:#285b47!important}
.theme-dark .cashbox-variance-strip.positive strong,
.theme-dark .cashbox-variance-strip.positive b,
.theme-dark .cashbox-variance-card.positive span,
.theme-dark .cashbox-variance-card.positive b{color:#70e4a5!important}
.theme-dark .cashbox-variance-strip.negative,
.theme-dark .cashbox-variance-card.negative{background:#3a1b24!important;border-color:#713746!important}
.theme-dark .cashbox-variance-strip.negative strong,
.theme-dark .cashbox-variance-strip.negative b,
.theme-dark .cashbox-variance-card.negative span,
.theme-dark .cashbox-variance-card.negative b{color:#ff9fae!important}
.theme-dark .cashbox-variance-strip.balanced,
.theme-dark .cashbox-variance-card.balanced{background:#122b48!important;border-color:#315e8e!important}
.theme-dark .cashbox-variance-strip.balanced strong,
.theme-dark .cashbox-variance-strip.balanced b,
.theme-dark .cashbox-variance-card.balanced span,
.theme-dark .cashbox-variance-card.balanced b{color:#9dceff!important}
.theme-dark .plus,.theme-dark .positive b{color:#70e4a5!important}
.theme-dark .minus,.theme-dark .negative b{color:#ff9fae!important}

/* Header controls and credit remain visible in both modes. */
.theme-dark .lang,
.theme-dark .theme-toggle,
.theme-dark .menu-toggle,
.theme-dark .menu-hide-toggle{color:#dce9f7!important;background:#14243a!important;border-color:#30435e!important}
.theme-dark .lang.active{color:#fff!important;background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary))!important}
.theme-dark .app-credit{color:#b0c0d2!important;background:#101b2b!important;border-color:#263852!important}
.theme-dark .app-credit a{color:#9ed7ff!important}
.theme-dark .side a{color:#d5e5f5!important}.theme-dark .side a:hover,.theme-dark .side a.active{color:#fff!important}

/* Keep semantic button text readable regardless of theme. */
.btn,.dock-btn,.btn:hover,.dock-btn:hover,
.theme-dark .btn,.theme-dark .dock-btn,
.app-body:not(.theme-dark) .btn,.app-body:not(.theme-dark) .dock-btn{color:#fff!important;opacity:1!important}

/* ===== Sha System v15: safe delete dependency views + selective reset ===== */
.dependency-card{border:1px solid #f1c8c8!important;background:linear-gradient(180deg,#fffafa,#ffffff)!important}
.dependency-card h4{margin:16px 0 8px;color:#8d3030;font-size:15px}
.dependency-notes{display:grid;gap:8px;margin-top:14px}.dependency-notes span{display:block;padding:10px 12px;border-radius:12px;background:#fff8ed;border:1px solid #f3dfb6;color:#79561f}
.notification-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.notification-row .btn{flex:0 0 auto}
.danger-zone-card{border:1px solid #f0b8b8!important;background:linear-gradient(180deg,#fff8f8,#fff)!important}.danger-zone-card h3{color:#b42323!important}.danger-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fee2e2;color:#9f1d1d;font-weight:900;font-size:12px;border:1px solid #fecaca}.reset-system-form{display:grid;gap:14px}.reset-all-option{display:grid!important;grid-template-columns:auto 1fr;gap:8px 10px;align-items:start;padding:14px 16px;border:1px solid #f1cccc;border-radius:16px;background:#fff7f7}.reset-all-option input{width:auto!important;margin-top:4px}.reset-all-option small{grid-column:2;color:#8b5a5a!important;line-height:1.7}.reset-modules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reset-modules-grid label{display:flex!important;gap:8px;align-items:center;margin:0!important;padding:11px 12px;border-radius:14px;border:1px solid #e4ebf2;background:#fff;color:#40566d}.reset-modules-grid input{width:auto!important}.reset-confirm-row{padding-top:6px}.reset-submit-wrap{display:flex;align-items:end}.reset-submit-wrap .btn{min-height:46px;width:100%}
.theme-dark .dependency-card,.theme-dark .danger-zone-card{background:linear-gradient(180deg,#2b1720,#161a26)!important;border-color:#62313c!important}.theme-dark .dependency-card h3,.theme-dark .dependency-card h4,.theme-dark .danger-zone-card h3{color:#ffb1bd!important}.theme-dark .dependency-notes span{background:#2c2618!important;border-color:#5e512a!important;color:#f4db8b!important}.theme-dark .reset-all-option{background:#2a1820!important;border-color:#66313f!important}.theme-dark .reset-all-option small{color:#e2b8bf!important}.theme-dark .reset-modules-grid label{background:#101c2e!important;border-color:#30435e!important;color:#e5eef8!important}.theme-dark .danger-badge{background:#4a1f2a;color:#ffb4c0;border-color:#743546}
@media(max-width:900px){.reset-modules-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.reset-modules-grid{grid-template-columns:1fr}.notification-row{display:grid}}


/* ===== 20260616 grouped sidebar + search polish ===== */
.side{display:flex;flex-direction:column;gap:10px}
.side-search{padding:0 6px 4px}
.side-search-input{width:100%;min-height:41px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);color:#fff;outline:none}
.side-search-input::placeholder{color:rgba(224,240,255,.72)}
.menu-group{display:grid;gap:4px;margin-bottom:10px}
.menu-group-title{padding:6px 12px 4px;color:#9db9d6;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.side a[hidden], .menu-group[hidden]{display:none!important}
.side a{position:relative;overflow:hidden}
.side a.active:after{content:'';position:absolute;inset-inline-start:8px;top:10px;bottom:10px;width:3px;border-radius:99px;background:#fff}
.side-scroll{padding-top:2px;padding-bottom:18px}
.top .search[data-menu-search-proxy]{width:min(260px,28vw)}
@media(max-width:900px){.side-search{padding:0 2px 2px}.menu-group-title{padding-inline:10px}.top .search[data-menu-search-proxy]{display:none}}


/* ===== 20260616 all 16 video fixes: mobile POS, forms, grouped UI polish ===== */
.sale-workspace{max-width:1720px;margin-inline:auto}
.sale-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.sale-header h1{margin:0;color:var(--ui-text,#17324d)}
.sale-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;align-items:end}
.sale-bottom{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:12px}
.summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--ui-line,#e0e9f2)}
.summary-line.total b{font-size:22px;color:var(--theme-sidebar,#071d3f)}
.inline-qty-form .btn-qty{min-width:28px}
.report-source-card .details-grid b{font-size:13px}
.users-shell .row{align-items:start}
.users-hero-card{border-top:4px solid var(--ui-primary,#05afd4)}
@media(max-width:900px){
  .content{padding:12px 10px 90px!important}
  .sale-header{display:grid}
  .sale-date{width:100%}
  .sale-bottom,.compact-sale-bottom,.row,.row3,.form-grid{grid-template-columns:1fr!important}
  .span2{grid-column:auto!important}
  .sale-controls{grid-template-columns:1fr!important}
  .action-dock{position:fixed!important;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:80;border-radius:18px!important}
  .action-dock .dock-btn,.action-dock button{min-height:44px!important}
  .table-wrap{border-radius:14px}
  .table-wrap table{min-width:760px}
  .payment-card,.sale-total-card{padding:14px!important}
  .product-picker.open{z-index:200}
  .settings-hero-stats{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .content{padding-inline:8px!important}
  .video-card,.card{padding:12px!important}
  .section-title h3{font-size:17px!important}
  .top{gap:8px;padding:8px 10px!important}
  .top-actions .lang{font-size:11px;padding-inline:7px}
  .sale-table .table-wrap{max-height:54vh;overflow:auto}
  .sale-table th,.sale-table td{padding:8px!important}
  .table-input{min-width:70px!important}
  .action-dock{grid-template-columns:1fr 1fr!important}
  .action-dock .drawer{grid-column:span 2}
  .picker-card{padding-bottom:88px!important}
}

/* ===== 20260616 Stable rollback: old layout restored; professional SVG icons kept safely ===== */
.menu-icon svg{width:18px;height:18px;display:block;stroke:currentColor}
.menu-icon{display:inline-grid;place-items:center}


.updated-row td{background:#ecfdf5!important;box-shadow:inset 0 0 0 999px rgba(34,197,94,.035)}
.updated-row td:first-child{border-inline-start:4px solid #22c55e}


/* ===== 20260617 currency/edit integrity UI ===== */
.purchase-payment-row,.product-price-editor{margin-top:12px}
.payment-help,.price-help{align-self:stretch;display:flex;align-items:center;padding:12px 14px;border:1px solid #dbe7f3;border-radius:13px;background:#f7fbff;color:#52677d;font-size:12px;line-height:1.7}
.purchase-row-updated td{background:#effcf4!important;border-top:1px solid #9ce0b8!important;border-bottom:1px solid #9ce0b8!important}
.purchase-row-updated td:first-child{box-shadow:inset 4px 0 0 #18a866}
.purchase-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.product-price-editor{padding:12px;border:1px solid #e2eaf2;border-radius:15px;background:#fbfdff}
.tile-prices{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.tile-prices .money-alt{font-size:11px;opacity:.72}
@media(max-width:720px){.payment-help,.price-help{min-height:50px}.purchase-payment-row,.product-price-editor{grid-template-columns:1fr!important}}

/* ===== Compact UI Overrides ===== */
:root {
  --ui-radius: 12px;
  --ui-radius-sm: 8px;
}
body.app-body {
  line-height: 1.35;
}
.content {
  padding: 12px 14px 18px !important;
}
.page-shell, .content > .row, .page-shell > .row {
  gap: 10px !important;
}
.video-card, .card, .product-info-card, .purchase-editor, .sales-filter-card, .sales-list-card, .reports-table-card, .settings-section-card {
  padding: 12px !important;
}
.section-title {
  margin-bottom: 8px !important;
}
.section-title h3, .video-card > h3, .card > h3 {
  font-size: 16px !important;
}
.form-grid, .row3, .row {
  gap: 8px !important;
}
label {
  gap: 3px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
input, select, textarea {
  min-height: 35px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}
textarea {
  min-height: 60px !important;
}
.btn, .dock-btn {
  min-height: 35px !important;
  padding: 6px 11px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}
.table-wrap {
  border-radius: 10px !important;
}
.table-wrap th, .table-wrap td {
  padding: 6px 8px !important;
  font-size: 12px !important;
}
.table-wrap td small {
  margin-top: 2px !important;
}
.sales-summary, .purchase-summary, .dashboard-mini-cards, .reports-insights-grid {
  gap: 8px !important;
}
.sales-summary article, .purchase-summary > div, .dashboard-mini-cards article, .insight-card, .cashbox-detail-grid article, .details-grid > div {
  padding: 10px !important;
  border-radius: 10px !important;
}
.sales-summary span, .purchase-summary span, .dashboard-mini-cards span, .insight-card span, .cashbox-detail-grid span, .details-grid span {
  margin-bottom: 3px !important;
  font-size: 11px !important;
}
.sales-summary b, .purchase-summary b, .dashboard-mini-cards b, .insight-card b, .cashbox-detail-grid b, .details-grid b {
  font-size: 15px !important;
}
.finance-ring, .cashbox-capital-ring {
  width: 140px !important;
  height: 140px !important;
  border-width: 6px !important;
}
.finance-ring b, .cashbox-capital-ring b {
  font-size: 16px !important;
}
.finance-list div, .quick-currency div {
  padding: 6px 0 !important;
}
.side {
  width: 220px !important;
  padding: 10px 8px !important;
}
.main {
  margin-inline-start: 220px !important;
  width: calc(100% - 220px) !important;
}
.side a {
  min-height: 36px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  gap: 8px !important;
}
.brand {
  padding-bottom: 10px !important;
  margin-bottom: 4px !important;
}
.brand-logo {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
}
.top {
  min-height: 52px !important;
  padding: 6px 14px !important;
}
.top-title b {
  font-size: 14px !important;
}
.top-actions {
  gap: 5px !important;
}
.lang, .theme-toggle, .menu-toggle, .menu-hide-toggle {
  min-height: 34px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
}
.top .search {
  height: 34px !important;
  border-radius: 8px !important;
}
.dashboard-toolbar, .period-toolbar {
  padding: 10px !important;
  border-radius: 12px !important;
}
.dashboard-toolbar h1 {
  font-size: 18px !important;
}
.cashbox-capital-edit-form {
  gap: 8px !important;
}
.cashbox-capital-save .btn {
  min-height: 35px !important;
}
.inline-party, .expense-editor, .purchase-product-row, .note-options {
  padding: 8px !important;
  border-radius: 10px !important;
}
@media(max-width:900px){
  .main {
    margin: 0 !important;
    width: 100% !important;
  }
}



/* ===== 20260622 MHAMAD SOFTWARE PREMIUM DASHBOARD DESIGN ===== */
:root{
  --premium-sidebar:var(--theme-sidebar,#071d3f);
  --premium-primary:var(--theme-primary,#05afd4);
  --premium-secondary:var(--theme-secondary,#0871e8);
  --premium-accent:var(--theme-accent,#79b93d);
  --premium-success:var(--theme-success,#18b26b);
  --premium-danger:var(--theme-danger,#ef4444);
  --premium-bg:var(--theme-background,#f3f7fb);
  --premium-card:#ffffff;
  --premium-card-2:#f8fbff;
  --premium-ink:#10243f;
  --premium-muted:#6b7f95;
  --premium-line:#dbe8f3;
  --premium-shadow:0 18px 52px rgba(7,29,63,.105);
  --premium-shadow-soft:0 10px 28px rgba(7,29,63,.075);
  --premium-radius:24px;
  --premium-radius-sm:16px;
}
html{background:var(--premium-bg)}
body.app-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 5%, rgba(5,175,212,.20), transparent 31%),
    radial-gradient(circle at 90% 8%, rgba(121,185,61,.12), transparent 26%),
    linear-gradient(180deg,#f6fbff 0%, var(--premium-bg) 46%, #eef5fb 100%)!important;
  color:var(--premium-ink)!important;
}
body.app-body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(7,29,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,29,63,.028) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 78%);
  z-index:-1;
}
body.app-body,.app-body input,.app-body select,.app-body textarea,.app-body button{font-family:Speda,Vazirmatn,Tahoma,Arial,sans-serif!important}
.app{min-height:100vh;display:flex;width:100%}
.side{
  width:286px!important;
  inset-block:0!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  left:auto!important;right:auto!important;
  position:fixed!important;
  padding:18px 14px!important;
  background:
    radial-gradient(circle at 25% 0%, rgba(5,175,212,.24), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(121,185,61,.14), transparent 28%),
    linear-gradient(180deg, var(--premium-sidebar) 0%, #092849 48%, #041326 100%)!important;
  border-inline-end:1px solid rgba(255,255,255,.12)!important;
  box-shadow:14px 0 46px rgba(7,29,63,.20)!important;
  color:#fff!important;
  z-index:60!important;
  scrollbar-width:thin;
}
html[dir="rtl"] .side{box-shadow:-14px 0 46px rgba(7,29,63,.20)!important}
.main{
  width:calc(100% - 286px)!important;
  margin-inline-start:286px!important;
  margin-inline-end:0!important;
  margin-right:0!important;
  margin-left:0!important;
  min-height:100vh;
}
.brand{
  padding:10px!important;
  margin:0 0 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.065))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 32px rgba(0,0,0,.14)!important;
}
.brand-logo{
  width:56px!important;height:56px!important;border-radius:18px!important;
  background:#fff!important;object-fit:contain!important;padding:6px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.brand h2{font-size:17px!important;line-height:1.35!important;margin:0!important;color:#fff!important;letter-spacing:0!important}
.brand small{display:block;color:#aeefff!important;font-size:12px!important;margin-top:3px!important}
.side-close{margin-inline-start:auto;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:12px;width:34px;height:34px;font-size:22px;display:none}
.side-search{margin:10px 2px 14px!important}
.side-search-input{
  min-height:42px!important;border-radius:16px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.side-search-input::placeholder{color:#b8d4ed!important}
.menu-group{margin:0 0 12px!important;padding:0!important}
.menu-group-title{
  color:#8adff4!important;font-size:11px!important;font-weight:900!important;
  letter-spacing:.02em!important;padding:8px 10px 6px!important;
  text-transform:none!important;opacity:1!important;
}
.side a{
  min-height:46px!important;
  margin:4px 0!important;padding:10px 12px!important;border-radius:16px!important;
  color:#d9eaff!important;
  justify-content:flex-start!important;gap:11px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}
.side a:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12)!important;transform:translateX(-2px)!important;color:#fff!important}
html[dir="ltr"] .side a:hover{transform:translateX(2px)!important}
.side a.active{
  background:linear-gradient(135deg,rgba(5,175,212,.32),rgba(8,113,232,.24))!important;
  border-color:rgba(142,238,255,.34)!important;color:#fff!important;
  box-shadow:0 12px 26px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.menu-icon{width:32px!important;height:32px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.10)!important;color:#bff2ff!important;flex:0 0 32px!important}
.side a.active .menu-icon{background:#fff!important;color:var(--premium-primary)!important}
.menu-icon svg{width:20px!important;height:20px!important;display:block!important}
.menu-label{font-size:13.5px!important;font-weight:800!important;white-space:normal!important;line-height:1.35!important}
.top{
  position:sticky!important;top:0!important;z-index:45!important;
  min-height:76px!important;height:auto!important;
  padding:12px 22px!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(219,232,243,.78)!important;
  box-shadow:0 12px 30px rgba(7,29,63,.07)!important;
  backdrop-filter:blur(18px)!important;
}
.top::before{
  content:"";width:6px;align-self:stretch;border-radius:99px;
  background:linear-gradient(180deg,var(--premium-primary),var(--premium-accent));
  box-shadow:0 0 22px rgba(5,175,212,.35);
}
.top-title{display:grid!important;gap:3px!important;margin-inline-end:auto!important}
.top-title b{font-size:21px!important;color:var(--premium-ink)!important;line-height:1.35!important}
.top-title small{color:var(--premium-muted)!important;font-size:12px!important;font-weight:700!important}
.top-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.menu-toggle,.menu-hide-toggle,.theme-toggle,.lang{
  min-height:42px!important;border-radius:14px!important;border:1px solid var(--premium-line)!important;
  background:#fff!important;color:#31516f!important;box-shadow:0 6px 16px rgba(7,29,63,.055)!important;
  font-weight:900!important;
}
.lang.active,.theme-toggle[aria-pressed="true"]{
  background:linear-gradient(135deg,var(--premium-primary),var(--premium-secondary))!important;
  color:#fff!important;border-color:transparent!important;
}
.top .search{
  width:min(280px,24vw)!important;height:42px!important;border-radius:14px!important;
  border:1px solid var(--premium-line)!important;background:#f7fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.content{max-width:1780px!important;margin-inline:auto!important;padding:22px 24px 30px!important}
.page-shell{gap:18px!important}
.card,.video-card,.finance-panel,.quick-currency,.cashbox-capital-overview,.movement-view,.reports-hero-card,.settings-section-card,.settings-hero-card,.sales-filter-card,.sales-list-card,.product-info-card,.purchase-editor,.reports-table-card,.sale-master-card,.sale-total-card,.payment-card,.picker-card,.box{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.98))!important;
  border:1px solid rgba(219,232,243,.92)!important;
  border-radius:var(--premium-radius)!important;
  box-shadow:var(--premium-shadow-soft)!important;
}
.card:hover,.video-card:hover,.finance-panel:hover,.quick-currency:hover,.cashbox-capital-overview:hover,.settings-section-card:hover,.sales-list-card:hover,.product-info-card:hover,.purchase-editor:hover{
  box-shadow:var(--premium-shadow)!important;
}
.section-title{align-items:flex-start!important;margin-bottom:16px!important}
.section-title h3,.video-card>h3,.card>h3,.reports-hero-card h2,.settings-hero-card h2{font-size:21px!important;color:var(--premium-ink)!important;line-height:1.4!important;margin:0!important}
.section-title span,.helper-text,.section-title p{color:var(--premium-muted)!important;line-height:1.75!important}
.btn,.dock-btn,button.btn{
  border:0!important;border-radius:14px!important;min-height:42px!important;
  padding:10px 15px!important;color:#fff!important;
  background:linear-gradient(135deg,var(--premium-primary),var(--premium-secondary))!important;
  font-weight:900!important;box-shadow:0 10px 22px rgba(5,117,177,.19)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
.btn:hover,.dock-btn:hover,button.btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(5,117,177,.24)!important;filter:brightness(1.03)!important}
.btn.green{background:linear-gradient(135deg,var(--premium-success),#0f8b57)!important}.btn.red{background:linear-gradient(135deg,#f15b59,var(--premium-danger))!important}.btn.gray{background:linear-gradient(135deg,#8191a3,#526174)!important}.btn.warning{background:linear-gradient(135deg,#f4b236,#da7a0b)!important}.btn.dark{background:linear-gradient(135deg,var(--premium-sidebar),#143c64)!important}
input,select,textarea{
  min-height:44px!important;border-radius:14px!important;
  border:1px solid #d7e5f0!important;background:#fff!important;color:#19324b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(5,175,212,.75)!important;box-shadow:0 0 0 4px rgba(5,175,212,.12)!important;outline:0!important}
label{color:#395872!important;font-weight:900!important;line-height:1.5!important}
.table-wrap{border:1px solid var(--premium-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 24px rgba(7,29,63,.055)!important;overflow:auto!important}
.table-wrap table,table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
th,.table-wrap th{
  background:linear-gradient(180deg,#eefaff,#e5f5fb)!important;
  color:#1a5272!important;font-size:13px!important;font-weight:900!important;border-bottom:1px solid var(--premium-line)!important;
}
td,.table-wrap td{color:#334e68!important;border-bottom:1px solid #edf3f8!important;vertical-align:middle!important}
.table-wrap tbody tr:hover td,tbody tr:hover td{background:#f8fcff!important}
.pill{border-radius:999px!important;padding:6px 11px!important;font-weight:900!important}
.finance-dashboard,.dashboard-toolbar,.finance-top-grid,.dashboard-lower-grid,.dual-quick-grid,.cashbox-summary-wrap{gap:16px!important}
.dashboard-toolbar,.period-toolbar{
  border-radius:var(--premium-radius)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,249,255,.94))!important;
  border:1px solid rgba(219,232,243,.9)!important;
  box-shadow:var(--premium-shadow-soft)!important;
}
.page-dashboard .content>.finance-dashboard::before{
  content:"";display:block;min-height:96px;border-radius:28px;margin-bottom:0;
  background:
    linear-gradient(135deg,rgba(7,29,63,.95),rgba(7,62,103,.92) 52%,rgba(5,175,212,.84)),
    radial-gradient(circle at 16% 20%,rgba(255,255,255,.24),transparent 22%);
  box-shadow:var(--premium-shadow);
  border:1px solid rgba(255,255,255,.34);
  position:relative;
}
.page-dashboard .content>.finance-dashboard{position:relative}
.page-dashboard .content>.finance-dashboard::after{
  content:"SHA SYSTEM  •  Premium Dashboard";
  position:absolute;top:28px;inset-inline-start:28px;color:#fff;font-family:var(--latin-ui-font),Speda,Tahoma,Arial,sans-serif;
  font-weight:900;font-size:18px;letter-spacing:.02em;
}
html[lang="ku"] .page-dashboard .content>.finance-dashboard::after{content:"شا سیستەم  •  داشبۆردی پڕۆفێشناڵ"}
html[lang="ar"] .page-dashboard .content>.finance-dashboard::after{content:"شا سيستم  •  لوحة تحكم احترافية"}
.finance-panel{overflow:hidden!important;position:relative!important}
.finance-panel::before,.quick-currency::before,.cashbox-capital-overview::before,.video-card::before,.card::before{
  content:"";display:block;height:4px;margin:-17px -17px 14px;
  background:linear-gradient(90deg,var(--premium-primary),var(--premium-secondary),var(--premium-accent));
  border-radius:24px 24px 0 0;
}
.finance-panel>header{padding:17px 18px 0!important}.finance-panel>header h2{font-size:20px!important;color:var(--premium-ink)!important}
.finance-ring,.cashbox-capital-ring{
  width:194px!important;height:194px!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 35%,#fff 0%,#f7fdff 56%,#e7f5fb 100%)!important;
  border:10px solid rgba(5,175,212,.14)!important;
  box-shadow:inset 0 0 0 10px rgba(5,175,212,.055),0 16px 34px rgba(7,29,63,.08)!important;
}
.finance-ring b,.cashbox-capital-ring b{font-size:22px!important;color:var(--premium-ink)!important}.finance-ring small,.cashbox-capital-ring small{color:var(--premium-muted)!important}
.sales-summary article,.purchase-summary>div,.dashboard-mini-cards article,.insight-card,.cashbox-detail-grid article,.details-grid>div{
  border-radius:20px!important;border:1px solid rgba(219,232,243,.95)!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;box-shadow:0 10px 24px rgba(7,29,63,.055)!important;
}
.sales-summary b,.purchase-summary b,.dashboard-mini-cards b,.insight-card b,.cashbox-detail-grid b,.details-grid b{color:var(--premium-ink)!important;font-size:20px!important}.sales-summary span,.purchase-summary span,.dashboard-mini-cards span,.insight-card span,.cashbox-detail-grid span,.details-grid span{color:var(--premium-muted)!important}
.quick-currency{padding:17px!important;position:relative!important}.quick-currency h3{font-size:18px!important;color:var(--premium-ink)!important}.quick-currency div,.finance-list div{border-bottom:1px dashed #dce9f3!important}
.cashbox-hero-card{background:linear-gradient(135deg,var(--premium-sidebar),#0c4166)!important;color:#fff!important;border:0!important;box-shadow:var(--premium-shadow)!important}.cashbox-hero-card h3,.cashbox-hero-card p,.cashbox-hero-card span{color:#fff!important}.cashbox-variance-strip{border-radius:16px!important;padding:12px 14px!important;background:rgba(255,255,255,.12)!important;color:#fff!important}
.product-search,.picker-search{gap:10px!important}.product-info-card,.purchase-editor,.sale-master-card{border-top:0!important;position:relative!important;overflow:hidden!important}
.product-info-card::before,.purchase-editor::before,.sale-master-card::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:5px;background:linear-gradient(90deg,var(--premium-primary),var(--premium-secondary),var(--premium-accent));display:block!important;margin:0!important;border-radius:24px 24px 0 0!important}
.solar-tile2,.prod{
  border-radius:18px!important;border:1px solid #dfeaf3!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;
  box-shadow:0 8px 20px rgba(7,29,63,.052)!important;transition:.16s ease!important;
}
.solar-tile2:hover,.prod:hover{border-color:rgba(5,175,212,.42)!important;box-shadow:0 14px 30px rgba(7,29,63,.09)!important;transform:translateY(-2px)!important}
.action-dock{border-radius:20px!important;background:linear-gradient(135deg,var(--premium-sidebar),#0b456c)!important;box-shadow:0 18px 38px rgba(7,29,63,.22)!important}
.app-credit{
  margin:0!important;padding:14px 24px!important;
  background:rgba(255,255,255,.72)!important;border-top:1px solid rgba(219,232,243,.88)!important;
  color:#597188!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;
}
.app-credit a{color:var(--premium-secondary)!important;font-weight:900!important}.app-credit b{color:var(--premium-ink)!important}
body.menu-hidden .side{transform:translateX(110%)!important;opacity:0!important;pointer-events:none!important}
html[dir="ltr"] body.menu-hidden .side{transform:translateX(-110%)!important}
body.menu-hidden .main{margin-inline-start:0!important;width:100%!important}
.menu-shade{position:fixed;inset:0;background:rgba(5,19,40,.46);backdrop-filter:blur(3px);z-index:55;opacity:0;pointer-events:none;transition:.16s ease}
body.menu-open .menu-shade{opacity:1;pointer-events:auto}
body.theme-dark.app-body{background:linear-gradient(180deg,#071426,#0b1e34 48%,#081525 100%)!important;color:#e8f3ff!important}
body.theme-dark.app-body::before{opacity:.25}
body.theme-dark .top{background:rgba(8,20,38,.82)!important;border-color:rgba(127,173,211,.16)!important}body.theme-dark .top-title b{color:#fff!important}body.theme-dark .top-title small{color:#9ab4ca!important}
body.theme-dark .content .card,body.theme-dark .video-card,body.theme-dark .finance-panel,body.theme-dark .quick-currency,body.theme-dark .cashbox-capital-overview,body.theme-dark .movement-view,body.theme-dark .reports-hero-card,body.theme-dark .settings-section-card,body.theme-dark .settings-hero-card,body.theme-dark .sales-filter-card,body.theme-dark .sales-list-card,body.theme-dark .product-info-card,body.theme-dark .purchase-editor,body.theme-dark .reports-table-card,body.theme-dark .sale-master-card,body.theme-dark .sale-total-card,body.theme-dark .payment-card,body.theme-dark .picker-card,body.theme-dark .box{background:linear-gradient(180deg,#0f233b,#0c1d32)!important;border-color:rgba(127,173,211,.18)!important;color:#eaf4ff!important}
body.theme-dark .section-title h3,body.theme-dark .card h3,body.theme-dark .video-card h3,body.theme-dark .finance-panel h2,body.theme-dark .quick-currency h3,body.theme-dark .sales-summary b,body.theme-dark .purchase-summary b,body.theme-dark .dashboard-mini-cards b,body.theme-dark .cashbox-detail-grid b{color:#fff!important}
body.theme-dark .section-title span,body.theme-dark .helper-text,body.theme-dark .sales-summary span,body.theme-dark .purchase-summary span,body.theme-dark .dashboard-mini-cards span,body.theme-dark .cashbox-detail-grid span{color:#a9bed3!important}
body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark .top .search{background:#0b1b2e!important;border-color:rgba(127,173,211,.22)!important;color:#eef7ff!important}
body.theme-dark .table-wrap,body.theme-dark table{background:#0b1b2e!important;border-color:rgba(127,173,211,.18)!important}body.theme-dark th,body.theme-dark .table-wrap th{background:#102b45!important;color:#b8efff!important}body.theme-dark td,body.theme-dark .table-wrap td{background:#0d2035!important;color:#d8e7f4!important;border-color:rgba(127,173,211,.13)!important}body.theme-dark tr:hover td{background:#12304d!important}
.login-screen{
  min-height:100vh;background:
    radial-gradient(circle at 12% 12%,rgba(5,175,212,.30),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(121,185,61,.16),transparent 30%),
    linear-gradient(135deg,#06152b 0%,#092b55 48%,#0b4f75 100%)!important;
}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(360px,.72fr);gap:24px;align-items:center;padding:34px;max-width:1480px;margin:auto}
.login-side-panel{min-height:620px;border-radius:34px;padding:32px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15);box-shadow:0 26px 70px rgba(0,0,0,.26);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-side-panel::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(5,175,212,.18);inset-inline-end:-160px;bottom:-170px}.login-side-top,.login-feature-list,.login-back-link,.login-side-badge{position:relative;z-index:1}.login-side-top{display:flex;gap:15px;align-items:center}.login-side-logo{width:68px;height:68px;border-radius:22px;background:#fff;padding:7px;object-fit:contain;box-shadow:0 18px 40px rgba(0,0,0,.28)}.login-side-top h1{margin:0;font-size:28px}.login-side-top p{margin:5px 0 0;color:#cce8f7}.login-side-badge{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);padding:10px 15px;color:#dff7ff;font-weight:900}.login-feature-list{display:grid;gap:12px}.login-feature-list article{display:flex;gap:13px;border-radius:22px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);padding:14px}.login-feature-list article b{width:42px;height:42px;border-radius:14px;background:#fff;color:var(--premium-primary);display:grid;place-items:center;flex:0 0 42px}.login-feature-list h3{margin:0 0 4px;color:#fff}.login-feature-list p{margin:0;color:#c9dff1;line-height:1.7}.login-back-link{color:#c8f1ff;font-weight:900}.login-form-panel{display:grid;place-items:center}.login-premium-box{width:min(460px,100%);border-radius:34px!important;padding:30px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 28px 76px rgba(0,0,0,.28)!important}.login-langs{display:flex;gap:7px;justify-content:center;margin-bottom:14px}.login-langs a{padding:8px 12px;border-radius:12px;background:#eef7fc;color:#25516c;font-weight:900}.login-langs a.active{background:linear-gradient(135deg,var(--premium-primary),var(--premium-secondary));color:#fff}.login-logo img{width:86px!important;height:86px!important;border-radius:26px!important;object-fit:contain!important;background:#fff!important}.login-premium-box h2{text-align:center;font-size:28px;color:var(--premium-ink);margin:12px 0 3px}.login-subtitle{text-align:center;color:#5d748c;margin:0 0 18px}.login-subtitle small{display:block;margin-top:5px;color:#8ba0b2}.login-submit{margin-top:12px!important;min-height:48px!important}.login-foot-note{text-align:center;color:#7b8da0;font-size:12px;margin-top:15px!important}
@media(max-width:1100px){.login-layout{grid-template-columns:1fr}.login-side-panel{min-height:auto}.finance-top-grid,.dashboard-lower-grid,.dual-quick-grid{grid-template-columns:1fr!important}.page-dashboard .content>.finance-dashboard::before{min-height:88px}.page-dashboard .content>.finance-dashboard::after{font-size:16px}}
@media(max-width:900px){.side{transform:translateX(110%)!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important}html[dir="ltr"] .side{transform:translateX(-110%)!important}body.menu-open .side{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important}.side-close{display:grid!important;place-items:center!important}.main{width:100%!important;margin-inline-start:0!important}.content{padding:16px 14px 82px!important}.top{padding:10px 12px!important}.top::before{display:none}.top-title b{font-size:18px!important}.top-actions .search{display:none!important}.app-credit{padding:12px 14px 70px!important}.login-layout{padding:18px}.login-side-panel{display:none}.login-premium-box{width:min(460px,94vw)}}
@media(max-width:560px){.top-actions{gap:5px!important}.lang{padding:8px 9px!important;font-size:12px!important}.menu-toggle,.menu-hide-toggle,.theme-toggle{min-width:40px!important;padding:8px!important}.page-dashboard .content>.finance-dashboard::before{min-height:76px;border-radius:22px}.page-dashboard .content>.finance-dashboard::after{top:24px;inset-inline-start:20px;font-size:14px}.card,.video-card,.finance-panel,.quick-currency,.cashbox-capital-overview,.movement-view,.reports-hero-card,.settings-section-card,.settings-hero-card,.sales-filter-card,.sales-list-card,.product-info-card,.purchase-editor,.reports-table-card,.sale-master-card,.sale-total-card,.payment-card,.picker-card,.box{border-radius:20px!important}}
@media print{body.app-body{background:#fff!important}.side,.top,.menu-shade,.app-credit,.no-print{display:none!important}.main{width:100%!important;margin:0!important}.content{padding:0!important;max-width:100%!important}.card,.video-card,.table-wrap{box-shadow:none!important;border-color:#ddd!important}.finance-panel::before,.quick-currency::before,.cashbox-capital-overview::before,.video-card::before,.card::before,.product-info-card::before,.purchase-editor::before,.sale-master-card::before{display:none!important}}