/* source: app.css */
:root{
  --navy-950:#071426;--navy-900:#0b1f3a;--navy-850:#102a4c;--navy-800:#15355d;
  --blue:#2f6fed;--blue-600:#215ed3;--blue-50:#eef4ff;
  --teal:#13a88e;--teal-50:#e8faf5;--green:#16a36f;--green-50:#eaf9f1;
  --orange:#ef8b2c;--orange-50:#fff4e8;--purple:#7a5ce3;--purple-50:#f2efff;
  --red:#e34d59;--red-50:#fff0f2;--cyan:#1f9fbe;--cyan-50:#eaf8fb;
  --text:#172238;--text-2:#43516a;--muted:#7b879b;--border:#e5ebf2;--surface:#fff;
  --page:#f4f7fb;--shadow:0 10px 35px rgba(30,55,85,.07);--shadow-lg:0 22px 60px rgba(20,44,76,.13);
  --radius:18px;--sidebar:284px;--topbar:82px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.icon,.nav-svg,.top-icon,.search-icon,.metric-svg,.btn-icon,.tiny-icon,.mini-icon,.quick-svg,.row-icon{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.nav-svg{width:21px;height:21px}.top-icon{width:21px;height:21px}.search-icon{width:20px;height:20px}.tiny-icon{width:16px;height:16px}.mini-icon{width:16px;height:16px}.btn-icon{width:19px;height:19px}.metric-svg{width:24px;height:24px}.quick-svg{width:25px;height:25px}.row-icon{width:18px;height:18px}

.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:#d6e2ef;padding:22px 18px 16px;display:flex;flex-direction:column;z-index:50;box-shadow:-10px 0 35px rgba(7,20,38,.12);overflow-y:auto;overflow-x:hidden}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 20px}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#35d0b3,#2f6fed);color:#fff;font-size:25px;font-weight:900;position:relative;box-shadow:0 10px 30px rgba(47,111,237,.28)}.brand-mark i{position:absolute;bottom:5px;left:6px;width:6px;height:6px;border-radius:50%;background:#d5fff7;border:1px solid rgba(255,255,255,.55)}.brand-copy strong{display:block;color:#fff;font-size:23px;line-height:1.15}.brand-copy small{color:#88a0b9;font-size:11px}.sidebar-close{display:none;margin-right:auto;border:0;background:transparent;color:#fff;font-size:25px}.business-card{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:12px;margin-bottom:17px}.business-avatar{width:38px;height:38px;border-radius:12px;background:rgba(65,203,176,.15);color:#58d8bf;display:grid;place-items:center;font-weight:800}.business-card>div:nth-child(2){min-width:0;flex:1}.business-card strong{display:block;color:#f5f8fb;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-card small{display:flex;align-items:center;gap:5px;color:#8da3b8;font-size:10px}.status-dot{width:6px;height:6px;background:#43d49b;border-radius:50%;box-shadow:0 0 0 3px rgba(67,212,155,.12)}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-caption{color:#627a92;font-size:10px;font-weight:700;margin:14px 12px 5px;letter-spacing:.1px}.nav-item{min-height:45px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#aebed0;transition:.18s;position:relative}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(47,111,237,.22),rgba(47,111,237,.10));color:#fff;box-shadow:inset -3px 0 #4f8bff}.nav-item.active .nav-svg{color:#67a0ff}.nav-item span{flex:1;font-weight:500}.nav-item kbd{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#8197ad;border-radius:6px;padding:1px 6px;font-size:9px}.nav-item em{font-style:normal;font-size:9px;color:#667d94;background:rgba(255,255,255,.05);border-radius:10px;padding:2px 7px}.nav-item.disabled{opacity:.65;pointer-events:none}.sidebar-support{margin-top:auto;background:linear-gradient(145deg,rgba(47,111,237,.18),rgba(19,168,142,.13));border:1px solid rgba(103,160,255,.15);border-radius:16px;padding:14px}.support-icon{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#7edbc8;margin-bottom:8px}.sidebar-support strong,.sidebar-support small{display:block}.sidebar-support strong{color:#eef6ff;font-size:12px}.sidebar-support small{color:#8da4ba;font-size:10px;line-height:1.7;margin-top:4px}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:2px 4px}.logout-btn{display:flex;align-items:center;gap:8px;color:#9db0c3;font-size:11px}.logout-btn:hover{color:#fff}.version-chip{font-size:9px;color:#637b92;background:rgba(255,255,255,.05);padding:3px 7px;border-radius:8px}.sidebar-backdrop{display:none}

.main-area{margin-right:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);background:rgba(255,255,255,.91);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 30px;gap:24px;position:sticky;top:0;z-index:35}.topbar-right,.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{min-width:235px}.topbar-left{margin-right:auto}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);background:#fff;border-radius:11px;color:var(--text)}.topbar-user{display:flex;align-items:center;gap:10px}.avatar{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f0ff,#dfe9ff);color:var(--blue);font-size:17px;font-weight:800;border:1px solid #dce6f5}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{font-size:12px}.topbar-user small{font-size:10px;color:var(--muted)}.topbar-search{height:44px;max-width:470px;flex:1;border:1px solid var(--border);border-radius:13px;background:#f7f9fc;display:flex;align-items:center;padding:0 14px;color:#8693a6;transition:.18s}.topbar-search:focus-within{background:#fff;border-color:#afc8f5;box-shadow:0 0 0 4px rgba(47,111,237,.08)}.topbar-search input{border:0;outline:0;background:transparent;flex:1;padding:0 9px;color:var(--text)}.topbar-search kbd{font-size:9px;border:1px solid #d9e1eb;background:#fff;border-radius:6px;padding:2px 7px;color:#8b97a7}.icon-button{width:42px;height:42px;border:1px solid var(--border);background:#fff;border-radius:12px;display:grid;place-items:center;color:#526078;position:relative}.notification-button i{position:absolute;top:8px;right:9px;width:7px;height:7px;background:var(--red);border:2px solid #fff;border-radius:50%}.date-chip{height:49px;border:1px solid var(--border);background:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--text);min-width:260px;text-align:right}.date-icon{width:34px;height:34px;border-radius:10px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}.date-copy{flex:1}.date-copy b,.date-copy small{display:block}.date-copy b{font-size:11px}.date-copy small{color:var(--muted);font-size:9px}.mini-calendar-popover{position:absolute;left:30px;top:72px;width:348px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);padding:17px;z-index:100}.mini-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mini-calendar-head button{width:34px;height:34px;border:0;border-radius:10px;background:#f3f6fa;color:var(--text);font-size:20px}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-calendar-grid.weekdays span{text-align:center;color:var(--muted);font-size:10px;padding:4px}.calendar-day{height:36px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:11px}.calendar-day:hover{background:var(--blue-50);color:var(--blue)}.calendar-day.today{background:var(--blue);color:#fff}.calendar-day.holiday:not(.today){color:var(--red);background:var(--red-50)}.calendar-blank{height:36px}.mini-calendar-legend{display:flex;gap:16px;padding:12px 2px 5px;border-top:1px solid var(--border);margin-top:10px;color:var(--muted);font-size:9px}.mini-calendar-legend span,.calendar-caption span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.today{background:var(--blue)}.dot.holiday{background:var(--red)}.calendar-full-link{display:block;text-align:center;background:#f5f8fc;border-radius:10px;padding:8px;color:var(--blue);font-size:10px;margin-top:8px}

.content-wrap{padding:28px 30px 50px;max-width:1700px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-kicker{color:var(--blue);font-size:10px;font-weight:700;margin-bottom:4px}.page-heading h1{font-size:27px;line-height:1.3;margin:0;font-weight:850}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:9px}.card{background:var(--surface);border:1px solid rgba(222,230,239,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{height:43px;border:1px solid transparent;border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:12px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#4d82ec);color:#fff;box-shadow:0 9px 22px rgba(47,111,237,.22)}.btn-success{background:linear-gradient(135deg,#18a978,#0f9670);color:#fff;box-shadow:0 9px 22px rgba(19,168,142,.2)}.btn-light{background:#fff;border-color:var(--border);color:var(--text-2)}.btn-soft{background:#f2f6fb;color:var(--blue);border-color:#e7eef7}.btn-white{background:#fff;color:var(--navy-900);box-shadow:0 9px 25px rgba(5,18,37,.15)}.btn-ghost-light{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);color:#fff}.btn-sm{height:34px;padding:0 11px;font-size:10px}.btn-block{width:100%}.alert{border-radius:13px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.alert-success{background:var(--green-50);color:#157552;border:1px solid #ceefdf}.alert-error{background:var(--red-50);color:#b63f49;border:1px solid #f6d1d5}.alert button{border:0;background:transparent;color:inherit;font-size:19px}

/* Dashboard */
.dashboard-hero{min-height:230px;border-radius:24px;padding:30px 34px;background:radial-gradient(circle at 15% 10%,rgba(91,146,255,.34),transparent 35%),radial-gradient(circle at 90% 80%,rgba(24,200,164,.22),transparent 34%),linear-gradient(125deg,#0b2a4d,#102e55 55%,#0c2340);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden;box-shadow:0 22px 55px rgba(10,37,69,.2)}.dashboard-hero:after{content:"";position:absolute;left:-45px;bottom:-80px;width:270px;height:270px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}.hero-copy{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:5px 10px;border-radius:20px;color:#cbe1f4;font-size:10px}.hero-copy h1{font-size:30px;margin:12px 0 6px}.hero-copy p{color:#bcd0e1;margin:0;max-width:730px;font-size:13px}.hero-actions{display:flex;gap:10px;margin-top:21px}.hero-today{position:relative;z-index:2;min-width:290px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:20px;padding:21px}.hero-today .today-label{color:#a9bfd3;font-size:11px}.hero-today>strong{font-size:26px;display:block;margin:6px 0 1px}.hero-today strong small{font-size:10px;font-weight:500}.hero-today>span,.hero-today>small{color:#b5cadc;font-size:10px}.hero-progress{height:6px;background:rgba(255,255,255,.12);border-radius:10px;margin:16px 0 6px;overflow:hidden}.hero-progress i{display:block;height:100%;background:linear-gradient(90deg,#45dbb8,#71a4ff);border-radius:10px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-grid-premium{margin-top:18px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:19px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:-25px;top:-30px;width:100px;height:100px;border-radius:50%;background:rgba(47,111,237,.03)}.metric-card.metric-primary{background:linear-gradient(145deg,#fff,#f7faff);border-color:#dbe6fa}.metric-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metric-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue)}.metric-icon.mint{background:var(--green-50);color:var(--green)}.metric-icon.sky{background:var(--cyan-50);color:var(--cyan)}.metric-icon.amber{background:var(--orange-50);color:var(--orange)}.trend-chip,.metric-note{font-size:9px;border-radius:20px;padding:3px 8px;background:#f3f6fa;color:var(--muted);font-weight:700}.trend-chip.up,.metric-note.positive{background:var(--green-50);color:var(--green)}.trend-chip.down{background:var(--red-50);color:var(--red)}.metric-label{display:block;color:var(--muted);font-size:11px}.metric-card>strong{display:block;font-size:22px;margin:3px 0 11px;direction:rtl}.metric-card>strong small{font-size:9px;color:var(--muted);font-weight:500}.metric-foot{border-top:1px solid #edf1f5;padding-top:10px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.metric-foot a{color:var(--blue);font-weight:700}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:18px;margin-top:18px}.analytics-card,.category-card,.recent-card,.account-card,.stock-card,.top-products-card,.calendar-preview-card{padding:20px}.premium-head{margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-kicker{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}.panel-head h2{margin:0;font-size:17px}.chart-legend{display:flex;gap:13px;color:var(--muted);font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:16px;height:5px;border-radius:5px}.legend-sale{background:var(--blue)}.legend-purchase{background:#b6c8e4}.bar-chart{height:255px;position:relative;padding:12px 0 25px 42px}.chart-y-labels{position:absolute;left:0;top:5px;bottom:29px;width:38px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:#a0acbb;font-size:8px}.chart-grid-lines{position:absolute;right:0;left:43px;top:15px;bottom:34px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{border-top:1px dashed #e8edf3}.chart-bars{position:absolute;right:4px;left:48px;top:15px;bottom:5px;display:grid;grid-template-columns:repeat(14,1fr);gap:5px;align-items:end}.chart-day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar-pair{height:calc(100% - 24px);width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:32%;max-width:12px;border-radius:5px 5px 2px 2px;min-height:2px;transition:.25s}.bar.sale{background:linear-gradient(180deg,#568cff,var(--blue))}.bar.purchase{background:#c5d3e8}.chart-day:hover .bar{filter:brightness(.94)}.chart-day>span{font-size:8px;color:#8996a7}.analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);padding-top:14px}.analytics-summary>div{padding:0 12px;border-left:1px solid var(--border)}.analytics-summary>div:last-child{border-left:0}.analytics-summary span,.analytics-summary strong{display:block}.analytics-summary span{color:var(--muted);font-size:9px}.analytics-summary strong{font-size:12px;margin-top:3px}.icon-link{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f3f6fa;color:var(--muted)}.donut-wrap{display:flex;align-items:center;gap:18px;padding:4px 0 18px}.donut-chart{--p:60;width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%),#e9eef5 0);display:grid;place-items:center;position:relative}.donut-chart:after{content:"";width:88px;height:88px;border-radius:50%;background:#fff;position:absolute}.donut-chart>div{position:relative;z-index:2;text-align:center}.donut-chart strong,.donut-chart span{display:block}.donut-chart strong{font-size:20px}.donut-chart span{font-size:8px;color:var(--muted)}.donut-copy strong,.donut-copy span{display:block}.donut-copy strong{font-size:13px}.donut-copy span{font-size:9px;color:var(--muted);margin-top:3px}.category-list{display:flex;flex-direction:column;gap:12px}.category-row{display:grid;grid-template-columns:100px 1fr 34px;align-items:center;gap:8px;font-size:9px}.category-name{display:flex;align-items:center;gap:6px;white-space:nowrap}.category-dot{width:8px;height:8px;border-radius:3px;background:var(--blue)}.category-dot.c2{background:var(--teal)}.category-dot.c3{background:var(--orange)}.category-dot.c4{background:var(--purple)}.category-dot.c5{background:var(--cyan)}.category-progress{height:6px;background:#edf1f6;border-radius:10px;overflow:hidden}.category-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#68a0ff);border-radius:10px}.category-row:nth-child(2) .category-progress i{background:var(--teal)}.category-row:nth-child(3) .category-progress i{background:var(--orange)}.category-row:nth-child(4) .category-progress i{background:var(--purple)}.category-row:nth-child(5) .category-progress i{background:var(--cyan)}.category-row>strong{text-align:left;color:var(--text-2)}
.quick-strip{margin-top:18px;background:linear-gradient(135deg,#eef4ff,#f7fbff 45%,#effbf7);border:1px solid #dde8f6;border-radius:20px;padding:18px}.quick-strip-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.quick-strip-head span,.quick-strip-head strong{display:block}.quick-strip-head span{color:var(--blue);font-size:9px}.quick-strip-head strong{font-size:15px}.quick-strip-head>small{color:var(--muted);font-size:9px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.quick-tile{min-height:76px;background:rgba(255,255,255,.82);border:1px solid #e4ebf4;border-radius:14px;padding:12px;display:flex;align-items:center;gap:11px;transition:.18s}.quick-tile:hover{transform:translateY(-2px);background:#fff;box-shadow:0 11px 26px rgba(27,67,111,.09)}.quick-tile>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:var(--blue-50)}.quick-tile.purchase>span{color:var(--purple);background:var(--purple-50)}.quick-tile.receipt>span{color:var(--green);background:var(--green-50)}.quick-tile.transfer>span{color:var(--orange);background:var(--orange-50)}.quick-tile>div{flex:1}.quick-tile strong,.quick-tile small{display:block}.quick-tile strong{font-size:11px}.quick-tile small{font-size:8px;color:var(--muted)}.quick-tile>.tiny-icon{color:#a5b1c0}
.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:18px;margin-top:18px}.dashboard-side-stack{display:flex;flex-direction:column;gap:18px}.text-link{display:flex;align-items:center;gap:4px;color:var(--blue);font-size:9px;font-weight:700}.premium-table{white-space:normal}.premium-table th{padding:10px 11px;background:#f8fafc;font-size:9px}.premium-table td{padding:12px 11px;font-size:10px}.transaction-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:9px;background:#edf3ff;color:var(--blue)}.transaction-badge.green,.transaction-badge.teal{background:var(--green-50);color:var(--green)}.transaction-badge.blue{background:var(--blue-50);color:var(--blue)}.transaction-badge.orange,.transaction-badge.amber{background:var(--orange-50);color:var(--orange)}.transaction-badge.purple{background:var(--purple-50);color:var(--purple)}.transaction-badge.red{background:var(--red-50);color:var(--red)}.doc-code{display:block;font-size:10px;direction:ltr;text-align:right}.table-sub{display:block;color:var(--muted);font-size:8px}.party-cell{display:flex;align-items:center;gap:7px}.party-cell>span{width:29px;height:29px;border-radius:9px;background:#eef3f9;color:#61738b;display:grid;place-items:center;font-weight:800}.description-cell{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.money-cell{display:block;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;font-size:8px}.status-pill.success{background:var(--green-50);color:var(--green)}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.premium-accounts .account-row{display:grid;grid-template-columns:39px 1fr auto;gap:9px;padding:11px 0}.account-icon{width:36px;height:36px;border-radius:11px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}.account-icon.cash{background:var(--green-50);color:var(--green)}.account-row>div strong,.account-row>div small{display:block}.account-row>div strong{font-size:10px}.account-row>div small{font-size:8px;color:var(--muted)}.account-row>b{font-size:10px;direction:ltr}.account-total{display:flex;align-items:center;justify-content:space-between;background:#f5f8fc;border-radius:11px;padding:10px 12px;margin-top:9px;font-size:9px}.account-total strong{font-size:10px}.danger-counter{width:28px;height:28px;border-radius:9px;background:var(--red-50);color:var(--red);display:grid;place-items:center;font-weight:800}.stock-list{display:flex;flex-direction:column;margin-bottom:13px}.stock-row{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5}.stock-product-icon{width:34px;height:34px;border-radius:10px;background:var(--orange-50);color:var(--orange);display:grid;place-items:center}.stock-row strong,.stock-row small{display:block}.stock-row strong{font-size:9px}.stock-row small{font-size:8px;color:var(--muted)}.stock-row>b{font-size:9px;color:var(--orange)}.stock-row>b.out{color:var(--red)}
.insight-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px}.rank-list{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f5}.rank-number{width:27px;height:27px;border-radius:9px;background:#f0f4f9;color:#75849a;display:grid;place-items:center;font-weight:800;font-size:9px}.rank-row:first-child .rank-number{background:var(--orange-50);color:var(--orange)}.rank-row strong,.rank-row small{display:block}.rank-row strong{font-size:10px}.rank-row small{font-size:8px;color:var(--muted)}.rank-row>b{font-size:10px}.dashboard-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.dashboard-calendar.weekdays span{text-align:center;color:var(--muted);font-size:9px;padding:4px}.dashboard-calendar.days a,.dashboard-calendar.days i{height:35px;border-radius:9px;display:grid;place-items:center;font-size:9px;position:relative}.dashboard-calendar.days a:hover{background:var(--blue-50);color:var(--blue)}.dashboard-calendar.days a.today{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(47,111,237,.22)}.dashboard-calendar.days a.holiday:not(.today){color:var(--red);background:var(--red-50)}.dashboard-calendar.days a b{position:absolute;bottom:3px;width:3px;height:3px;border-radius:50%;background:currentColor}.calendar-caption{display:flex;align-items:center;gap:13px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;color:var(--muted);font-size:8px}.calendar-caption strong{margin-right:auto;color:var(--red)}

/* Generic tables and pages */
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search-box{height:43px;border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 12px;min-width:290px;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;width:100%}.select,.input,.textarea{width:100%;border:1px solid #d7e0ea;background:#fff;border-radius:11px;outline:none;color:var(--text);transition:.15s}.input,.select{height:44px;padding:0 12px}.textarea{min-height:105px;padding:11px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#7ca8f2;box-shadow:0 0 0 4px rgba(47,111,237,.08)}.panel{padding:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap}.data-table th{color:var(--muted);font-size:10px;font-weight:650;padding:12px;background:#f8fafc;border-bottom:1px solid var(--border);text-align:right}.data-table th:first-child{border-radius:0 10px 0 0}.data-table th:last-child{border-radius:10px 0 0 0}.data-table td{padding:13px 12px;border-bottom:1px solid #edf1f5;font-size:11px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfdff}.tag{display:inline-flex;border-radius:8px;padding:4px 9px;font-size:9px;font-weight:650}.tag-green{background:var(--green-50);color:var(--green)}.tag-blue{background:var(--blue-50);color:var(--blue)}.tag-teal{background:var(--green-50);color:var(--teal)}.tag-orange{background:var(--orange-50);color:var(--orange)}.tag-purple{background:var(--purple-50);color:var(--purple)}.tag-red{background:var(--red-50);color:var(--red)}.tag-amber{background:#fff7dd;color:#a97006}.tag-slate{background:#edf1f5;color:#516174}.empty-state{text-align:center;padding:54px 20px;color:var(--muted)}.empty-state b{display:block;color:var(--text);font-size:16px;margin-bottom:4px}.empty-mini{text-align:center;padding:20px;color:var(--muted);font-size:9px}.empty-mini.success{color:var(--green);background:var(--green-50);border-radius:10px}.form-card{padding:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:11px;font-weight:650;color:var(--text-2)}.field.full{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:8px;padding-top:29px}.form-actions{display:flex;gap:9px;border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.muted{color:var(--muted)}.text-positive{color:var(--green)!important}.text-negative{color:var(--red)!important}

/* Transaction form */
.transaction-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);gap:18px}.transaction-main,.transaction-summary{display:flex;flex-direction:column;gap:18px}.block-card{padding:21px}.block-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.block-title h2{font-size:16px;margin:0}.line-items{border:1px solid var(--border);border-radius:14px;overflow:hidden}.line-head,.line-row{display:grid;grid-template-columns:2.2fr .65fr 1fr .8fr 1fr 42px;gap:8px;align-items:center;padding:9px}.line-head{background:#f2f6fb;color:#607087;font-size:10px;font-weight:700}.line-row{border-top:1px solid var(--border);background:#fff}.line-row:first-of-type{border-top:0}.line-row .input,.line-row .select{height:39px;font-size:10px}.remove-row{width:34px;height:34px;border:0;border-radius:9px;background:var(--red-50);color:var(--red)}.add-row{margin-top:10px}.summary-card{position:sticky;top:105px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:11px}.summary-row.total{font-size:16px;font-weight:800}.summary-row.remaining strong{color:var(--orange)}.summary-number{direction:ltr}.payments-table .line-head,.payments-table .line-row{grid-template-columns:1.4fr .9fr 1fr 1fr 42px}.date-field-wrap{display:flex;gap:7px}.date-field-wrap .input{flex:1}.date-picker-modal{position:fixed;inset:0;background:rgba(2,18,36,.55);z-index:100;display:grid;place-items:center;padding:20px}.date-picker-card{width:390px;max-width:100%;background:#fff;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.25);padding:19px}.date-picker-card .mini-calendar-grid .calendar-day{height:42px}

/* Calendar */
.calendar-page{padding:20px}.calendar-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-page-head h2{margin:0}.calendar-board{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.weekday-cell{background:#eef4fa;padding:12px;text-align:center;font-weight:700;color:#607189}.calendar-cell{min-height:118px;border-top:1px solid var(--border);border-left:1px solid var(--border);padding:9px;position:relative}.calendar-cell:nth-child(7n){border-left:0}.calendar-cell.empty{background:#f9fbfd}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--blue)}.calendar-cell.holiday{background:#fff8f8}.calendar-number{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:700}.calendar-cell.today .calendar-number{background:var(--blue);color:#fff}.holiday-title{font-size:9px;color:var(--red);margin-top:6px;line-height:1.55}

/* Reports */
.chart-card{min-height:360px}.reports-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:18px}.account-list{display:flex;flex-direction:column}.account-row{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid #edf1f5}.account-row:last-child{border:0}.account-row strong{color:var(--green);direction:ltr}

/* Login */
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#fff;direction:ltr}.login-visual{direction:rtl;padding:52px;background:radial-gradient(circle at 20% 20%,rgba(52,133,255,.27),transparent 38%),radial-gradient(circle at 85% 80%,rgba(35,210,172,.18),transparent 32%),linear-gradient(140deg,#082b50,#07172c);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;left:-80px;bottom:-100px;width:350px;height:350px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.015)}.login-brand{display:flex;align-items:center;gap:15px;position:relative;z-index:2}.brand-mark.large{width:57px;height:57px;font-size:29px}.login-brand strong{font-size:28px;display:block}.login-brand small{color:#afc4d8}.visual-copy{margin:auto 0;max-width:600px;position:relative;z-index:2}.eyebrow{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:6px 12px}.visual-copy h1{font-size:42px;line-height:1.5;margin:17px 0}.visual-copy p{color:#c9d9e7;font-size:16px}.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2}.visual-cards>div{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);padding:15px;border-radius:15px}.visual-cards b,.visual-cards span{display:block}.visual-cards span{font-size:10px;color:#b8cad9;margin-top:4px}.login-panel{direction:rtl;display:grid;place-items:center;padding:30px;background:linear-gradient(180deg,#fff,#f9fbfd)}.login-card{width:430px;max-width:100%;padding:35px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg)}.login-card h2{font-size:24px;margin:10px 0 3px}.login-card>p{color:var(--muted);margin:0 0 25px}.login-card .field{margin-bottom:15px}.login-card .field>input,.password-wrap input{width:100%;height:46px;border:1px solid #d5dee8;border-radius:11px;padding:0 12px;outline:0}.login-card .field>input:focus,.password-wrap input:focus{border-color:#7ca8f2;box-shadow:0 0 0 4px rgba(47,111,237,.08)}.password-wrap{position:relative}.password-wrap button{position:absolute;left:7px;top:7px;height:32px;border:0;background:#eef4fa;border-radius:7px;color:#567}.remember{display:flex;align-items:center;gap:7px;margin:5px 0 18px}.demo-note{display:block;text-align:center;color:var(--muted);margin-top:12px;direction:ltr}.login-mobile-brand{display:none}

@media(max-width:1360px){:root{--sidebar:255px}.date-chip{min-width:230px}.topbar{padding:0 22px}.content-wrap{padding:24px 22px 45px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-side-stack{display:grid;grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}.transaction-layout{grid-template-columns:1fr}.summary-card{position:static}.topbar-search{display:none}.reports-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start}.hero-today{min-width:260px}}
@media(max-width:850px){.sidebar{transform:translateX(110%);transition:.25s;width:285px}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-backdrop{position:fixed;inset:0;background:rgba(5,16,31,.45);z-index:45}.sidebar.open+.sidebar-backdrop{display:block}.main-area{margin-right:0;width:100%}.menu-toggle{display:grid;place-items:center}.topbar{padding:0 14px;gap:10px}.topbar-right{min-width:0}.topbar-user div:not(.avatar){display:none}.topbar-left{gap:7px}.date-chip{min-width:auto}.date-copy small,.date-chip>.tiny-icon{display:none}.content-wrap{padding:18px}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.dashboard-hero{display:block;padding:24px}.hero-today{margin-top:20px}.analytics-summary{grid-template-columns:repeat(2,1fr);gap:12px}.analytics-summary>div:nth-child(2){border-left:0}.dashboard-side-stack{grid-template-columns:1fr}.line-head{display:none}.line-row,.payments-table .line-row{grid-template-columns:1fr 1fr;padding:12px}.line-row .remove-row{grid-column:1/-1}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-mobile-brand{display:flex;align-items:center;gap:10px}.mini-calendar-popover{left:10px;right:10px;width:auto}.calendar-cell{min-height:90px}}
@media(max-width:620px){.kpi-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.dashboard-hero h1{font-size:24px}.hero-actions{flex-wrap:wrap}.topbar{height:70px}.topbar-user{display:none}.date-chip{margin-right:auto;padding:0 8px}.date-copy b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-actions{flex-wrap:wrap}.toolbar{align-items:stretch}.search-box{min-width:100%}.analytics-summary{grid-template-columns:1fr}.analytics-summary>div{border-left:0!important;border-bottom:1px solid var(--border);padding:8px 0}.category-card{padding:17px}.donut-wrap{justify-content:center}.quick-strip-head{display:block}.quick-strip-head>small{display:block;margin-top:4px}.chart-bars{gap:2px}.bar{width:40%}.calendar-board{font-size:10px}.calendar-cell{min-height:70px;padding:5px}.holiday-title{display:none}.reports-grid{display:block}.visual-copy h1{font-size:32px}.login-card{padding:25px}.dashboard-calendar.days a,.dashboard-calendar.days i{height:31px}}

/* Rich list-page components */
.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-strip>div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px 17px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.summary-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue)}.summary-icon.green{background:var(--green-50);color:var(--green)}.summary-icon.orange{background:var(--orange-50);color:var(--orange)}.summary-icon.purple{background:var(--purple-50);color:var(--purple)}.summary-icon.red{background:var(--red-50);color:var(--red)}.summary-strip p{margin:0}.summary-strip small,.summary-strip strong{display:block}.summary-strip small{font-size:9px;color:var(--muted)}.summary-strip strong{font-size:18px;margin-top:2px}.premium-toolbar{background:#fff;border:1px solid var(--border);border-radius:15px;padding:11px;box-shadow:0 7px 24px rgba(30,55,85,.045)}.premium-toolbar .search-box{background:#f7f9fc;border-color:transparent;margin:0}.filter-select{width:205px}.entity-cell{display:flex;align-items:center;gap:10px;min-width:210px}.entity-cell>div{min-width:0}.entity-cell strong,.entity-cell small{display:block}.entity-cell strong{font-size:11px}.entity-cell small{font-size:8px;color:var(--muted);max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-avatar,.product-thumb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--blue-50);color:var(--blue);font-weight:800}.entity-avatar.type-supplier{background:var(--orange-50);color:var(--orange)}.entity-avatar.type-partner{background:var(--purple-50);color:var(--purple)}.entity-avatar.type-other{background:#eff2f6;color:#69788c}.product-thumb{background:var(--cyan-50);color:var(--cyan)}.contact-value,.balance-value{display:block;font-size:10px}.status-pill.neutral{background:#edf1f5;color:#68788d}.status-pill.warning{background:#fff7dd;color:#a97006}.stock-indicator{min-width:100px}.stock-indicator>strong{display:block;font-size:10px;margin-bottom:5px}.stock-indicator>span{display:block;width:88px;height:5px;background:#edf1f5;border-radius:8px;overflow:hidden}.stock-indicator i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#5bd19f);border-radius:8px}.account-overview{min-height:185px;border-radius:22px;background:radial-gradient(circle at 15% 20%,rgba(94,146,255,.28),transparent 35%),linear-gradient(125deg,#0c2b50,#102f57);color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(10,37,69,.18);margin-bottom:18px}.account-overview-main{position:relative;z-index:2}.account-overview-main>span{font-size:11px;color:#b7cadc}.account-overview-main>strong{font-size:31px;display:block;margin:6px 0}.account-overview-main strong small{font-size:10px;font-weight:500}.account-overview-main p{font-size:10px;color:#b4c8d9;margin:0}.account-overview-art{width:150px;height:120px;position:relative;display:grid;place-items:center}.overview-wallet{width:82px;height:82px;stroke:rgba(255,255,255,.82);stroke-width:1.2;fill:none;position:relative;z-index:2}.account-overview-art i,.account-overview-art b{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.account-overview-art i{width:135px;height:135px}.account-overview-art b{width:190px;height:190px}.account-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-detail-card{padding:20px}.account-detail-head{display:flex;align-items:center;justify-content:space-between}.account-large-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue)}.account-large-icon.cash{background:var(--green-50);color:var(--green)}.account-detail-card>small{color:var(--muted);font-size:9px;display:block;margin-top:14px}.account-detail-card h3{margin:2px 0 12px;font-size:15px}.account-detail-card>strong{font-size:19px;display:block}.account-detail-card>strong em{font-size:9px;color:var(--muted);font-style:normal;font-weight:500}.account-detail-foot{border-top:1px solid var(--border);margin-top:15px;padding-top:11px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.account-detail-foot a{color:var(--blue);font-weight:700}
@media(max-width:1100px){.summary-strip{grid-template-columns:repeat(2,1fr)}.account-cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.summary-strip,.account-cards-grid{grid-template-columns:1fr}.premium-toolbar{padding:9px}.filter-select{width:100%}.account-overview{padding:22px}.account-overview-art{display:none}.account-overview-main>strong{font-size:25px}}

/* Reports 2.0 */
.reports-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:18px}.yearly-chart-card,.report-insight-card,.report-account-card,.category-report-card{padding:20px}.year-chart{height:330px;position:relative;padding-top:15px}.year-grid{position:absolute;inset:18px 0 54px;display:flex;flex-direction:column;justify-content:space-between}.year-grid i{border-top:1px dashed #e8edf3}.year-bars{position:absolute;inset:18px 0 0;display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end}.year-month{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.year-pair{height:calc(100% - 38px);width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.year-pair i{width:30%;max-width:16px;min-height:2px;border-radius:6px 6px 2px 2px}.year-pair .sale{background:linear-gradient(180deg,#5b90ff,var(--blue))}.year-pair .purchase{background:#c6d3e6}.year-month>span{font-size:8px;color:var(--muted);white-space:nowrap;transform:rotate(-28deg);transform-origin:center}.reports-side{display:flex;flex-direction:column;gap:18px}.health-ring{--score:75;width:148px;height:148px;margin:5px auto 18px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--score)*1%),#e9eef4 0);display:grid;place-items:center;position:relative}.health-ring:after{content:"";width:104px;height:104px;border-radius:50%;background:#fff;position:absolute}.health-ring>div{position:relative;z-index:2;text-align:center}.health-ring strong,.health-ring span{display:block}.health-ring strong{font-size:28px}.health-ring span{font-size:8px;color:var(--muted)}.health-list{display:flex;flex-direction:column}.health-list>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border);font-size:9px}.health-list span{color:var(--muted)}.reports-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.report-category-list{padding-top:6px}.report-category-list .category-row{grid-template-columns:120px 1fr 40px;padding:7px 0}
@media(max-width:1100px){.reports-layout{grid-template-columns:1fr}.reports-side{display:grid;grid-template-columns:1fr 1fr}.reports-bottom-grid{grid-template-columns:1fr}}
@media(max-width:680px){.reports-side{grid-template-columns:1fr}.year-chart{height:280px}.year-month>span{font-size:7px}.report-summary{grid-template-columns:1fr}.year-bars{gap:3px}}

/* Transaction workflow */
.workflow-steps{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:13px 18px;margin-bottom:18px;box-shadow:var(--shadow)}.workflow-steps>div{display:flex;align-items:center;gap:9px;min-width:145px}.workflow-steps>div>span{width:31px;height:31px;border-radius:10px;background:#edf1f6;color:#7c8a9d;display:grid;place-items:center;font-size:10px;font-weight:800}.workflow-steps>div.active>span{background:var(--blue);color:#fff;box-shadow:0 7px 14px rgba(47,111,237,.2)}.workflow-steps p{margin:0}.workflow-steps strong,.workflow-steps small{display:block}.workflow-steps strong{font-size:10px}.workflow-steps small{font-size:8px;color:var(--muted)}.workflow-steps>i{height:1px;background:#dfe6ef;flex:1;margin:0 12px}.elevated-block{box-shadow:0 12px 35px rgba(30,55,85,.055)}.block-title-with-icon{display:flex;align-items:center;gap:10px}.section-icon{width:43px;height:43px;border-radius:13px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}.section-icon.mint{background:var(--green-50);color:var(--green)}.section-icon.amber{background:var(--orange-50);color:var(--orange)}.block-title-with-icon h2,.block-title-with-icon small{display:block}.modern-lines{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.modern-lines .line-head{background:linear-gradient(180deg,#f6f9fc,#eef3f8)}.modern-lines .line-row{padding:11px}.line-total{background:#f4f7fb;border-radius:9px;padding:8px;text-align:center;color:var(--text)}.payment-method-wrap{display:flex;gap:6px}.premium-summary-card{overflow:hidden;padding:0}.summary-header{padding:21px;background:linear-gradient(135deg,#0d2c51,#143a67);color:#fff;display:flex;align-items:center;gap:11px}.summary-hero-icon{width:43px;height:43px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center}.summary-header small,.summary-header h2{display:block;margin:0}.summary-header small{color:#a9bfd4;font-size:9px}.summary-header h2{font-size:16px}.premium-summary-card>.summary-row,.premium-summary-card>.summary-amount-box,.premium-summary-card>.secure-note,.premium-summary-card>.btn{margin-right:20px;margin-left:20px}.premium-summary-card>.summary-row:first-of-type{margin-top:12px}.summary-amount-box{background:linear-gradient(135deg,#eef4ff,#f7fbff);border:1px solid #dce8fa;border-radius:14px;padding:15px;margin-top:13px;margin-bottom:7px}.summary-amount-box span,.summary-amount-box strong,.summary-amount-box small{display:block}.summary-amount-box span{font-size:9px;color:var(--muted)}.summary-amount-box strong{font-size:24px;color:var(--blue);margin-top:2px}.summary-amount-box small{font-size:8px;color:var(--muted)}.secure-note{display:flex;align-items:flex-start;gap:7px;background:var(--green-50);color:#26765a;border-radius:11px;padding:10px;font-size:9px;line-height:1.7;margin-top:14px!important;margin-bottom:14px!important}.submit-transaction{margin-top:0!important}.premium-summary-card>.btn:last-child{margin-bottom:20px}.transaction-help-card{padding:16px}.transaction-help-card>strong{font-size:11px}.transaction-help-card ul{margin:8px 0 0;padding-right:18px;color:var(--muted);font-size:9px}.transaction-help-card li{margin:5px 0}
@media(max-width:850px){.workflow-steps{overflow-x:auto}.workflow-steps>div{min-width:135px}.workflow-steps>i{min-width:30px}.payment-method-wrap{grid-column:1/-1}}

/* source: v3.css */
/* Hamyara Design System 3.0 — comfortable, readable and RTL-first */
:root{
  --navy-950:#07182b;
  --navy-900:#0b2442;
  --navy-850:#102f53;
  --navy-800:#173c67;
  --blue:#2563eb;
  --blue-600:#1d4ed8;
  --blue-100:#dbeafe;
  --blue-50:#eff6ff;
  --teal:#0f9f8f;
  --teal-50:#ecfdf8;
  --green:#129b6d;
  --green-50:#ecfdf5;
  --orange:#ea7a22;
  --orange-50:#fff7ed;
  --purple:#7455d9;
  --purple-50:#f5f3ff;
  --red:#dc4453;
  --red-50:#fff1f2;
  --cyan:#1787aa;
  --cyan-50:#ecfeff;
  --text:#142033;
  --text-2:#3c4b61;
  --muted:#718096;
  --border:#dde5ee;
  --border-strong:#cbd6e3;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --page:#f1f5f9;
  --shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:0 4px 15px rgba(15,23,42,.055);
  --shadow:0 12px 35px rgba(15,23,42,.07);
  --shadow-lg:0 24px 70px rgba(15,23,42,.13);
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:22px;
  --sidebar:266px;
  --topbar:70px;
  --focus:0 0 0 4px rgba(37,99,235,.13);
}

html{font-size:16px}
body{
  min-width:320px;
  background:var(--page);
  color:var(--text);
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.75;
  font-feature-settings:"tnum" 1,"ss01" 1;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:inherit;font-size:14px}
::selection{background:#bfdbfe;color:#0f2a4a}
:focus-visible{outline:none;box-shadow:var(--focus)}
.skip-link{position:fixed;top:-100px;right:16px;z-index:1000;background:#fff;color:var(--navy-900);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow-lg)}
.skip-link:focus{top:12px}

/* Shell */
.sidebar{
  width:var(--sidebar);
  padding:20px 16px 14px;
  background:
    radial-gradient(circle at 30% -10%,rgba(56,189,248,.16),transparent 28%),
    linear-gradient(180deg,var(--navy-900),var(--navy-950));
  box-shadow:-12px 0 36px rgba(7,24,43,.12);
}
.brand{padding:0 4px 18px}
.brand-link{display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{width:44px;height:44px;border-radius:13px;font-size:23px;box-shadow:0 10px 28px rgba(37,99,235,.25)}
.brand-copy strong{font-size:21px;letter-spacing:-.3px}
.brand-copy small{font-size:10.5px;color:#98abc0}
.business-card{width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);color:inherit;text-align:right;min-height:64px;padding:11px 12px;margin-bottom:14px}
.business-card:hover{background:rgba(255,255,255,.08)}
.business-avatar{width:40px;height:40px}
.business-card strong{font-size:12.5px}
.business-card small{font-size:10.5px}
.nav-caption{font-size:10.5px;margin:17px 11px 7px;color:#71879e}
.nav-list{gap:3px}
.nav-item{min-height:47px;padding:0 12px;border-radius:12px;font-size:13px;gap:11px}
.nav-item.active{background:linear-gradient(90deg,rgba(59,130,246,.24),rgba(59,130,246,.1));box-shadow:inset -3px 0 #60a5fa,0 8px 24px rgba(0,0,0,.08)}
.nav-item kbd{font-size:9.5px;padding:2px 7px}
.sidebar-support{display:flex;gap:10px;align-items:flex-start;padding:13px;border-radius:14px}
.sidebar-support .support-icon{flex:0 0 34px;margin:0}
.sidebar-support strong{font-size:11.5px}
.sidebar-support small{font-size:9.8px}
.logout-btn{font-size:12px}
.version-chip{font-size:9.5px}
.main-area{margin-right:var(--sidebar)}
.topbar{
  height:var(--topbar);
  padding:0 24px;
  gap:18px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid #e2e8f0;
  box-shadow:0 2px 12px rgba(15,23,42,.025);
}
.topbar-right{min-width:210px}
.avatar{width:40px;height:40px;border-radius:12px;font-size:16px}
.topbar-user strong{font-size:12.5px}
.topbar-user small{font-size:10px}
.topbar-search{height:43px;max-width:560px;border-radius:12px;padding:0 13px;position:relative;background:#f8fafc}
.topbar-search input{font-size:13px}
.topbar-search kbd{font-size:9px}
.topbar-left{gap:9px}
.icon-button{width:40px;height:40px;border-radius:11px}
.date-chip{height:46px;min-width:255px;border-radius:12px;padding:0 10px}
.date-copy b{font-size:11.5px}
.date-copy small{font-size:9.5px}
.mini-calendar-popover{top:62px;left:24px;width:360px;padding:18px;border-radius:18px}
.calendar-day{height:39px;font-size:12px}
.search-results{position:absolute;top:50px;right:0;left:0;max-height:520px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;z-index:120}
.search-results[hidden]{display:none}
.search-result-group+ .search-result-group{border-top:1px solid var(--border);margin-top:7px;padding-top:7px}
.search-result-group>strong{display:block;padding:6px 9px;color:var(--muted);font-size:11px}
.search-result-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px}
.search-result-item:hover,.search-result-item.active{background:var(--blue-50)}
.search-result-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}
.search-result-copy{min-width:0;flex:1}
.search-result-copy b,.search-result-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result-copy b{font-size:12.5px}.search-result-copy small{font-size:10.5px;color:var(--muted)}
.search-empty{padding:18px;text-align:center;color:var(--muted);font-size:12px}

.content-wrap{max-width:1780px;padding:26px 28px 72px}
.page-heading{margin-bottom:20px;align-items:center}
.page-kicker{font-size:11px}
.page-heading h1{font-size:25px;letter-spacing:-.4px}
.page-heading p{font-size:13px;max-width:760px}
.page-actions{gap:8px;flex-wrap:wrap}

/* Components */
.card{border-color:#e0e7ef;border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.btn{height:44px;padding:0 17px;border-radius:11px;font-size:13px;font-weight:700;letter-spacing:-.1px}
.btn:hover{transform:none;filter:brightness(.985);box-shadow:0 7px 18px rgba(15,23,42,.08)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--blue);box-shadow:0 8px 18px rgba(37,99,235,.18)}
.btn-success{background:var(--green);box-shadow:0 8px 18px rgba(18,155,109,.18)}
.btn-secondary{background:#fff;color:var(--blue);border-color:#bfd0ea}
.btn-light{background:#fff;color:var(--text-2);border-color:var(--border)}
.btn-soft{background:var(--blue-50);color:var(--blue);border-color:#d9e7ff}
.btn-sm{height:36px;padding:0 12px;font-size:11.5px}
.btn-large{height:50px;font-size:14px;border-radius:13px}
.btn-block{width:100%}
.input,.select,.textarea{
  width:100%;
  min-height:44px;
  border:1px solid var(--border-strong);
  border-radius:11px;
  background:#fff;
  color:var(--text);
  padding:0 13px;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.textarea{padding:12px 13px;resize:vertical;line-height:1.8}
.input:hover,.select:hover,.textarea:hover{border-color:#aebed1}
.input:focus,.select:focus,.textarea:focus{outline:0;border-color:#7da7f5;box-shadow:var(--focus)}
.input::placeholder,.textarea::placeholder{color:#9aa7b8}
.select{padding-left:36px}
.field{gap:7px}
.field>span,.field-label{font-size:12.5px;font-weight:700;color:var(--text-2)}
.field-label b{color:var(--red);font-size:12px}
.field-hint{font-size:10.5px;color:var(--muted);line-height:1.55}
.checkbox{font-size:13px;min-height:44px}
.form-card{padding:24px}
.form-grid{gap:18px}
.form-actions{padding-top:20px;margin-top:18px;border-top:1px solid var(--border)}
.alert{border-radius:13px;padding:12px 15px;font-size:12.5px;margin-bottom:18px}

/* Dashboard and cards: remove tiny typography */
.dashboard-hero{border-radius:22px;padding:30px 34px;min-height:220px}
.hero-badge{font-size:11px}
.hero-copy h1{font-size:29px}
.hero-copy p{font-size:13px;max-width:680px}
.hero-today .today-label{font-size:11px}
.hero-today strong{font-size:29px}
.hero-today span,.hero-today small{font-size:11px}
.kpi-grid{gap:15px}
.metric-card{padding:20px}
.metric-label{font-size:12px}
.metric-card>strong{font-size:23px}
.metric-card>strong small{font-size:10px}
.metric-note,.trend-chip{font-size:10.5px}
.metric-foot{font-size:10.5px}
.panel-head h2{font-size:16px}
.panel-kicker{font-size:10.5px}
.chart-legend,.chart-day>span,.chart-y-labels,.analytics-summary span{font-size:10.5px}
.analytics-summary strong{font-size:13px}
.quick-strip-head span,.quick-strip-head small{font-size:10.5px}
.quick-strip-head strong{font-size:15px}
.quick-tile strong{font-size:13px}.quick-tile small{font-size:10.5px}
.data-table{font-size:12px}
.data-table th{font-size:11px;padding:13px 14px}
.data-table td{padding:13px 14px;vertical-align:middle}
.table-sub{font-size:10px}
.doc-code,.money-cell{font-size:12.5px}
.status-pill{font-size:10.5px;padding:5px 9px}
.transaction-badge{font-size:10.5px}
.entity-cell strong{font-size:12.5px}.entity-cell small{font-size:10px}
.contact-value,.balance-value{font-size:11.5px}
.summary-strip small{font-size:10.5px}.summary-strip strong{font-size:19px}
.account-detail-card>small,.account-detail-foot{font-size:10.5px}
.account-detail-card h3{font-size:15.5px}.account-detail-card>strong{font-size:20px}
.account-overview-main>span{font-size:11.5px}.account-overview-main p{font-size:11px}
.health-list>div{font-size:11px}.health-ring span{font-size:10px}
.year-month>span{font-size:9.5px}

/* Transaction document workspace */
body:has([data-transaction-form]) .content-wrap{max-width:none;padding:0 24px 56px}
.document-topbar{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:13px 16px;
  margin:18px 0 12px;
  box-shadow:var(--shadow-xs);
}
.document-title-group{display:flex;align-items:center;gap:12px;min-width:0}
.document-back{width:40px;height:40px;border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;color:var(--text-2);transform:rotate(180deg)}
.document-back:hover{background:var(--surface-2)}
.document-type-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue)}
.document-type-icon.green,.document-type-icon.sale,.document-type-icon.receipt{background:var(--green-50);color:var(--green)}
.document-type-icon.orange,.document-type-icon.purchase,.document-type-icon.payment{background:var(--orange-50);color:var(--orange)}
.document-eyebrow{font-size:10.5px;color:var(--muted)}
.document-title-group h1{font-size:20px;line-height:1.35;margin:0;letter-spacing:-.25px}
.document-top-actions{display:flex;align-items:center;gap:8px}
.autosave-note{font-size:10.5px;color:var(--muted);margin-left:8px}
.document-progress{
  display:flex;
  align-items:center;
  background:rgba(255,255,255,.82);
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 16px;
  margin-bottom:16px;
  overflow-x:auto;
}
.progress-step{display:flex;align-items:center;gap:9px;min-width:150px;color:var(--muted)}
.progress-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9eef5;color:#6b7b90;font-weight:800;font-size:11px}
.progress-step strong,.progress-step small{display:block}.progress-step strong{font-size:11.5px;color:var(--text-2)}.progress-step small{font-size:9.5px}
.progress-step.active>span{background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.22)}
.progress-step.active strong{color:var(--blue)}
.document-progress>i{height:1px;background:#d9e2ed;flex:1;min-width:42px;margin:0 12px}
.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}
.document-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.workspace-card{background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow-xs);overflow:hidden}
.workspace-card-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e9eef4}
.section-heading{display:flex;align-items:center;gap:11px}
.section-number{width:36px;height:36px;border-radius:11px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:900}
.section-number.mint{background:var(--green-50);color:var(--green)}
.section-number.amber{background:var(--orange-50);color:var(--orange)}
.section-heading h2{font-size:15.5px;margin:0;letter-spacing:-.15px}
.section-heading p{font-size:10.5px;color:var(--muted);margin:1px 0 0}
.required-note{font-size:10.5px;color:var(--muted)}.required-note i{color:var(--red);font-style:normal}
.workspace-card-body{padding:20px}
.smart-form-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr 1.1fr;gap:18px 16px;align-items:start}
.field-date{grid-column:span 1}.field-time{grid-column:span 1}.field-party{grid-column:span 2}.field-reference{grid-column:span 2}.field-notes{grid-column:span 2}
.field-composite{display:flex;align-items:stretch}
.field-composite .input{border-radius:0 11px 11px 0}
.field-action{width:46px;border:1px solid var(--border-strong);border-right:0;background:var(--surface-2);color:var(--blue);border-radius:11px 0 0 11px;display:grid;place-items:center}
.field-action:hover{background:var(--blue-50)}

.line-items-v3{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.line-head-v3,.line-row-v3{display:grid;grid-template-columns:minmax(260px,2.2fr) 138px minmax(150px,1fr) minmax(140px,.9fr) 130px 42px;gap:10px;align-items:center}
.line-head-v3{min-height:48px;padding:0 13px;background:#f7f9fc;color:#66758b;border-bottom:1px solid var(--border);font-size:10.5px;font-weight:700}
.line-head-v3 small{display:block;font-size:8.5px;font-weight:500;color:#94a0b0}
.line-row-v3{padding:12px 13px;border-bottom:1px solid #e9eef4;background:#fff;transition:background .15s}
.line-row-v3:hover{background:#fcfdff}
.line-row-v3:last-child{border-bottom:0}
.product-cell{min-width:0}
.product-select{font-weight:600}
.product-meta{display:flex;gap:12px;margin-top:5px;color:var(--muted);font-size:9.5px;padding:0 2px}
.product-meta span:first-child{color:#5d6f86}
.number-field{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;border:1px solid var(--border-strong);border-radius:11px;overflow:hidden;background:#fff}
.number-field .input{height:42px;min-height:42px;border:0;border-radius:0;text-align:center;padding:0 4px;box-shadow:none}
.number-field button{height:42px;border:0;background:#f7f9fc;color:var(--text-2);font-size:17px}
.number-field button:hover{background:var(--blue-50);color:var(--blue)}
.money-input-wrap{position:relative}
.money-input-wrap .input{padding-left:50px;text-align:right;font-variant-numeric:tabular-nums}
.money-input-wrap>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--muted);pointer-events:none}
.line-total-v3{padding:7px 8px;border-radius:10px;background:#f6f9fc;text-align:center;min-height:44px;display:flex;flex-direction:column;justify-content:center}
.line-total-v3 strong{font-size:13px;line-height:1.3}.line-total-v3 small{font-size:8.5px;color:var(--muted)}
.row-action{width:34px;height:34px;border:0;border-radius:10px;display:grid;place-items:center;font-size:19px}
.row-action.danger{background:var(--red-50);color:var(--red)}
.row-action.danger:hover{background:#ffe4e6}
.items-footer{min-height:52px;padding:9px 13px;background:#fbfcfe;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}
.text-action{border:0;background:transparent;color:var(--blue);font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px;padding:8px 6px}
.items-footer>div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10.5px}
.items-footer strong{color:var(--text);margin-left:8px}

.payment-list-v3{display:flex;flex-direction:column;gap:10px}
.payment-row-v3{display:grid;grid-template-columns:92px minmax(220px,1.4fr) minmax(170px,1fr) minmax(155px,.9fr) minmax(160px,.9fr) 38px;gap:11px;align-items:end;border:1px solid var(--border);border-radius:14px;padding:13px;background:#fbfcfe}
.payment-direction{align-self:center}
.direction-badge{height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.direction-badge.in{background:var(--green-50);color:var(--green)}
.direction-badge.out{background:var(--orange-50);color:var(--orange)}
.mini-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.mini-field>span{font-size:10.5px;color:var(--text-2);font-weight:700}
.mini-field>small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);color:var(--muted);font-size:10.5px}
.review-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#f0fdf8,#f7fffc);border:1px solid #cdece1;border-radius:16px;padding:17px 18px}
.review-card>div{display:flex;align-items:center;gap:12px}.review-icon{width:42px;height:42px;border-radius:12px;background:#dff8ef;color:var(--green);display:grid;place-items:center}
.review-card h2{font-size:14.5px;margin:0}.review-card p{font-size:10.5px;color:#56766d;margin:2px 0 0}

.document-summary{position:sticky;top:calc(var(--topbar) + 16px);display:flex;flex-direction:column;gap:12px}
.summary-panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;padding-bottom:16px}
.summary-panel>header{display:flex;align-items:center;gap:11px;padding:18px;background:linear-gradient(145deg,#0d2b4f,#12385f);color:#fff}
.summary-icon-main{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.11);display:grid;place-items:center}
.summary-panel>header small,.summary-panel>header h2{display:block;margin:0}.summary-panel>header small{font-size:9.5px;color:#b6c9da}.summary-panel>header h2{font-size:16px}
.summary-party{padding:14px 18px;border-bottom:1px solid var(--border)}
.summary-party span,.summary-party strong,.summary-party small{display:block}.summary-party span{font-size:10px;color:var(--muted)}.summary-party strong{font-size:12.5px;margin-top:2px}.summary-party small{font-size:9.5px;color:var(--muted)}
.summary-total-primary{margin:14px 16px 8px;padding:15px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #d8e7ff}
.summary-total-primary span,.summary-total-primary strong,.summary-total-primary small{display:block}.summary-total-primary span{font-size:10px;color:#61758f}.summary-total-primary strong{font-size:28px;color:var(--blue);line-height:1.35;margin-top:2px}.summary-total-primary small{font-size:9px;color:var(--muted)}
.summary-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 16px}
.summary-breakdown>div{padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}
.summary-breakdown span,.summary-breakdown strong{display:block}.summary-breakdown span{font-size:9.5px;color:var(--muted)}.summary-breakdown strong{font-size:13px;margin-top:2px}
.summary-balance{margin:10px 16px 0;padding:11px 12px;border-radius:12px;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;gap:10px}
.summary-balance span{font-size:9.5px;color:var(--muted)}.summary-balance strong{font-size:11.5px}
.summary-checklist{margin:13px 16px 0;padding:10px 12px;border:1px dashed #d6e0eb;border-radius:12px;background:#fbfcfd}
.summary-checklist>div{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--muted);padding:4px 0}
.summary-checklist i{width:16px;height:16px;border-radius:50%;border:1.5px solid #bdc9d8;position:relative}
.summary-checklist>div.done{color:var(--green)}.summary-checklist>div.done i{border-color:var(--green);background:var(--green)}.summary-checklist>div.done i:after{content:"✓";position:absolute;color:#fff;font-size:10px;inset:-1px 0 0;display:grid;place-items:center}
.summary-security{margin:13px 16px;padding:10px 11px;border-radius:11px;background:var(--green-50);color:#34745f;display:flex;gap:7px;align-items:flex-start;font-size:9.5px;line-height:1.7}
.summary-panel>.btn{margin:9px 16px 0;width:calc(100% - 32px)}
.context-help{background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px 15px;color:var(--muted)}
.context-help>strong{font-size:11.5px;color:var(--text);display:block;margin-bottom:8px}
.context-help>div{display:flex;align-items:center;gap:5px;font-size:9.8px;padding:4px 0}.context-help span{margin-right:4px}.context-help kbd{border:1px solid var(--border);background:#f8fafc;border-radius:5px;padding:1px 5px;font-size:8.5px;color:#617187}

/* Existing entity pages */
.toolbar,.premium-toolbar{gap:10px;align-items:center}
.search-box{min-height:44px}
.search-box input{font-size:13px}
.summary-strip{gap:12px}
.summary-strip>div{padding:14px 15px}
.panel{overflow:hidden}
.table-wrap{scrollbar-width:thin;scrollbar-color:#c8d3df transparent}
.data-table tbody tr:hover{background:#f8fbff}
.empty-state{padding:38px 20px}.empty-state b{font-size:14px}.empty-state span{font-size:11px}

/* Responsive */
@media(max-width:1350px){
  .document-layout{grid-template-columns:minmax(0,1fr) 320px}
  .line-head-v3,.line-row-v3{grid-template-columns:minmax(230px,2fr) 125px minmax(140px,1fr) minmax(130px,.9fr) 115px 38px;gap:8px}
  .payment-row-v3{grid-template-columns:80px minmax(200px,1.3fr) minmax(150px,1fr) 145px 145px 36px;gap:8px}
  .autosave-note{display:none}
}
@media(max-width:1180px){
  :root{--sidebar:245px}
  .smart-form-grid{grid-template-columns:1fr 1fr}
  .field-date,.field-time,.field-party,.field-reference{grid-column:span 1}.field-notes{grid-column:1/-1}
  .document-layout{grid-template-columns:1fr}
  .document-summary{position:static;display:grid;grid-template-columns:minmax(300px,.7fr) minmax(260px,.3fr)}
  .context-help{align-self:start}
  .line-items-v3{overflow-x:auto}.line-head-v3,.line-row-v3{min-width:1000px}
  .payment-list-v3{overflow-x:auto}.payment-row-v3{min-width:980px}
}
@media(max-width:1000px){
  :root{--sidebar:266px}
  .sidebar{transform:translateX(110%);transition:transform .22s ease}.sidebar.open{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(7,24,43,.44);z-index:45}.sidebar.open+.sidebar-backdrop{display:block}
  .main-area{margin-right:0}.menu-toggle,.sidebar-close{display:grid;place-items:center}
  .topbar-right{min-width:auto}.topbar-user>div:last-child{display:none}
  .topbar{padding:0 16px}.date-chip{min-width:210px}.content-wrap{padding:22px 18px 64px}
  body:has([data-transaction-form]) .content-wrap{padding:0 16px 48px}
}
@media(max-width:760px){
  body{font-size:13.5px}
  .topbar{gap:10px}.topbar-search{order:3;position:absolute;top:62px;right:12px;left:12px;max-width:none;display:none;box-shadow:var(--shadow)}
  .topbar-search.mobile-open{display:flex}.topbar-left .date-chip{min-width:0;width:46px;padding:0}.date-copy,.date-chip>.tiny-icon{display:none}
  .content-wrap{padding-top:18px}
  .page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:22px}.page-actions{width:100%}.page-actions .btn{flex:1}
  .document-topbar{align-items:flex-start;flex-direction:column}.document-top-actions{width:100%}.document-top-actions .btn{flex:1}.document-title-group .status-pill{display:none}
  .document-progress{padding:9px 12px}.progress-step{min-width:130px}.progress-step small{display:none}
  .workspace-card-head{align-items:flex-start;padding:13px 14px}.workspace-card-body{padding:15px}.section-heading p{display:none}.required-note{display:none}
  .smart-form-grid{grid-template-columns:1fr}.field-date,.field-time,.field-party,.field-reference,.field-notes{grid-column:1}
  .document-summary{grid-template-columns:1fr}
  .review-card{align-items:flex-start;flex-direction:column}.review-card .btn{width:100%}
  .no-pad-mobile{padding:0}.line-items-v3{border:0;border-radius:0}.line-head-v3{display:none}.line-row-v3{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border-bottom:8px solid var(--page)}
  .product-cell{grid-column:1/-1}.number-field{grid-column:1}.line-row-v3>.money-input-wrap:nth-of-type(1){grid-column:2}.line-row-v3>.money-input-wrap:nth-of-type(2){grid-column:1}.line-total-v3{grid-column:2}.line-row-v3>.row-action{position:absolute;left:18px;margin-top:4px}.line-row-v3{position:relative}
  .product-meta{padding-left:38px}.items-footer{flex-direction:column;align-items:stretch}.items-footer>div{justify-content:space-between}
  .payment-row-v3{min-width:0;grid-template-columns:1fr 1fr;padding:14px}.payment-direction{grid-column:1}.payment-account{grid-column:1/-1}.payment-amount,.payment-method{grid-column:span 1}.payment-reference{grid-column:1/-1}.payment-row-v3>.row-action{position:absolute;left:14px;top:14px}.payment-row-v3{position:relative}.payment-footer{align-items:flex-start;flex-direction:column;padding:12px 14px}
  .summary-panel>header{padding:15px}.summary-total-primary strong{font-size:25px}
  .dashboard-hero{padding:24px}.hero-copy h1{font-size:24px}
}
@media(max-width:480px){
  .topbar{height:64px}.icon-button{display:none}.document-title-group{gap:8px}.document-type-icon{display:none}.document-title-group h1{font-size:18px}.document-back{width:36px;height:36px}
  .document-top-actions .btn-light{display:none}.document-top-actions .btn-primary{width:100%}
  .progress-step{min-width:112px}.progress-step>span{width:27px;height:27px}.progress-step strong{font-size:10.5px}.document-progress>i{min-width:24px;margin:0 7px}
  .line-row-v3{grid-template-columns:1fr}.number-field,.line-row-v3>.money-input-wrap:nth-of-type(1),.line-row-v3>.money-input-wrap:nth-of-type(2),.line-total-v3{grid-column:1}
  .payment-row-v3{grid-template-columns:1fr}.payment-direction,.payment-account,.payment-amount,.payment-method,.payment-reference{grid-column:1}
  .summary-breakdown{grid-template-columns:1fr}
}

/* Validation */
.has-error .input,.has-error .select,.has-error .textarea,.has-error.number-field{border-color:#e46a75!important;box-shadow:0 0 0 3px rgba(220,68,83,.09)!important}
.control-error{display:block;color:var(--red);font-size:10px;line-height:1.55;margin-top:4px;grid-column:1/-1}
.form-error-summary{border:1px solid #fecdd3;background:#fff1f2;color:#9f1239;border-radius:14px;padding:13px 16px;box-shadow:var(--shadow-xs)}
.form-error-summary strong{font-size:12.5px}.form-error-summary ul{margin:7px 0 0;padding-right:18px;font-size:10.5px}
.product-meta.low span:first-child{color:var(--red);font-weight:700}
button:disabled{opacity:.62;cursor:wait}

/* 3.0 readability pass — finance screens must remain comfortable during long sessions */
@media(min-width:761px){
  body{font-size:15px}
  button,input,select,textarea{font-size:15px}
  .field>span,.field-label{font-size:13.5px}
  .field-hint{font-size:11.5px}
  .input,.select{min-height:48px}
  .textarea{min-height:104px}
  .data-table{font-size:13px}
  .data-table th{font-size:12px}
  .entity-cell strong{font-size:13.5px}.entity-cell small{font-size:11px}
  .document-title-group h1{font-size:22px}
  .document-eyebrow,.autosave-note,.required-note{font-size:11.5px}
  .progress-step strong{font-size:12.5px}.progress-step small{font-size:10.5px}
  .section-heading h2{font-size:17px}.section-heading p{font-size:11.5px}
  .line-head-v3{font-size:11.5px}.line-head-v3 small{font-size:9.5px}
  .product-meta{font-size:10.5px}.line-total-v3 strong{font-size:14px}.line-total-v3 small{font-size:9.5px}
  .mini-field>span{font-size:11.5px}.mini-field>small{font-size:10px}
  .direction-badge{font-size:12px}
  .summary-panel>header small{font-size:10.5px}.summary-panel>header h2{font-size:18px}
  .summary-party span,.summary-total-primary span,.summary-breakdown span,.summary-balance span{font-size:10.5px}
  .summary-party strong{font-size:13.5px}.summary-party small{font-size:10.5px}
  .summary-checklist>div{font-size:11.5px}
}

/* Entity forms — short, grouped, and task oriented */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.entity-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;max-width:1480px;margin:0 auto}
.entity-form-layout.compact-layout{max-width:1160px}
.entity-form-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.entity-form-aside{position:sticky;top:calc(var(--topbar) + 20px);display:flex;flex-direction:column;gap:14px}
.form-section-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-xs);overflow:hidden}
.form-section-head{min-height:78px;padding:15px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8edf3;background:linear-gradient(180deg,#fff,#fcfdff)}
.form-section-head.compact{min-height:70px}
.form-section-head>div{min-width:0;flex:1}.form-section-head h2{margin:0;font-size:17px;letter-spacing:-.2px}.form-section-head p{margin:2px 0 0;color:var(--muted);font-size:11.5px}
.form-section-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.form-section-icon.blue{background:var(--blue-50);color:var(--blue)}.form-section-icon.mint{background:var(--green-50);color:var(--green)}.form-section-icon.amber{background:var(--orange-50);color:var(--orange)}
.form-section-body{padding:22px}
.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}
.input-lg{min-height:54px!important;font-size:16px!important;font-weight:650}
.ltr-value{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
.toggle-field{min-height:68px;border:1px solid var(--border);border-radius:13px;background:#fbfcfe;padding:11px 13px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}.toggle-field>span{min-width:0;flex:1}.toggle-field strong,.toggle-field small{display:block}.toggle-field strong{font-size:13px}.toggle-field small{font-size:10.5px;color:var(--muted);margin-top:2px}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-field i{width:46px;height:26px;border-radius:99px;background:#d9e1eb;position:relative;transition:.18s;flex:0 0 auto}.toggle-field i:after{content:"";position:absolute;width:20px;height:20px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.2);transition:.18s}.toggle-field input:checked+i{background:var(--green)}.toggle-field input:checked+i:after{right:23px}.toggle-field:focus-within{box-shadow:var(--focus);border-color:#7da7f5}
.form-save-card{background:#fff;border:1px solid var(--border);border-radius:19px;padding:22px;box-shadow:var(--shadow);text-align:center}.save-card-mark,.product-preview-icon{width:62px;height:62px;border-radius:18px;margin:0 auto 13px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf2ff,#f5f9ff);color:var(--blue);border:1px solid #d8e5fb}.form-save-card>small{color:var(--muted);font-size:11px}.form-save-card h2{font-size:19px;margin:3px 0 8px}.form-save-card>p{font-size:11.5px;color:var(--muted);line-height:1.85;margin:0 0 16px}.save-checks{display:flex;flex-direction:column;text-align:right;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:11px 0;margin-bottom:16px}.save-checks span{font-size:11.5px;color:var(--text-2);padding:5px 0;display:flex;align-items:center;gap:8px}.save-checks i{font-style:normal;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--green-50);color:var(--green);font-size:10px;font-weight:900}.form-save-card .btn+.btn{margin-top:9px}
.form-tip-card{padding:16px 17px;border:1px solid #dbe7f7;background:#f5f9ff;border-radius:15px;color:#45617e}.form-tip-card strong{font-size:12.5px}.form-tip-card p{font-size:10.5px;line-height:1.8;margin:4px 0 0;color:#647d98}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.price-field{display:block;border:1px solid var(--border);border-radius:15px;padding:15px;background:#fbfcfe}.price-field.featured{border-color:#bcd1f7;background:linear-gradient(145deg,#eff6ff,#fbfdff)}.price-field>span{font-size:12px;font-weight:750;color:var(--text-2)}.price-field>div{height:52px;margin:7px 0 5px;border:1px solid var(--border-strong);background:#fff;border-radius:11px;display:flex;align-items:center;overflow:hidden}.price-field>div:focus-within{border-color:#7da7f5;box-shadow:var(--focus)}.price-field input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 12px;font-size:17px;font-weight:750;text-align:right;color:var(--text)}.price-field b{align-self:stretch;display:flex;align-items:center;padding:0 11px;border-right:1px solid var(--border);background:#f7f9fc;color:var(--muted);font-size:10px;white-space:nowrap}.price-field small{font-size:10px;color:var(--muted)}
.margin-preview{margin-top:13px;border-radius:13px;background:var(--green-50);border:1px solid #caeadf;padding:12px 15px;display:flex;align-items:center;gap:9px}.margin-preview span{font-size:11px;color:#4c7166}.margin-preview strong{font-size:17px;color:var(--green)}.margin-preview small{margin-right:auto;font-size:10px;color:#6c8a82}
.product-save-card .product-preview-icon{background:linear-gradient(145deg,#eafbf7,#f6fffc);color:var(--green);border-color:#cdebe2}.preview-price{padding:13px;border-radius:13px;background:var(--blue-50);margin-bottom:14px}.preview-price span,.preview-price strong,.preview-price small{display:block}.preview-price span{font-size:10px;color:var(--muted)}.preview-price strong{font-size:24px;color:var(--blue);line-height:1.4}.preview-price small{font-size:9px;color:var(--muted)}
.large-money-field{height:58px;border:1px solid var(--border-strong);border-radius:12px;display:flex;align-items:center;overflow:hidden;background:#fff}.large-money-field:focus-within{border-color:#7da7f5;box-shadow:var(--focus)}.large-money-field input{height:100%;min-width:0;flex:1;border:0;outline:0;padding:0 15px;font-size:19px;font-weight:750;background:transparent}.large-money-field span{height:100%;padding:0 16px;border-right:1px solid var(--border);background:#f7f9fc;display:flex;align-items:center;color:var(--muted);font-size:11px}
.form-info-banner{border:1px solid #cce8de;background:linear-gradient(135deg,#effbf7,#fbfffd);border-radius:16px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;color:var(--green)}.form-info-banner>svg{flex:0 0 28px;width:28px;height:28px}.form-info-banner strong{font-size:13px}.form-info-banner p{font-size:11px;color:#5d786f;margin:3px 0 0;line-height:1.8}

/* Login legibility and polish */
.login-card .field>input,.login-card .password-wrap{min-height:50px}.login-card .field>input,.login-card .password-wrap input{font-size:15px}.login-card h2{font-size:25px}.login-card>p{font-size:13px}.demo-note{font-size:11px}

/* Progressive searchable selects */
.enhanced-select{position:relative}.enhanced-select>select.enhanced-native{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.combo-control{min-height:48px;border:1px solid var(--border-strong);border-radius:11px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;transition:.16s}.combo-control:focus-within{border-color:#7da7f5;box-shadow:var(--focus)}.combo-control input{border:0;outline:0;background:transparent;min-width:0;flex:1;height:44px;padding:0;color:var(--text);font:inherit}.combo-clear{width:28px;height:28px;border:0;background:#f1f5f9;border-radius:8px;color:var(--muted);display:grid;place-items:center}.combo-toggle{border:0;background:transparent;color:var(--muted);font-size:16px}.combo-list{position:absolute;z-index:220;right:0;left:0;top:calc(100% + 6px);max-height:300px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow-lg)}.combo-list[hidden]{display:none}.combo-option{width:100%;border:0;background:transparent;border-radius:9px;text-align:right;padding:9px 10px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px}.combo-option:hover,.combo-option.active{background:var(--blue-50);color:var(--blue)}.combo-option small{color:var(--muted);font-size:9.5px}.combo-empty{padding:14px;text-align:center;color:var(--muted);font-size:11px}

@media(max-width:1100px){.entity-form-layout{grid-template-columns:1fr}.entity-form-aside{position:static;display:grid;grid-template-columns:minmax(300px,.65fr) minmax(260px,.35fr)}.entity-form-aside .form-tip-card{align-self:start}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .price-field:last-child{grid-column:1/-1}}
@media(max-width:760px){.entity-form-aside{grid-template-columns:1fr}.form-section-head{padding:13px 14px}.form-section-head p{display:none}.form-section-body{padding:15px}.form-grid.cols-2,.form-grid.cols-3,.pricing-grid{grid-template-columns:1fr}.pricing-grid .price-field:last-child{grid-column:1}.margin-preview{align-items:flex-start;flex-wrap:wrap}.margin-preview small{width:100%;margin:0}.form-save-card{padding:18px}.toggle-field{min-height:64px}}

/* source: v5.css */
/* Hamyara 5.0 — task-first, large typography, calm retail workspace */
:root{
  --hamyara-font:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  --v5-ink:#122033;
  --v5-muted:#64748b;
  --v5-line:#d9e3ef;
  --v5-soft:#f5f8fc;
  --v5-blue:#2563eb;
  --v5-green:#059669;
  --v5-red:#dc2626;
  --v5-orange:#ea580c;
  --v5-radius:18px;
}
html{font-size:18px}
body.readable-ui{
  font-family:var(--hamyara-font);
  font-size:18px;
  line-height:1.78;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  color:var(--v5-ink);
}
body.readable-ui button,body.readable-ui input,body.readable-ui select,body.readable-ui textarea{font-family:var(--hamyara-font)}
body.readable-ui input,body.readable-ui select,body.readable-ui textarea{font-size:18px}
body.readable-ui .money-cell,body.readable-ui [data-total],body.readable-ui [data-paid],body.readable-ui [data-remaining],body.readable-ui [data-line-total],body.readable-ui .summary-strip strong,body.readable-ui .metric-card>strong{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.25px;
}

/* A single large, calm scale is the default. The toggle becomes an accessibility option, not a fix. */
body.extra-readable{font-size:20px}
body.extra-readable input,body.extra-readable select,body.extra-readable textarea{font-size:20px}

/* Global shell: slightly wider work area and larger navigation. */
.sidebar{width:248px;padding:18px 14px}
.main-area{margin-right:248px}
.nav-item{min-height:54px;font-size:15px;border-radius:12px}
.nav-caption{font-size:12px;margin-top:13px}
.brand-copy strong{font-size:25px}.brand-copy small{font-size:12px}
.business-card strong{font-size:15px}.business-card small{font-size:12px}
.topbar{height:72px;min-height:72px;padding-inline:24px}
.topbar-search{height:50px}.topbar-search input{font-size:16px}
.topbar-user strong{font-size:15px}.topbar-user small{font-size:12px}
.date-chip{min-width:270px;height:50px}.date-copy b{font-size:14px}.date-copy small{font-size:11.5px}
.content-wrap{padding:28px 28px 88px;max-width:1760px}
.page-heading h1{font-size:32px}.page-heading p{font-size:16px}
.btn{min-height:52px;font-size:16px;font-weight:750;border-radius:13px}
.btn-sm{min-height:44px;font-size:14px}
.input,.select,.textarea{min-height:60px;font-size:18px;border-radius:13px;border-color:#cbd8e6}
.field-label,.field>span{font-size:16px;font-weight:780}
.field-hint{font-size:12.5px}
.combo-control{min-height:60px;border-radius:13px;padding-inline:14px}
.combo-control input{height:56px;font-size:18px}
.combo-list{max-height:370px;border-radius:15px;padding:8px}
.combo-option{padding:13px 12px;font-size:15px}.combo-option small{font-size:11.5px}
.data-table{font-size:16px}.data-table th{font-size:13px}.data-table td{padding-block:17px}
.metric-card>strong{font-size:35px}.summary-strip strong{font-size:27px}

/* Transaction focus mode: remove navigation noise and maximize usable width. */









.transaction-workbench{display:block}
.focus-header{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:#fff;border:1px solid var(--v5-line);border-radius:18px;
  padding:14px 18px;margin-bottom:18px;box-shadow:0 8px 28px rgba(15,23,42,.05);
  position:sticky;top:78px;z-index:42;
}
.focus-title,.focus-head-actions{display:flex;align-items:center;gap:12px}
.focus-back{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--v5-line);border-radius:12px;color:#475569;background:#fff}
.focus-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:var(--v5-blue)}
.focus-icon.purchase{background:#fff7ed;color:var(--v5-orange)}
.focus-icon.sale{background:#ecfdf5;color:var(--v5-green)}
.focus-kicker{display:block;color:var(--v5-muted);font-size:12px;font-weight:650}
.focus-title h1{margin:0;font-size:27px;line-height:1.2;letter-spacing:-.4px}
.focus-save{min-width:150px}

.focus-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.focus-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.focus-card,.summary-panel-v5{
  background:#fff;border:1px solid var(--v5-line);border-radius:var(--v5-radius);
  box-shadow:0 8px 26px rgba(15,23,42,.045);overflow:visible;
}
.focus-card-head{min-height:72px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e8eef5}
.focus-card-head>div{display:flex;align-items:center;gap:11px}.focus-card-head h2{font-size:20px;margin:0}.focus-card-head p{font-size:13px;color:var(--v5-muted);margin:0 0 0 auto}
.step-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--v5-blue);font-weight:900;font-size:15px}
.step-badge.mint{background:#e8faf4;color:var(--v5-green)}.step-badge.amber{background:#fff3e8;color:var(--v5-orange)}
.focus-card-body{padding:22px}.compact-card-body{padding:16px}

.document-fields{display:grid;grid-template-columns:1.65fr .75fr .55fr .85fr;gap:18px 16px;align-items:start}
.document-fields .field{gap:8px}.focus-party,.focus-date,.focus-time,.focus-reference{grid-column:auto}.focus-notes{grid-column:1/-1}.focus-notes .textarea{min-height:82px;resize:vertical}
.field-composite{display:flex}.field-composite .input{border-radius:13px 0 0 13px}.field-composite .field-action{width:58px;border-radius:0 13px 13px 0}

/* Retail item rows: labels stay visible, numbers are large, and each row is a clear card. */
.retail-items{display:flex;flex-direction:column;gap:12px}
.retail-item{border:1px solid #d8e3ef;border-radius:16px;background:#fbfdff;padding:16px}
.retail-item:focus-within{border-color:#8fb2f5;box-shadow:0 0 0 4px rgba(37,99,235,.08);background:#fff}
.retail-item-main{display:grid;grid-template-columns:minmax(300px,2fr) 135px minmax(170px,1fr) minmax(150px,.85fr) 150px 40px;gap:13px;align-items:end}
.mini-field{display:flex;flex-direction:column;gap:7px;min-width:0}.mini-field>span{font-size:13.5px;font-weight:800;color:#334155}.mini-field>small{font-size:11.5px;color:var(--v5-muted)}
.product-meta{display:flex;align-items:center;gap:16px;min-height:22px;color:#64748b}.product-meta.low{color:var(--v5-red)}
.number-field{display:grid;grid-template-columns:42px minmax(48px,1fr) 42px;border:1px solid #cbd8e6;border-radius:13px;overflow:hidden;background:#fff}
.number-field .input{border:0!important;border-radius:0!important;text-align:center;padding:0;font-size:20px;font-weight:800;min-height:54px}
.number-field button{border:0;background:#f1f5f9;color:#334155;font-size:22px;font-weight:700}.number-field button:hover{background:#e2e8f0}
.money-input-wrap{position:relative}.money-input-wrap .input{padding-left:58px;font-weight:800;font-size:18px;text-align:right}.money-input-wrap>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#64748b;pointer-events:none}
.retail-line-total{min-height:56px;border-radius:13px;background:#edf7ff;border:1px solid #d5e8fb;padding:7px 12px;display:flex;flex-direction:column;justify-content:center}
.retail-line-total span{font-size:11.5px;color:#64748b}.retail-line-total strong{font-size:23px;line-height:1.3;color:#0f4aa3}.retail-line-total small{font-size:10px;color:#64748b}
.row-action{width:40px;height:40px;border-radius:11px;font-size:20px;align-self:center}
.retail-items-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px dashed #d6e0eb;padding:15px 4px 2px;margin-top:2px}
.retail-items-footer>div{display:flex;align-items:center;gap:10px;color:#64748b;font-size:13px}.retail-items-footer strong{font-size:16px;color:#0f172a;margin-left:10px}
.text-action{font-size:14px;font-weight:800}

/* Payment rows */
.retail-payments{display:flex;flex-direction:column;gap:12px}
.retail-payment{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(180px,.9fr) minmax(165px,.8fr) minmax(150px,.75fr) 40px;gap:13px;align-items:end;border:1px solid #d8e3ef;border-radius:16px;background:#fbfdff;padding:16px}
.retail-payment:focus-within{border-color:#8fb2f5;box-shadow:0 0 0 4px rgba(37,99,235,.08);background:#fff}
.retail-payment .payment-direction{grid-column:auto}.fill-remaining{border:0;background:transparent;color:var(--v5-blue);font-size:12px;font-weight:800;text-align:right;padding:3px 0 0;cursor:pointer}.fill-remaining:hover{text-decoration:underline}
.retail-payment-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px 0;color:#64748b;font-size:12.5px}

/* Summary: no duplicated decorations, only the decision-making numbers. */
.focus-summary{position:sticky;top:168px}
.summary-panel-v5{overflow:hidden}
.summary-panel-v5>header{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #e8eef5}.summary-panel-v5>header h2{font-size:20px;margin:0}.summary-panel-v5>header small{font-size:12px;color:#64748b}
.summary-party-v5{padding:15px 18px;border-bottom:1px solid #edf1f6}.summary-party-v5 span,.summary-party-v5 strong,.summary-party-v5 small{display:block}.summary-party-v5 span{font-size:11.5px;color:#64748b}.summary-party-v5 strong{font-size:16px;margin-top:2px}.summary-party-v5 small{font-size:11px;color:#64748b}
.money-hero{margin:16px;border-radius:16px;background:linear-gradient(145deg,#eff6ff,#f8fbff);border:1px solid #d7e6fb;padding:18px}.money-hero span,.money-hero strong,.money-hero small{display:block}.money-hero span{font-size:13px;color:#64748b}.money-hero strong{font-size:42px;line-height:1.35;color:#154aa0}.money-hero small{font-size:12px;color:#64748b}
.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px}.money-grid>div{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.money-grid span,.money-grid strong,.money-grid small{display:block}.money-grid span{font-size:11.5px;color:#64748b}.money-grid strong{font-size:22px;line-height:1.35;color:var(--v5-green)}.money-grid .remaining strong{color:var(--v5-orange)}.money-grid small{font-size:10px;color:#94a3b8}
.party-balance-v5{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 16px;padding:12px 0;border-top:1px dashed #d8e0e9;border-bottom:1px dashed #d8e0e9}.party-balance-v5 span{font-size:12px;color:#64748b}.party-balance-v5 strong{font-size:14px}
.summary-checks-v5{display:flex;flex-direction:column;gap:8px;padding:0 18px 16px}.summary-checks-v5>div{display:flex;align-items:center;gap:9px;color:#64748b;font-size:12.5px}.summary-checks-v5 i{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1}.summary-checks-v5>div.done{color:#166534}.summary-checks-v5>div.done i{border-color:#10b981;background:#10b981;box-shadow:inset 0 0 0 4px #fff}
.final-submit{margin:0 16px;min-height:60px;font-size:17px}.safe-note{font-size:11.5px;line-height:1.7;color:#64748b;text-align:center;padding:12px 18px 17px;margin:0}
.mobile-submit-bar{display:none}

/* Keep all other pages readable without inflating decoration. */
.form-section-head h2,.panel-head h2{font-size:20px}.form-section-head p,.panel-kicker{font-size:13px}
.form-section-body{padding:24px}.form-grid{gap:20px}
.entity-cell strong{font-size:16px}.entity-cell small{font-size:12px}
.account-detail-card>strong{font-size:28px}
.login-card h2{font-size:29px}.login-card>p{font-size:15px}.login-card .field>input,.login-card .password-wrap{min-height:56px}

@media(max-width:1280px){
  .focus-layout{grid-template-columns:minmax(0,1fr) 300px}
  .retail-item-main{grid-template-columns:minmax(240px,1.8fr) 120px 150px 135px 135px 38px}
  .retail-payment{grid-template-columns:minmax(230px,1.2fr) 165px 150px 145px 38px}
  .document-fields{grid-template-columns:1.35fr .75fr .6fr}.focus-reference{grid-column:auto}.focus-notes{grid-column:1/-1}
}
@media(max-width:1050px){
  
  .focus-layout{grid-template-columns:1fr}.focus-summary{position:static}.summary-panel-v5{display:grid;grid-template-columns:1.2fr 1fr}.summary-panel-v5>header,.summary-party-v5{grid-column:1/-1}.money-hero{grid-row:3/5}.money-grid{margin-top:16px}.party-balance-v5,.summary-checks-v5,.final-submit,.safe-note{grid-column:2}.final-submit{align-self:end}
  .retail-item-main{grid-template-columns:minmax(260px,1.5fr) 125px minmax(155px,1fr) minmax(140px,.9fr) 135px 38px}
}
@media(max-width:820px){
  .topbar{padding-inline:14px}.topbar-user>div:last-child,.readability-button span,.date-copy small{display:none}.date-chip{min-width:auto}.topbar-left{gap:7px}
  
  .focus-header{position:static;padding:12px}.focus-head-actions .btn-light{display:none}.focus-title h1{font-size:23px}.focus-kicker,.focus-title .status-pill{display:none}.focus-save{min-width:auto}
  .document-fields{grid-template-columns:1fr 1fr}.focus-party,.focus-notes{grid-column:1/-1}
  .retail-item-main{grid-template-columns:1fr 1fr}.product-field{grid-column:1/-1}.retail-line-total{grid-column:1}.row-action{grid-column:2;justify-self:end}.quantity-field,.price-field,.discount-field{min-width:0}
  .retail-payment{grid-template-columns:1fr 1fr}.payment-account{grid-column:1/-1}.payment-reference{grid-column:1}.retail-payment>.row-action{grid-column:2;justify-self:end}
  .summary-panel-v5{display:block}.money-hero{margin-bottom:10px}.party-balance-v5,.summary-checks-v5,.final-submit,.safe-note{grid-column:auto}
  .mobile-submit-bar{position:fixed;right:0;left:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.97);border-top:1px solid #d8e2ed;padding:10px 14px;box-shadow:0 -10px 30px rgba(15,23,42,.12)}.mobile-submit-bar span{display:block;font-size:11px;color:#64748b}.mobile-submit-bar strong{font-size:17px}.mobile-submit-bar .btn{min-width:160px}
  .focus-summary .final-submit{display:none}
}
@media(max-width:560px){
  html{font-size:16px}body.readable-ui{font-size:16.5px}
  .topbar-user{display:none}.date-chip{height:44px}.icon-button,.readability-button{width:44px;height:44px}
  .focus-header{border-radius:14px;margin-bottom:12px}.focus-icon{width:42px;height:42px}.focus-back{width:40px;height:40px}.focus-save{font-size:14px;padding-inline:14px}
  .focus-card,.summary-panel-v5{border-radius:15px}.focus-card-head{padding:13px 14px}.focus-card-head p{display:none}.focus-card-head h2{font-size:18px}.focus-card-body{padding:14px}.compact-card-body{padding:11px}
  .document-fields{grid-template-columns:1fr}.focus-party,.focus-notes{grid-column:1}.focus-date,.focus-time,.focus-reference{grid-column:auto}
  .retail-item{padding:12px}.retail-item-main{grid-template-columns:1fr}.product-field,.quantity-field,.price-field,.discount-field,.retail-line-total,.row-action{grid-column:1}.row-action{justify-self:end;margin-top:-46px}.retail-items-footer{align-items:flex-start;flex-direction:column}.retail-items-footer>div{flex-wrap:wrap}
  .retail-payment{grid-template-columns:1fr;padding:12px}.payment-account,.payment-amount,.payment-method,.payment-reference,.retail-payment>.row-action{grid-column:1}.retail-payment>.row-action{justify-self:end;margin-top:-45px}.retail-payment-footer{align-items:flex-start;flex-direction:column}
  .money-hero strong{font-size:34px}.mobile-submit-bar .btn{min-width:135px}
}
@media(max-width:560px){
  
  
}

/* source: v10.css */
:root{--v10-body:18px;--v10-control:17px;--v10-small:14px;--v10-label:16px;--v10-title:28px;--v10-panel-title:22px;--v10-line:1.75}html{font-size:18px!important}body.readable-ui{font-family:var(--hamyara-font)!important;font-size:var(--v10-body)!important;line-height:var(--v10-line)!important;letter-spacing:0!important}body.readable-ui *{font-family:var(--hamyara-font)!important}body.readable-ui :where(input,select,textarea,button){font-size:var(--v10-control)!important;line-height:1.55!important}body.readable-ui :where(.field-label,.mini-field>span,.price-field>span,.tier-field>span,.setting-field>span){font-size:var(--v10-label)!important;font-weight:750!important;line-height:1.6!important}body.readable-ui :where(small,.field-hint,.table-sub,.product-meta,.page-kicker,.focus-kicker,.nav-caption){font-size:var(--v10-small)!important;line-height:1.65!important}body.readable-ui :where(.page-heading h1,.focus-title h1){font-size:var(--v10-title)!important;line-height:1.4!important}body.readable-ui :where(.panel-head h2,.focus-card-head h2,.form-section-head h2,.pricing-head h2){font-size:var(--v10-panel-title)!important;line-height:1.45!important}body.readable-ui .btn{font-size:16px!important;min-height:48px!important;padding:11px 18px!important;font-weight:750!important}body.readable-ui :where(.input,.select,.textarea,input:not([type=checkbox]):not([type=radio])){min-height:50px!important;padding:11px 14px!important;border-radius:11px!important}body.readable-ui textarea{min-height:92px!important}body.readable-ui .nav-item{font-size:16px!important;min-height:47px!important;line-height:1.5!important}body.readable-ui .brand-copy strong{font-size:24px!important}.brand-copy small{font-size:13px!important}body.readable-ui .business-card strong{font-size:16px!important}.business-card small{font-size:13px!important}body.readable-ui .topbar-user strong{font-size:15px!important}.topbar-user small{font-size:12px!important}body.readable-ui .date-copy b{font-size:14px!important}.date-copy small{font-size:12px!important}body.readable-ui .topbar-search input{font-size:15px!important;min-height:38px!important}body.readable-ui .data-table th{font-size:15px!important;font-weight:800!important;padding:14px 12px!important}body.readable-ui .data-table td{font-size:15px!important;line-height:1.75!important;padding:14px 12px!important}body.readable-ui .data-table td strong{font-size:16px!important}body.readable-ui .status-pill{font-size:13px!important;padding:7px 10px!important}body.readable-ui .focus-card-head p{font-size:14px!important;line-height:1.65!important}body.readable-ui .focus-card{border-radius:18px!important}body.readable-ui .focus-card-body{padding:22px!important}body.readable-ui .document-fields{gap:18px!important}body.readable-ui .retail-item-main{gap:12px!important;padding:16px!important}body.readable-ui .retail-line-total span{font-size:14px!important}.retail-line-total strong{font-size:20px!important}.retail-line-total small{font-size:13px!important}body.readable-ui .number-field input{font-size:18px!important}.number-field button{font-size:20px!important;min-height:48px!important}body.readable-ui .money-input-wrap>span{font-size:14px!important}body.readable-ui .focus-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}body.readable-ui .summary-row span,body.readable-ui .summary-row strong{font-size:15px!important}body.readable-ui .summary-amount-box span{font-size:14px!important}.summary-amount-box strong{font-size:30px!important}.summary-amount-box small{font-size:13px!important}body.readable-ui .secure-note{font-size:13px!important;line-height:1.7!important}body.readable-ui .entity-cell strong{font-size:16px!important}.entity-cell small{font-size:13px!important}.pricing-settings-v10{display:flex;flex-direction:column;gap:18px}.pricing-settings-hero{padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#0d3159,#155d68);color:#fff;border:0}.pricing-settings-hero h2{font-size:27px!important;margin:10px 0 8px}.pricing-settings-hero p{font-size:16px!important;line-height:1.9;margin:0;max-width:820px;color:#d9edf1}.global-price-example{min-width:280px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);padding:18px 20px;border-radius:16px;text-align:center}.global-price-example small,.global-price-example strong,.global-price-example span{display:block}.global-price-example small{font-size:13px!important}.global-price-example strong{font-size:18px!important;margin:8px 0}.global-price-example span{font-size:14px!important}.pricing-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setting-field{display:block;background:#fff;border:1px solid #dce6f1;border-radius:17px;padding:22px;box-shadow:0 8px 24px rgba(23,52,85,.05)}.setting-field>span{display:block;margin-bottom:12px}.setting-field>div{display:flex;align-items:center;border:1.5px solid #cfdceb;border-radius:12px;overflow:hidden;background:#fbfdff}.setting-field input{border:0!important;box-shadow:none!important;flex:1;font-size:24px!important;font-weight:800!important;text-align:center}.setting-field b{padding:0 16px;color:#65758a;font-size:16px!important}.setting-field small{display:block;margin-top:10px;color:#64748b}.setting-field.primary{border-color:#b9d1ff}.setting-field.vip{border-color:#c7e9dc}.pricing-model-note{padding:22px 24px}.pricing-model-note h3{font-size:20px!important;margin:0 0 14px}.pricing-model-note p{font-size:15px!important;color:#64748b;margin:14px 0 0}.price-model-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.price-model-flow span,.price-model-flow strong{padding:10px 14px;border-radius:10px;background:#f3f7fc;font-size:15px!important}.price-model-flow strong{background:#e6f0ff;color:#1756c1}.price-model-flow i{font-style:normal;color:#94a3b8}.pricing-page-v10{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.pricing-product-list{position:sticky;top:82px;background:#fff;border:1px solid #dce6f1;border-radius:18px;overflow:hidden;box-shadow:0 9px 28px rgba(24,52,84,.06)}.pricing-search{padding:14px;display:flex;gap:8px;border-bottom:1px solid #e5edf5}.pricing-product-scroll{max-height:calc(100vh - 230px);overflow:auto;padding:8px}.pricing-product-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:12px;color:#1d2d44;text-decoration:none}.pricing-product-item:hover,.pricing-product-item.active{background:#edf4ff}.pricing-product-item strong{font-size:15px!important;display:block}.pricing-product-item small{font-size:12px!important;color:#6b7b90;display:block;margin-top:3px}.pricing-product-item>b{font-size:14px!important;color:#225ec7;white-space:nowrap}.pricing-calculator-card.v10{background:#fff;border:1px solid #dce6f1;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(24,52,84,.06)}.pricing-calculator-card.v10 .pricing-head{padding:24px 26px;background:linear-gradient(135deg,#102f54,#104e5f);color:#fff}.pricing-head p{font-size:14px!important;color:#d6e7eb}.pricing-current span{font-size:13px!important}.pricing-current strong{font-size:34px!important}.pricing-current small{font-size:13px!important}.pricing-base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 24px;background:#f7faff;border-bottom:1px solid #e4edf6}.pricing-base-grid article{padding:17px;border:1px solid #dce6f1;background:#fff;border-radius:14px}.pricing-base-grid span,.pricing-base-grid strong,.pricing-base-grid small{display:block}.pricing-base-grid span{font-size:14px!important;color:#65758a}.pricing-base-grid strong{font-size:24px!important;margin:6px 0}.pricing-base-grid small{font-size:13px!important;color:#6b7b90}.pricing-base-grid .suggested{border-color:#b8d3ff;background:#f4f8ff}.price-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px}.tier-field{display:block;border:1.5px solid #dce6f1;border-radius:16px;padding:18px;background:#fff}.tier-field.channel{border-color:#9fc2ff;background:#f7faff}.tier-field.vip{border-color:#a8dfca;background:#f5fcf9}.tier-field.partner{border-color:#edcf9f;background:#fffaf3}.tier-field>span{display:block;margin-bottom:11px}.tier-field>div{display:flex;align-items:center;border:1px solid #cfdceb;border-radius:11px;overflow:hidden;background:#fff}.tier-field input{border:0!important;box-shadow:none!important;flex:1;font-size:23px!important;font-weight:850!important;text-align:center;min-width:0}.tier-field b{padding:0 12px;font-size:14px!important;color:#68788c;white-space:nowrap}.tier-field small{display:block;margin-top:10px;color:#64748b;font-size:13px!important;line-height:1.75!important}.tier-field small b{padding:0;color:inherit;font-size:inherit!important}.v10-results{padding:0 24px 22px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.v10-results article{padding:15px!important}.v10-results span{font-size:13px!important}.v10-results strong{font-size:22px!important}.pricing-calculator-card.v10>.field{margin:0 24px 20px}.pricing-calculator-card.v10 .pricing-save{margin:0;padding:20px 24px;border-top:1px solid #e4edf6}.pricing-save strong{font-size:16px!important}.pricing-save span{font-size:14px!important;color:#64748b}.pricing-grid-v9-product{grid-template-columns:repeat(3,minmax(0,1fr))!important}.price-readonly-card.partner{background:#fff8eb;border-color:#ead0a3}@media(max-width:1200px){.pricing-page-v10{grid-template-columns:280px minmax(0,1fr)}.price-tier-grid{grid-template-columns:1fr}.pricing-base-grid{grid-template-columns:1fr 1fr}.focus-layout{grid-template-columns:1fr!important}}@media(max-width:900px){:root{--v10-body:17px;--v10-control:16px;--v10-small:13px}.pricing-page-v10{grid-template-columns:1fr}.pricing-product-list{position:static}.pricing-product-scroll{max-height:340px}.pricing-settings-grid,.pricing-base-grid,.v10-results{grid-template-columns:1fr!important}.pricing-settings-hero{align-items:flex-start;flex-direction:column}.global-price-example{width:100%;min-width:0}.pricing-grid-v9-product{grid-template-columns:1fr!important}}@media(max-width:620px){html{font-size:17px!important}.content-wrap{padding:14px!important}.focus-card-body{padding:15px!important}.retail-item-main{grid-template-columns:1fr!important}.pricing-calculator-card.v10 .pricing-head{padding:20px}.price-tier-grid,.pricing-base-grid{padding:16px}.tier-field input{font-size:20px!important}.page-heading h1,.focus-title h1{font-size:24px!important}}

/* source: v11.css */
/* Hamyara 0.11.0 — unified typography, persistent navigation and practical dashboard */
:root{
  --sidebar-v11:278px;
  --topbar-v11:72px;
  --font-body-v11:16px;
  --font-control-v11:16px;
  --font-label-v11:14px;
  --font-small-v11:12.5px;
  --font-nav-v11:15.5px;
  --font-title-v11:27px;
  --font-panel-v11:20px;
  --font-money-v11:30px;
  --surface-v11:#ffffff;
  --canvas-v11:#f4f7fb;
  --border-v11:#dce5ef;
  --muted-v11:#68778b;
  --ink-v11:#14243a;
  --blue-v11:#2463d4;
  --green-v11:#0b966f;
  --red-v11:#dc4c4c;
  --amber-v11:#bd7416;
  --shadow-v11:0 8px 24px rgba(22,49,78,.055);
}

html{font-size:16px!important;overflow-x:hidden}
body.readable-ui,
body.readable-ui button,
body.readable-ui input,
body.readable-ui select,
body.readable-ui textarea,
body.readable-ui table,
body.readable-ui option{
  font-family:var(--hamyara-font)!important;
  font-variation-settings:"wght" 400;
  letter-spacing:0!important;
}
body.readable-ui{
  font-size:var(--font-body-v11)!important;
  line-height:1.7!important;
  font-weight:400!important;
  color:var(--ink-v11)!important;
  background:var(--canvas-v11)!important;
  overflow-x:hidden!important;
}
body.readable-ui *:not(svg):not(path){box-sizing:border-box}
body.readable-ui strong,
body.readable-ui b{font-weight:700!important}
body.readable-ui h1,
body.readable-ui h2,
body.readable-ui h3{font-weight:700!important;letter-spacing:-.2px!important}
body.readable-ui small{font-size:var(--font-small-v11)!important;line-height:1.65!important}
body.readable-ui :where(.field-hint,.table-sub,.product-meta,.page-kicker,.focus-kicker,.panel-kicker,.nav-caption,.document-eyebrow,.required-note){font-size:var(--font-small-v11)!important;line-height:1.65!important}
body.readable-ui :where(.field>span,.field-label,.mini-field>span,.tier-field>span,.setting-field>span){font-size:var(--font-label-v11)!important;line-height:1.55!important;font-weight:650!important}
body.readable-ui :where(input,select,textarea,button){font-size:var(--font-control-v11)!important}
body.readable-ui :where(.input,.select,input:not([type=checkbox]):not([type=radio])){min-height:48px!important;height:48px!important;padding:0 13px!important}
body.readable-ui textarea,.textarea{min-height:94px!important;padding:12px 13px!important}
body.readable-ui .btn{min-height:46px!important;height:auto!important;padding:10px 17px!important;border-radius:11px!important;font-size:15px!important;font-weight:700!important}
body.readable-ui .btn-sm{min-height:38px!important;padding:7px 12px!important;font-size:13.5px!important}
body.readable-ui .page-heading h1,
body.readable-ui .focus-title h1{font-size:var(--font-title-v11)!important;line-height:1.35!important}
body.readable-ui :where(.panel-head h2,.panel-head-v11 h2,.focus-card-head h2,.form-section-head h2,.pricing-head h2){font-size:var(--font-panel-v11)!important;line-height:1.4!important}
body.extra-readable{--font-body-v11:17.5px;--font-control-v11:17px;--font-label-v11:15px;--font-small-v11:13.5px;--font-nav-v11:16.5px;--font-title-v11:29px;--font-panel-v11:21px;--font-money-v11:32px}
body.extra-readable .metric-card>strong,
body.extra-readable .kpi-v11>strong{font-size:32px!important}

/* Font diagnostic: no silent fallback. */
.font-load-alert{position:fixed;inset:0 0 auto 0;z-index:9999;background:#8b1f2c;color:#fff;padding:12px 20px;text-align:center;font-size:15px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.18)}
.font-load-alert[hidden]{display:none!important}
body.vazirmatn-ready{--font-status:ready}

/* Shell and persistent navigation */
.sidebar{width:var(--sidebar-v11)!important;padding:18px 15px 14px!important}
.main-area{margin-right:var(--sidebar-v11)!important;width:calc(100% - var(--sidebar-v11))!important;min-width:0!important}
.topbar{height:var(--topbar-v11)!important;min-height:var(--topbar-v11)!important;padding:0 22px!important;gap:16px!important}
.content-wrap{max-width:1530px!important;margin:0 auto!important;padding:22px 24px 72px!important}
.brand{padding-bottom:15px!important}
.brand-mark{width:43px!important;height:43px!important;border-radius:13px!important;font-size:22px!important}
body.readable-ui .brand-copy strong{font-size:23px!important;line-height:1.15!important}
body.readable-ui .brand-copy small{font-size:12px!important}
.business-card{min-height:70px!important;padding:10px!important;margin-bottom:11px!important}
.business-avatar{width:36px!important;height:36px!important}
body.readable-ui .business-card strong{font-size:14.5px!important}
body.readable-ui .business-card small{font-size:12px!important}
.nav-list{gap:2px!important}
.nav-caption{font-size:11.5px!important;margin:14px 10px 5px!important;color:#71879d!important}
.nav-item{min-height:45px!important;padding:0 11px!important;gap:10px!important;border-radius:10px!important}
body.readable-ui .nav-item span{font-size:var(--font-nav-v11)!important;font-weight:550!important}
body.readable-ui .nav-item kbd{font-size:10px!important}
.sidebar-support{padding:12px!important;border-radius:13px!important}
body.readable-ui .sidebar-support strong{font-size:14px!important}
body.readable-ui .sidebar-support small{font-size:11.5px!important}
body.readable-ui .logout-btn{font-size:13.5px!important}
body.readable-ui .version-chip{font-size:10.5px!important}
.topbar-right{min-width:210px!important}
body.readable-ui .topbar-user strong{font-size:14px!important}body.readable-ui .topbar-user small{font-size:11.5px!important}
.topbar-search{height:43px!important;max-width:455px!important}
body.readable-ui .topbar-search input{font-size:14px!important;min-height:36px!important;height:36px!important;padding-block:0!important}
.readability-button{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:13px!important}
.readability-button b{font-size:16px!important}
.date-chip{height:46px!important;min-width:240px!important}
body.readable-ui .date-copy b{font-size:13px!important}body.readable-ui .date-copy small{font-size:11px!important}

/* The sale/purchase page must keep the same app navigation. */
body.transaction-page .sidebar{display:flex!important}
body.transaction-page .main-area{margin-right:var(--sidebar-v11)!important;width:calc(100% - var(--sidebar-v11))!important}
body.transaction-page .topbar{display:flex!important}
body.transaction-page .menu-toggle{display:none}
body.transaction-page .content-wrap{max-width:1530px!important;margin:0 auto!important;padding:20px 22px 92px!important}
body.transaction-page .focus-header{min-height:82px!important;padding:15px 20px!important;margin-bottom:16px!important;border-radius:16px!important}
body.transaction-page .focus-title h1{font-size:27px!important}
body.transaction-page .focus-layout{grid-template-columns:minmax(0,1fr) 290px!important;gap:16px!important;align-items:start!important}
body.transaction-page .focus-card{border-radius:16px!important;box-shadow:var(--shadow-v11)!important}
body.transaction-page .focus-card-head{min-height:68px!important;padding:15px 20px!important}
body.transaction-page .focus-card-head h2{font-size:19px!important}
body.transaction-page .focus-card-head p{font-size:13px!important;margin-top:2px!important}
body.transaction-page .focus-card-body{padding:18px!important}
body.transaction-page .document-fields{gap:14px!important}
body.transaction-page .retail-item,
body.transaction-page .retail-payment{padding:14px!important;border-radius:13px!important}
body.transaction-page .retail-item-main{gap:10px!important}
body.transaction-page .summary-panel-v5{padding:18px!important;top:88px!important;border-radius:16px!important}
body.transaction-page .summary-panel-v5 h2{font-size:21px!important}
body.transaction-page .money-hero strong{font-size:32px!important}
body.transaction-page .money-grid strong{font-size:20px!important}
body.transaction-page .summary-row span,
body.transaction-page .summary-row strong{font-size:14px!important}
body.transaction-page .final-submit{min-height:54px!important;font-size:16px!important}
body.transaction-page .number-field input,
body.transaction-page .money-input-wrap input{font-size:16px!important;font-weight:650!important}
body.transaction-page .retail-line-total strong{font-size:18px!important}

/* Practical manager dashboard */
.dashboard-welcome-v11{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--border-v11);border-radius:17px;padding:20px 22px;margin-bottom:16px;box-shadow:var(--shadow-v11)}
.dashboard-welcome-v11 h1{font-size:25px!important;margin:3px 0 3px!important}
.dashboard-welcome-v11 p{margin:0;color:var(--muted-v11);font-size:14px!important}
.dashboard-context{display:block;color:var(--blue-v11);font-size:12.5px!important;font-weight:700}
.dashboard-actions-v11{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-kpis-v11{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}
.kpi-v11{background:#fff;border:1px solid var(--border-v11);border-radius:16px;padding:18px 18px 15px;box-shadow:var(--shadow-v11);min-width:0;position:relative;overflow:hidden}
.kpi-v11:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#c9d7e8}
.kpi-v11.primary:before{background:var(--blue-v11)}
.kpi-v11.forecast:before{background:#6b55d9}
.kpi-v11.profit:before{background:var(--green-v11)}
.kpi-v11.pace.ahead:before,.kpi-v11.pace.positive:before{background:var(--green-v11)}
.kpi-v11.pace.behind:before,.kpi-v11.pace.negative:before{background:var(--red-v11)}
.kpi-v11>span{display:block;color:var(--muted-v11);font-size:13.5px!important}
.kpi-v11>strong{display:block;font-size:var(--font-money-v11)!important;line-height:1.25!important;margin:7px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700!important}
.kpi-v11>small{display:block;color:var(--muted-v11);font-size:12px!important}
.dashboard-workbench-v11{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.75fr);gap:15px;margin-bottom:16px;align-items:stretch}
.dashboard-chart-v11,.attention-card-v11,.recent-card-v11,.accounts-compact-v11{border-radius:17px!important;box-shadow:var(--shadow-v11)!important;padding:0!important;overflow:hidden!important}
.panel-head-v11{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;border-bottom:1px solid #e7edf4}
.panel-head-v11>div>span{display:block;color:var(--muted-v11);font-size:12px!important}
.panel-head-v11 h2{margin:2px 0 0!important;font-size:19px!important}
.panel-head-v11>a{font-size:13px!important;color:var(--blue-v11);font-weight:650}
.dashboard-chart-v11 .bar-chart{height:290px!important;margin:10px 18px 0!important}
.dashboard-chart-v11 .chart-day>span,.dashboard-chart-v11 .chart-y-labels{font-size:11.5px!important}
.dashboard-chart-v11 .chart-legend{font-size:12px!important}
.chart-summary-v11{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7edf4;margin-top:8px}
.chart-summary-v11>div{padding:13px 16px;border-left:1px solid #e7edf4}
.chart-summary-v11>div:last-child{border-left:0}
.chart-summary-v11 span,.chart-summary-v11 strong{display:block}
.chart-summary-v11 span{font-size:12px!important;color:var(--muted-v11)}
.chart-summary-v11 strong{font-size:17px!important;margin-top:3px}
.dashboard-attention-v11{min-width:0}
.attention-row-v11{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #edf1f5;color:var(--ink-v11);text-decoration:none}
.attention-row-v11:last-child{border-bottom:0}
.attention-row-v11:hover:not(.no-link){background:#f8fbff}
.attention-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:var(--blue-v11)}
.attention-icon.danger{background:#fff0f0;color:var(--red-v11)}
.attention-icon.amber{background:#fff6e8;color:var(--amber-v11)}
.attention-icon.green{background:#eaf9f4;color:var(--green-v11)}
.attention-row-v11 strong,.attention-row-v11 small{display:block}
.attention-row-v11 strong{font-size:14.5px!important}
.attention-row-v11 small{color:var(--muted-v11);font-size:11.5px!important}
.attention-row-v11>b{font-size:15px!important;white-space:nowrap}
.dashboard-bottom-v11{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:15px}
body.readable-ui .dashboard-bottom-v11 .data-table th{font-size:12.5px!important;padding:11px 13px!important}
body.readable-ui .dashboard-bottom-v11 .data-table td{font-size:13.5px!important;padding:12px 13px!important}
.accounts-compact-v11 .account-row{padding:13px 17px!important}
.accounts-compact-v11 .account-row strong{font-size:14px!important}.accounts-compact-v11 .account-row small{font-size:11.5px!important}.accounts-compact-v11 .account-row b{font-size:14.5px!important}
.seller-kpis-v11{grid-template-columns:repeat(3,minmax(0,1fr))}
.seller-home-v11{display:grid;grid-template-columns:320px minmax(0,1fr);gap:15px}
.seller-start-v11{padding:22px!important;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.seller-start-v11>span{width:54px;height:54px;border-radius:16px;background:#edf4ff;color:var(--blue-v11);display:grid;place-items:center;margin-bottom:9px}
.seller-start-v11 h2{font-size:20px!important;margin:0 0 4px}.seller-start-v11 p{font-size:13.5px!important;color:var(--muted-v11);margin:0 0 15px}

/* Normalize legacy tables/forms after the many historical stylesheets. */
body.readable-ui .data-table{font-size:13.5px!important}
body.readable-ui .data-table th{font-size:12.5px!important;padding:12px!important;font-weight:700!important}
body.readable-ui .data-table td{font-size:13.5px!important;line-height:1.65!important;padding:12px!important}
body.readable-ui .data-table td strong{font-size:14px!important}
body.readable-ui .status-pill,body.readable-ui .tag,body.readable-ui .transaction-badge{font-size:11.5px!important}
.page-heading{margin-bottom:16px!important}
.page-heading p{font-size:14px!important}
.card,.panel,.form-card{border-color:var(--border-v11)!important;box-shadow:var(--shadow-v11)!important}
.pricing-settings-hero h2{font-size:23px!important}.pricing-settings-hero p{font-size:14px!important}
.setting-field input,.tier-field input{font-size:19px!important;font-weight:700!important}
.pricing-current strong{font-size:28px!important}.pricing-base-grid strong{font-size:20px!important}.v10-results strong{font-size:18px!important}

@media(max-width:1280px){
  .dashboard-kpis-v11{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-workbench-v11{grid-template-columns:1fr}
  .dashboard-bottom-v11{grid-template-columns:1fr}
  body.transaction-page .focus-layout{grid-template-columns:1fr!important}
  body.transaction-page .summary-panel-v5{position:static!important}
}
@media(max-width:1050px){
  .sidebar{width:270px!important}
  .main-area,body.transaction-page .main-area{margin-right:270px!important;width:calc(100% - 270px)!important}
  .topbar-search{display:none!important}
  .date-chip{min-width:0!important}
  body.readable-ui .date-copy small{display:none!important}
}
@media(max-width:900px){
  .sidebar{width:285px!important;transform:translateX(110%)}
  .sidebar.open{transform:translateX(0)}
  .main-area,body.transaction-page .main-area{margin-right:0!important;width:100%!important}
  .menu-toggle,body.transaction-page .menu-toggle{display:grid!important;place-items:center!important}
  .content-wrap,body.transaction-page .content-wrap{padding:16px 14px 80px!important}
  .dashboard-welcome-v11{align-items:flex-start;flex-direction:column}
  .dashboard-kpis-v11,.seller-kpis-v11{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seller-home-v11{grid-template-columns:1fr}
}
@media(max-width:620px){
  :root{--font-body-v11:15.5px;--font-control-v11:16px;--font-title-v11:24px;--font-money-v11:25px}
  .topbar{height:64px!important;min-height:64px!important;padding:0 10px!important}
  .topbar-user div:not(.avatar),.readability-button span,.date-copy{display:none!important}
  .readability-button{width:42px!important;padding:0!important;justify-content:center!important}
  .dashboard-welcome-v11{padding:17px}
  .dashboard-welcome-v11 h1{font-size:22px!important}
  .dashboard-actions-v11{width:100%}.dashboard-actions-v11 .btn{flex:1}
  .dashboard-kpis-v11,.seller-kpis-v11{grid-template-columns:1fr}
  .kpi-v11>strong{font-size:27px!important}
  .dashboard-chart-v11 .bar-chart{height:240px!important;margin-inline:10px!important}
  .chart-summary-v11{grid-template-columns:1fr}
  .chart-summary-v11>div{border-left:0;border-bottom:1px solid #e7edf4}
  .chart-summary-v11>div:last-child{border-bottom:0}
  body.transaction-page .focus-header{padding:13px!important}
  body.transaction-page .focus-card-body{padding:13px!important}
  body.transaction-page .retail-item-main{grid-template-columns:1fr!important}
  body.transaction-page .retail-payment{grid-template-columns:1fr!important}
}

/* source: v12.css */
/* Hamyara 0.12 — calm retail UI, IRANYekanX typography, stable navigation */
:root{
  --sidebar:258px;--topbar:68px;
  --page:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;
  --ink:#172235;--ink-soft:#526177;--muted:#7b8798;
  --line:#dfe7f0;--line-soft:#edf2f7;
  --blue:#2563eb;--blue-soft:#edf4ff;--navy:#09223d;
  --green:#0e9f73;--green-soft:#eaf9f3;--orange:#e98221;--orange-soft:#fff4e8;
  --red:#d94b55;--red-soft:#fff0f1;--purple:#7656d6;--purple-soft:#f2efff;
  --shadow:0 8px 24px rgba(23,43,71,.055);--shadow-lg:0 18px 48px rgba(20,41,70,.13);
  --radius:16px;
}
html{font-size:16px!important;overflow-x:hidden}
body.readable-ui{margin:0;background:var(--page)!important;color:var(--ink)!important;font-size:15.5px!important;line-height:1.72!important;font-weight:400!important;overflow-x:hidden!important}
body.readable-ui.extra-readable{font-size:17px!important}
body.readable-ui *:not(svg):not(path){box-sizing:border-box}
body.readable-ui button,body.readable-ui input,body.readable-ui select,body.readable-ui textarea,body.readable-ui table{font-size:15px!important;letter-spacing:0!important}
body.readable-ui strong,body.readable-ui b{font-weight:700!important}
body.readable-ui h1,body.readable-ui h2,body.readable-ui h3{font-weight:700!important;letter-spacing:-.15px!important}
body.readable-ui small{font-size:12.5px!important;line-height:1.65!important}
.font-load-alert{position:fixed;left:18px;bottom:18px;z-index:500;max-width:420px;padding:10px 14px;border-radius:11px;background:#fff7df;border:1px solid #f2d88c;color:#7b5b06;box-shadow:var(--shadow-lg);font-size:12px!important}

/* Shell */
.sidebar{width:var(--sidebar)!important;padding:18px 14px 14px!important;background:linear-gradient(180deg,#0a2948,#071b31)!important;box-shadow:-8px 0 25px rgba(4,18,33,.12)!important}
.main-area,.transaction-page .main-area{margin-right:var(--sidebar)!important;width:calc(100% - var(--sidebar))!important}
.brand{padding:0 5px 16px!important}.brand-mark{width:43px!important;height:43px!important;border-radius:13px!important;font-size:22px!important}.brand-copy strong{font-size:21px!important}.brand-copy small{font-size:11.5px!important}
.business-card{padding:10px!important;margin-bottom:12px!important;border-radius:13px!important}.business-card strong{font-size:12.5px!important}.business-card small{font-size:11.5px!important}
.nav-caption{font-size:11.5px!important;margin:13px 10px 4px!important}.nav-list{gap:2px!important}.nav-item{min-height:42px!important;padding:0 10px!important;border-radius:10px!important;gap:10px!important}.nav-item span{font-size:14px!important;font-weight:550!important}.nav-svg{width:19px!important;height:19px!important}.nav-item.active{box-shadow:inset -3px 0 #5d93ff!important}
.sidebar-support{padding:11px!important}.sidebar-support strong{font-size:12px!important}.sidebar-support small{font-size:11px!important}.sidebar-bottom{margin-top:10px!important}
.topbar{height:var(--topbar)!important;min-height:var(--topbar)!important;padding:0 22px!important;gap:16px!important;background:rgba(255,255,255,.94)!important}.topbar-right{min-width:210px!important}.topbar-user strong{font-size:13px!important}.topbar-user small{font-size:11.5px!important}.avatar{width:39px!important;height:39px!important;border-radius:12px!important}.topbar-search{height:42px!important;max-width:520px!important}.topbar-search input{font-size:14px!important}.date-chip{height:44px!important;min-width:228px!important}.date-copy b{font-size:11px!important}.date-copy small{font-size:11px!important}.readability-button{height:42px!important;min-width:42px!important}
.content-wrap,.transaction-page .content-wrap{max-width:1540px!important;padding:22px 24px 48px!important;margin:0 auto!important}.page-heading{align-items:center!important;margin-bottom:16px!important}.page-kicker{font-size:11.5px!important}.page-heading h1{font-size:26px!important}.page-heading p{font-size:13.5px!important;margin-top:3px!important}

/* Controls */
.btn{height:42px!important;border-radius:10px!important;padding:0 15px!important;font-size:13.5px!important;font-weight:650!important;box-shadow:none!important}.btn:hover{transform:none!important}.btn-primary{background:#2f68df!important}.btn-success{background:#0e9f73!important}.btn-sm{height:33px!important;padding:0 10px!important;font-size:12px!important}
.input,.select,.textarea{border:1px solid #d6e0eb!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important}.input,.select{height:46px!important;padding:0 12px!important;font-size:14.5px!important}.input-lg{height:50px!important;font-size:16px!important}.textarea{min-height:88px!important;padding:11px 12px!important}.field,.mini-field{gap:6px!important}.field>span,.field-label,.mini-field>span{font-size:13.5px!important;font-weight:650!important;color:#334155!important}.field-hint,.mini-field>small,.product-meta{font-size:11.5px!important;color:var(--muted)!important}.input:focus,.select:focus,.textarea:focus,.combo-control:focus-within{border-color:#7da5ed!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
.card,.panel,.form-section-card,.focus-card,.base-form-card,.base-list-card,.sizes-section{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}
.alert{font-size:13px!important}

/* Metrics and dashboard */
.dashboard-welcome-v11{padding:17px 19px!important;margin-bottom:13px!important;border-radius:15px!important;box-shadow:var(--shadow)!important}.dashboard-welcome-v11 h1{font-size:23px!important;margin:1px 0 2px!important}.dashboard-welcome-v11 p{font-size:13px!important}.dashboard-context{font-size:11.5px!important}.dashboard-actions-v11{gap:7px!important}
.dashboard-kpis-v11{gap:11px!important;margin-bottom:13px!important}.kpi-v11{padding:15px 16px 13px!important;border-radius:14px!important}.kpi-v11>span{font-size:12.5px!important}.kpi-v11>strong{font-size:25px!important;line-height:1.28!important;margin:5px 0 3px!important}.kpi-v11>small{font-size:11.5px!important}.dashboard-workbench-v11{grid-template-columns:minmax(0,1.65fr) minmax(285px,.65fr)!important;gap:13px!important;margin-bottom:13px!important}.dashboard-bottom-v11{grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr)!important;gap:13px!important}.panel-head-v11{padding:14px 16px!important}.panel-head-v11 h2{font-size:17px!important}.panel-head-v11>div>span,.panel-head-v11>a{font-size:11.5px!important}.dashboard-chart-v11 .bar-chart{height:240px!important;margin:8px 14px 0!important}.chart-summary-v11>div{padding:11px 13px!important}.chart-summary-v11 span{font-size:11px!important}.chart-summary-v11 strong{font-size:15px!important}.attention-row-v11{padding:11px 14px!important}.attention-row-v11 strong{font-size:13px!important}.attention-row-v11 small{font-size:11.5px!important}.attention-row-v11>b{font-size:13.5px!important}.seller-home-v11{grid-template-columns:280px minmax(0,1fr)!important;gap:13px!important}

/* Compact metrics */
.compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.compact-metrics article{min-height:82px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow)}.compact-metrics article>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.compact-metrics article>span.green{background:var(--green-soft);color:var(--green)}.compact-metrics article>span.red{background:var(--red-soft);color:var(--red)}.compact-metrics article>span.purple{background:var(--purple-soft);color:var(--purple)}.compact-metrics small,.compact-metrics strong{display:block}.compact-metrics small{font-size:11.5px!important;color:var(--muted)}.compact-metrics strong{font-size:18px!important;margin-top:2px}
.premium-toolbar{padding:9px!important;border-radius:13px!important;margin-bottom:13px!important}.compact-toolbar{justify-content:flex-start!important}.compact-toolbar .search-box{height:42px!important;min-width:330px!important}.filter-select{width:185px!important}

/* Tables */
.panel{padding:16px!important}.table-wrap{overflow:auto!important}.data-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.data-table th{padding:11px 12px!important;font-size:12px!important;background:#f8fafc!important;color:#66758b!important;white-space:nowrap!important}.data-table td{padding:12px!important;font-size:13.5px!important;line-height:1.6!important;vertical-align:middle!important}.data-table td strong{font-size:14px!important}.data-table tbody tr:hover td{background:#fbfdff!important}.table-sub{display:block!important;font-size:11.5px!important;color:var(--muted)!important;white-space:normal!important}.entity-cell{min-width:210px!important}.entity-cell strong{font-size:14px!important}.entity-cell small{font-size:11.5px!important;max-width:285px!important}.entity-avatar,.product-thumb{width:38px!important;height:38px!important;border-radius:11px!important}.status-pill,.tag,.transaction-badge{font-size:11px!important}.role-chips,.tag-stack,.row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.group-paths{margin-top:5px}.party-table td:nth-child(2){min-width:220px}
.product-catalog-card{overflow:hidden}.product-table{min-width:980px!important}.product-table th:nth-child(1){width:24%}.product-table th:nth-child(2){width:27%}.product-table th:nth-child(3){width:24%}.price-stack{display:grid;grid-template-columns:repeat(3,minmax(75px,1fr));gap:6px;min-width:245px}.price-stack>span{padding:7px 8px;border-radius:9px;background:#f7f9fc}.price-stack small,.price-stack strong{display:block}.price-stack small{font-size:11px!important;color:var(--muted)}.price-stack strong{font-size:13px!important;margin-top:1px}.manager-only-price{background:#f5f1ff!important}.stock-box{min-width:90px}.stock-box strong{font-size:18px!important}.stock-box small{display:block;font-size:11.5px!important;color:var(--muted)}.path-text{max-width:350px}

/* Entity forms */
.entity-form-layout,.entity-form-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:16px!important;align-items:start!important;max-width:1360px!important;margin:0 auto!important}.entity-form-main{gap:13px!important}.entity-form-aside{position:sticky!important;top:86px!important}.form-section-head{min-height:70px!important;padding:15px 18px!important}.form-section-head h2{font-size:18px!important}.form-section-head p{font-size:12.5px!important}.form-section-icon{width:38px!important;height:38px!important}.form-section-body{padding:18px!important}.form-grid{gap:14px!important}.form-save-card{padding:21px!important}.form-save-card h2{font-size:20px!important}.form-save-card p,.save-checks span{font-size:12.5px!important}.btn-large{height:48px!important}.toggle-field{min-height:62px!important;padding:10px 13px!important}.locked-role-card{padding:12px!important}.attribute-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.pricing-grid-v9-product{gap:11px!important}.price-field input{font-size:18px!important}.price-readonly-card strong{font-size:19px!important}
.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.role-label{grid-column:1/-1;font-size:13.5px;font-weight:650}.role-choice{position:relative;min-height:76px;border:1px solid var(--line);border-radius:12px;padding:11px 12px 10px 40px;background:#fff}.role-choice input{position:absolute;opacity:0}.role-choice i{position:absolute;left:12px;top:12px;width:20px;height:20px;border:1px solid #b9c7d8;border-radius:6px}.role-choice input:checked+i{background:var(--blue);border-color:var(--blue)}.role-choice input:checked+i:after{content:"✓";color:#fff;display:grid;place-items:center;font-size:13px}.role-choice b,.role-choice small{display:block}.role-choice b{font-size:14px}.role-choice small{font-size:11.5px!important;color:var(--muted)}

/* Transaction workbench */
.transaction-workbench{max-width:1390px!important;margin:0 auto!important}.focus-header{min-height:76px!important;padding:13px 16px!important;margin-bottom:13px!important;border-radius:15px!important}.focus-title{gap:10px!important}.focus-title h1{font-size:25px!important}.focus-kicker{font-size:11.5px!important}.focus-icon{width:40px!important;height:40px!important}.focus-layout{grid-template-columns:minmax(0,1fr) 292px!important;gap:14px!important}.focus-main{gap:13px!important}.focus-card-head{min-height:60px!important;padding:13px 16px!important}.focus-card-head h2{font-size:17px!important}.focus-card-head p{font-size:11.5px!important}.focus-card-body{padding:16px!important}.compact-card-body{padding:13px!important}.document-fields{display:grid!important;grid-template-columns:minmax(250px,1.6fr) minmax(160px,.8fr) minmax(140px,.65fr) minmax(140px,.65fr)!important;gap:12px!important;align-items:start!important}.focus-party{grid-column:auto!important}.focus-notes{grid-column:1/-1!important}.focus-reference{grid-column:auto!important}.focus-warehouse{grid-column:auto!important}.field-composite{height:46px!important}.field-action{height:46px!important;width:42px!important}.retail-item{padding:12px!important;border-radius:12px!important}.retail-item-main{display:grid!important;grid-template-columns:minmax(280px,2fr) 110px 145px 135px 140px 34px!important;gap:9px!important;align-items:end!important}.retail-payment{display:grid!important;grid-template-columns:minmax(230px,1.35fr) 145px 150px minmax(150px,.8fr) 34px!important;gap:9px!important;align-items:end!important}.retail-line-total{min-height:46px!important;padding:7px 10px!important;border-radius:9px!important}.retail-line-total span{font-size:11.5px!important}.retail-line-total strong{font-size:15px!important}.number-field{height:46px!important}.number-field button{width:32px!important}.money-input-wrap{height:46px!important}.money-input-wrap input{height:44px!important;font-size:14px!important}.row-action{width:32px!important;height:32px!important;margin-bottom:7px!important}.retail-items-footer,.retail-payment-footer{padding:10px 2px 0!important}.summary-panel-v5{top:84px!important;padding:17px!important;border-radius:15px!important}.summary-panel-v5 h2{font-size:18px!important}.summary-party-v5{padding:11px 0!important}.money-hero{padding:13px!important}.money-hero strong{font-size:27px!important}.money-grid strong{font-size:18px!important}.summary-checks-v5 span{font-size:11px!important}.final-submit{height:49px!important;font-size:14px!important}.safe-note{font-size:11.5px!important}.combo-list{max-height:270px!important;border-radius:11px!important;box-shadow:var(--shadow-lg)!important}.combo-option{padding:8px 10px!important;font-size:13.5px!important}.combo-option small{font-size:11.5px!important}.combo-control{min-height:46px!important}.combo-control input{height:43px!important;font-size:14px!important}.mobile-submit-bar{display:none!important}

/* Base data */
.base-data-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px;align-items:start}.base-data-layout.narrow-form{grid-template-columns:350px minmax(0,1fr)}.base-form-card{position:sticky;top:84px;padding:0!important;overflow:hidden}.base-list-card{padding:0!important;overflow:hidden}.compact-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.compact-head span{font-size:11.5px!important;color:var(--muted)}.compact-head h2{font-size:17px!important;margin:2px 0 0}.base-inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.base-inline-form .full{grid-column:1/-1}.toggle-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.toggle-row label{font-size:12.5px!important}.clean-list{display:flex;flex-direction:column}.clean-list-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line-soft)}.clean-list-row:last-child{border-bottom:0}.warehouse-mark,.attribute-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:700}.attribute-mark{background:var(--purple-soft);color:var(--purple)}.clean-list-main strong,.clean-list-main small{display:block}.clean-list-main strong{font-size:14px}.clean-list-main small{font-size:11px!important;color:var(--muted)}.option-chips,.size-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.option-chips span,.size-chips span{font-size:11.5px!important;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#526177}.size-chips span.disabled{opacity:.45}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.color-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line-soft);border-radius:11px}.color-card>i{width:32px;height:32px;border-radius:9px;background:var(--swatch);border:1px solid rgba(0,0,0,.1)}.color-card strong,.color-card small{display:block}.color-card strong{font-size:13px}.color-card small{font-size:11px!important;color:var(--muted)}.color-field input[type=color]{width:100%;height:46px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}.sizes-section{margin-top:14px;padding:0!important;overflow:hidden}.size-add-row{display:grid;grid-template-columns:1fr 110px auto auto;gap:9px;align-items:center;padding:14px}.size-chips{padding:0 14px 14px}.tree-list{display:flex;flex-direction:column}.tree-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line-soft)}.tree-row>div strong,.tree-row>div small{display:block}.tree-row>div strong{font-size:13.5px}.tree-row>div small{font-size:11.5px!important;color:var(--muted)}.tree-level{width:27px;height:27px;border-radius:8px;background:#f0f4f8;display:grid;place-items:center;font-size:11px}

@media(max-width:1220px){
  .dashboard-workbench-v11,.dashboard-bottom-v11{grid-template-columns:1fr!important}.compact-metrics{grid-template-columns:repeat(2,1fr)}
  .focus-layout{grid-template-columns:1fr!important}.focus-summary{position:static!important}.summary-panel-v5{position:static!important}.document-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.retail-item-main{grid-template-columns:minmax(240px,2fr) 100px 140px 125px!important}.retail-line-total{grid-column:1/3}.row-action{grid-column:4}.retail-payment{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-account{grid-column:1/-1}.base-data-layout,.base-data-layout.narrow-form{grid-template-columns:1fr}.base-form-card{position:static}.entity-form-layout,.entity-form-grid{grid-template-columns:1fr!important}.entity-form-aside{position:static!important}
}
@media(max-width:960px){
  .sidebar{width:280px!important;transform:translateX(110%)}.sidebar.open{transform:translateX(0)}.main-area,.transaction-page .main-area{margin-right:0!important;width:100%!important}.menu-toggle{display:grid!important}.topbar-search{display:none!important}.content-wrap,.transaction-page .content-wrap{padding:16px 14px 75px!important}.seller-home-v11{grid-template-columns:1fr!important}.dashboard-kpis-v11{grid-template-columns:repeat(2,1fr)!important}.attribute-form-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  body.readable-ui{font-size:15px!important}.topbar{padding:0 10px!important}.topbar-user>div:not(.avatar),.date-copy,.readability-button span{display:none!important}.date-chip{min-width:44px!important;padding:0 5px!important}.readability-button{width:40px!important;padding:0!important}.page-heading{align-items:flex-start!important;flex-direction:column!important}.page-heading h1{font-size:23px!important}.page-actions{width:100%}.page-actions .btn{flex:1}.compact-metrics,.dashboard-kpis-v11{grid-template-columns:1fr!important}.compact-toolbar .search-box,.filter-select{width:100%!important;min-width:0!important}.document-fields,.attribute-form-grid,.form-grid.cols-2,.form-grid.cols-3,.role-selector{grid-template-columns:1fr!important}.retail-item-main,.retail-payment{grid-template-columns:1fr!important}.retail-line-total,.row-action,.payment-account{grid-column:auto!important}.row-action{margin:0!important}.focus-header{align-items:flex-start!important}.focus-head-actions .btn-light{display:none!important}.focus-summary{display:none!important}.mobile-submit-bar{display:flex!important}.product-table,.party-table{min-width:760px!important}.color-grid{grid-template-columns:1fr}.clean-list-row{grid-template-columns:38px minmax(0,1fr) auto}.clean-list-row>.btn{grid-column:2/-1;justify-self:start}.size-add-row{grid-template-columns:1fr}.base-inline-form{grid-template-columns:1fr}.base-inline-form .full{grid-column:auto}.tag-stack{justify-content:flex-start}
}
.nav-group{margin-top:5px}.nav-group summary{list-style:none;min-height:42px;border-radius:10px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#aebed0;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary span{flex:1;font-size:14px;font-weight:550}.nav-group[open] summary{background:rgba(255,255,255,.045);color:#fff}.nav-group summary .tiny-icon{transition:.15s}.nav-group[open] summary .tiny-icon{transform:rotate(90deg)}.nav-group-items{padding:4px 16px 3px 0;border-right:1px solid rgba(255,255,255,.08);margin-right:18px}.nav-group-items .nav-item{min-height:36px!important;padding-right:10px!important}.nav-group-items .nav-item span{font-size:12.5px!important}

/* Final typography guard: no readable UI label below 11px. */
body.readable-ui .kbd,body.readable-ui kbd{font-size:11px!important}
body.readable-ui .nav-caption,body.readable-ui .page-kicker,body.readable-ui .table-sub,body.readable-ui .field-hint,body.readable-ui .product-meta{line-height:1.65!important}
body.iranyekan-ready{--font-status:"IRANYekanX"}
body.iranyekan-fallback{--font-status:"Vazirmatn fallback"}
/* Tiny-text audit fixes */
body.readable-ui .nav-item kbd,
body.readable-ui .topbar-search kbd,
body.readable-ui .version-chip,
body.readable-ui .mini-calendar-grid.weekdays span,
body.readable-ui .mini-calendar-legend,
body.readable-ui .mini-calendar-legend span,
body.readable-ui .calendar-full-link{font-size:11px!important}
/* Keep the application shell pixel-stable when entering purchase or sale. */
body.transaction-page .sidebar{width:var(--sidebar)!important;display:flex!important}
body.transaction-page .topbar{display:flex!important}
body.transaction-page .main-area{margin-right:var(--sidebar)!important;width:calc(100% - var(--sidebar))!important}
@media(max-width:960px){body.transaction-page .main-area{margin-right:0!important;width:100%!important}}
/* Reports typography — remove legacy 8–10px labels. */
body.readable-ui .reports-layout .chart-legend,
body.readable-ui .reports-layout .chart-legend span{font-size:11.5px!important}
body.readable-ui .year-month>span{font-size:11px!important;transform:none!important;white-space:nowrap!important}
body.readable-ui .health-ring span{font-size:11px!important}
body.readable-ui .health-list>div{font-size:12px!important}
body.readable-ui .premium-accounts .account-row strong,
body.readable-ui .premium-accounts .account-row b{font-size:12.5px!important}
body.readable-ui .premium-accounts .account-row small{font-size:11px!important}
body.readable-ui .rank-number{font-size:11px!important}
body.readable-ui .rank-row strong,
body.readable-ui .rank-row>b{font-size:12px!important}
body.readable-ui .rank-row small{font-size:11px!important}
body.readable-ui .report-category-list .category-row,
body.readable-ui .report-category-list .category-name,
body.readable-ui .report-category-list .category-row strong{font-size:11.5px!important}