@font-face{font-family:BYekan;src:url('../fonts/BYekan.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:BMitra;src:url('../fonts/BMitra.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

:root{
  --bg:#071418;--bg-deep:#03090b;--surface:#0c2025;--surface-2:#102a30;--surface-3:#16343b;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);--text:#f7fbfc;--muted:#99b1b7;
  --primary:#1bd9c3;--primary-strong:#08bca9;--primary-soft:rgba(27,217,195,.12);--gold:#f3c64e;
  --danger:#ef5d68;--danger-deep:#c83b48;--danger-soft:rgba(239,93,104,.13);--success:#4ed09c;
  --shadow:0 22px 65px rgba(0,0,0,.32);--shadow-soft:0 12px 34px rgba(0,0,0,.2);
  --radius:24px;--radius-md:18px;--radius-sm:13px;--safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg-deep);scroll-behavior:smooth}
body{margin:0;min-height:100vh;min-height:100dvh;background:
  radial-gradient(circle at 85% -10%,rgba(27,217,195,.14),transparent 32%),
  radial-gradient(circle at -10% 45%,rgba(243,198,78,.08),transparent 30%),var(--bg);
  color:var(--text);font-family:BMitra;overflow-x:hidden;overscroll-behavior-y:none}
button,input,textarea,select{font:inherit;color:inherit}
button{border:0;cursor:pointer}
input,textarea,select{font-size:20px}
h1,h2,h3,h4,strong,button,.btn,.eyebrow,.bank-card,.invoice-meta,.invoice-title,.notes-table th{font-family:BYekan}
p,small,span,label,input,textarea,select,td{font-family:BMitra}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.is-hidden{display:none!important}

.app-shell{width:min(100%,1180px);margin:0 auto;padding:calc(14px + var(--safe-top)) max(16px,var(--safe-right)) calc(34px + var(--safe-bottom)) max(16px,var(--safe-left))}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.app-logo{width:48px;height:48px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.brand-block h1{font-size:24px;line-height:1.2;margin:0}.brand-block p{font-size:17px;color:var(--muted);margin:4px 0 0;line-height:1.1}
.icon-button,.round-action,.close-button{display:grid;place-items:center;background:var(--surface-2);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.icon-button{width:44px;height:44px;border-radius:14px}.round-action{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#04201d;border:0}.round-action svg{stroke-width:2.5}

.status-strip{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;background:rgba(12,32,37,.78);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:11px 13px;border-radius:18px;margin-bottom:22px}
.status-strip>div{display:flex;flex-direction:column}.status-strip span{font-size:15px;color:var(--muted);line-height:1}.status-strip strong{font-size:17px;margin-top:5px}.online-badge{justify-self:end;color:#09251f!important;background:var(--success);padding:6px 11px;border-radius:999px;font-family:BYekan!important;font-size:12px!important}
.online-badge.offline{background:var(--danger);color:#fff!important}

.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.section-heading.compact{align-items:center}
.eyebrow{display:block;color:var(--primary);font-size:13px;letter-spacing:.1px;margin-bottom:3px}.section-heading h2,.modal-header h2{margin:0;font-size:22px}.section-heading.compact h2{font-size:20px}
.cards-section{margin-bottom:22px}.cards-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 8px;direction:rtl}.cards-slider::-webkit-scrollbar{display:none}
.bank-card{position:relative;flex:0 0 min(86vw,390px);aspect-ratio:1.586/1;border-radius:25px;padding:19px 20px;scroll-snap-align:center;overflow:hidden;color:#fff;box-shadow:0 21px 44px rgba(0,0,0,.28);isolation:isolate}
.bank-card:before,.bank-card:after{content:"";position:absolute;border-radius:50%;z-index:-1}.bank-card:before{width:230px;height:230px;left:-90px;top:-110px;background:rgba(255,255,255,.12)}.bank-card:after{width:170px;height:170px;right:-70px;bottom:-90px;background:rgba(0,0,0,.16)}
.bank-card-top,.bank-card-bottom{display:flex;justify-content:space-between;align-items:center}.bank-card-top strong{font-size:19px}.bank-card-bottom{position:absolute;left:20px;right:20px;bottom:18px;align-items:end}.bank-card-bottom>span{font-family:BMitra;font-size:16px;opacity:.82}.bank-card-bottom>strong{font-size:18px}
.card-number{direction:ltr;text-align:center;font-family:BYekan;font-size:21px;letter-spacing:2.1px;position:absolute;left:18px;right:18px;top:48%;transform:translateY(-50%);white-space:nowrap}
.chip{width:38px;height:29px;border-radius:8px;background:linear-gradient(135deg,#f6e4a2,#c9a64b);box-shadow:inset 0 0 0 1px rgba(74,48,3,.22)}
.card-tools{position:absolute;left:13px;top:13px;display:flex;gap:7px}.card-mini-btn{width:34px;height:34px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.15);color:white;display:grid;place-items:center;backdrop-filter:blur(8px)}.card-mini-btn svg{width:17px;height:17px}
.default-card-btn{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2);color:#fff;font-family:BYekan;font-size:11px;backdrop-filter:blur(9px)}.default-card-btn svg{width:15px;height:15px}.default-card-btn.is-default{background:rgba(255,255,255,.92);color:#172425}.default-card-btn.is-default svg{fill:var(--gold);stroke:#947017}
.empty-card{display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px dashed rgba(255,255,255,.2)}.empty-card button{margin-top:10px}
.slider-dots{display:flex;justify-content:center;gap:6px;margin-top:4px}.slider-dot{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.24);transition:.25s}.slider-dot.active{width:20px;background:var(--primary)}

.theme-melli{background:linear-gradient(135deg,#0b54a0,#0c89c7)}.theme-mellat{background:linear-gradient(135deg,#8f0e2d,#e43a55)}.theme-saderat{background:linear-gradient(135deg,#17348a,#4968e8)}.theme-tejarat{background:linear-gradient(135deg,#006c92,#00a9bf)}
.theme-sepah{background:linear-gradient(135deg,#5b6224,#959f34)}.theme-pasargad{background:linear-gradient(135deg,#6f5313,#d6a832)}.theme-parsian{background:linear-gradient(135deg,#6f102d,#ad3154)}.theme-saman{background:linear-gradient(135deg,#006b65,#00a890)}
.theme-ayandeh{background:linear-gradient(135deg,#49206f,#8d55b9)}.theme-shahr{background:linear-gradient(135deg,#8f173b,#e14473)}.theme-refah{background:linear-gradient(135deg,#08784d,#24b77d)}.theme-keshavarzi{background:linear-gradient(135deg,#3c681b,#81a92b)}
.theme-maskan{background:linear-gradient(135deg,#a14810,#ee8b25)}.theme-dey{background:linear-gradient(135deg,#0c4e7f,#218fc0)}.theme-enbank{background:linear-gradient(135deg,#18243f,#b58a25)}.theme-iranzamin{background:linear-gradient(135deg,#61308a,#9c59c4)}
.theme-middleeast{background:linear-gradient(135deg,#22363f,#497984)}.theme-tourism{background:linear-gradient(135deg,#8b2b25,#e17138)}.theme-resalat{background:linear-gradient(135deg,#146f86,#25a9b9)}.theme-mehr{background:linear-gradient(135deg,#176b53,#d5a63c)}
.theme-custom{background:linear-gradient(135deg,hsl(var(--card-hue),62%,27%),hsl(var(--card-hue-2),72%,48%))}
.theme-aurora{background:linear-gradient(135deg,#006a72,#12b4a8)}.theme-ocean{background:linear-gradient(135deg,#133c7d,#1975b5)}.theme-violet{background:linear-gradient(135deg,#4f2685,#a0449a)}.theme-sunset{background:linear-gradient(135deg,#a53e24,#ed7d33)}.theme-forest{background:linear-gradient(135deg,#185c42,#2b9b67)}.theme-graphite{background:linear-gradient(135deg,#20272c,#4a5962)}

.main-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.main-action{min-height:138px;border-radius:22px;padding:17px 12px;background:linear-gradient(155deg,var(--surface-2),var(--surface));border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .2s,border-color .2s}.main-action:active{transform:scale(.975)}
.action-icon{width:49px;height:49px;border-radius:17px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:4px}.action-icon svg{width:28px;height:28px}.main-action strong{font-size:17px}.main-action small{font-size:15px;color:var(--muted)}
.summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}.summary-card{padding:14px 10px;background:rgba(12,32,37,.72);border:1px solid var(--line);border-radius:18px;text-align:center}.summary-card span{display:block;font-size:14px;color:var(--muted)}.summary-card strong{display:block;font-size:15px;margin-top:6px;word-break:break-word}
.recent-section{padding-bottom:12px}.text-button{background:transparent;color:var(--primary);font-family:BYekan;font-size:13px}.recent-list{display:grid;gap:9px}.recent-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 13px;border-radius:17px;background:rgba(12,32,37,.72);border:1px solid var(--line);color:inherit;text-align:right;width:100%}.recent-number{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-family:BYekan}.recent-copy strong{display:block;font-size:15px}.recent-copy span{display:block;color:var(--muted);font-size:15px;margin-top:2px}.recent-amount{text-align:left}.recent-amount strong{font-size:14px;white-space:nowrap}.recent-amount span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.empty-state{padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:18px;font-size:18px}

.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:calc(10px + var(--safe-top)) max(10px,var(--safe-right)) max(10px,var(--safe-bottom)) max(10px,var(--safe-left));background:rgba(0,0,0,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s}
.modal.open{opacity:1;visibility:visible}.modal-nested{z-index:1100}.modal-top{z-index:1300;align-items:center}.modal-panel{width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);display:flex;flex-direction:column;background:linear-gradient(160deg,#10292f,#08191d);border:1px solid var(--line-strong);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;transform:translateY(24px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.modal.open .modal-panel{transform:translateY(0)}
.modal-small{max-width:480px}.modal-medium{max-width:680px}.modal-wide{max-width:1120px}.modal-preview{max-width:1050px;height:min(92dvh,900px)}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.modal-header p{margin:5px 0 0;color:var(--muted);font-size:17px}.close-button{width:39px;height:39px;border-radius:50%;flex:0 0 39px;background:#132f36}.close-button svg{width:20px;height:20px}
.modal-body{padding:17px 18px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:13px 18px calc(13px + var(--safe-bottom));border-top:1px solid var(--line);background:rgba(7,20,24,.96);flex:0 0 auto}.sticky-footer{}.modal-footer .btn{min-width:112px}
body.modal-open{overflow:hidden;position:fixed;width:100%}

.btn{min-height:46px;border-radius:14px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:transform .15s,filter .15s}.btn:active{transform:scale(.98)}.btn svg{width:19px;height:19px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#05211e}.btn-secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--line)}.btn-danger{background:linear-gradient(135deg,var(--danger),var(--danger-deep));color:#fff}.btn-danger-soft{background:var(--danger-soft);color:#ff8d96;border:1px solid rgba(239,93,104,.26)}.btn-gold{background:linear-gradient(135deg,#f8d666,#d7a629);color:#352500}.btn-add{background:var(--primary-soft);color:var(--primary);border:1px solid rgba(27,217,195,.25);min-height:40px;padding:8px 12px}

.form-grid{display:grid;grid-template-columns:1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:16px;color:#c7d8dc}.field input,.field textarea,.field select,.money-input,.selector-card,.search-field{width:100%;border:1px solid var(--line-strong);background:#091a1e;border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s}.field input,.field textarea,.field select{padding:12px 13px}.field textarea{resize:vertical;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus,.money-input:focus-within,.search-field:focus-within{border-color:rgba(27,217,195,.65);box-shadow:0 0 0 3px rgba(27,217,195,.09)}.field.full{grid-column:1/-1}.money-input{display:flex;align-items:center;overflow:hidden}.money-input input{border:0!important;background:transparent!important;box-shadow:none!important;flex:1;min-width:0}.money-input b{padding:0 13px;color:var(--primary);font-size:13px;white-space:nowrap}.preview-card{width:min(100%,390px);margin:0 auto 18px}.search-field{display:flex;align-items:center;gap:9px;padding:0 12px}.search-field svg{width:20px;height:20px;color:var(--muted);flex:0 0 auto}.search-field input{width:100%;background:transparent;border:0;outline:none;padding:12px 0}

.choice-grid{display:grid;gap:12px}.choice-grid.two-cols{grid-template-columns:repeat(2,1fr)}.choice-tile,.setting-tile{border-radius:20px;background:linear-gradient(155deg,var(--surface-2),var(--surface));border:1px solid var(--line);color:var(--text);padding:19px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-height:150px}.choice-tile svg,.setting-tile svg{width:34px;height:34px;color:var(--primary);margin-bottom:3px}.choice-tile strong,.setting-tile strong{font-size:16px}.choice-tile span,.setting-tile span{font-size:15px;color:var(--muted);line-height:1.3}
.selection-list{display:grid;gap:9px;margin-top:13px}.selection-item{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;text-align:right;padding:13px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.selection-item strong{display:block;font-size:15px}.selection-item span{display:block;color:var(--muted);font-size:15px;margin-top:3px}.selection-item svg{color:var(--primary)}

.invoice-form-header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:17px 56px 14px 18px;border-bottom:1px solid var(--line)}.invoice-title{text-align:center}.invoice-title h2{margin:0;font-size:22px}.invoice-meta{display:flex;flex-direction:column}.invoice-meta span{font-size:14px;color:var(--muted)}.invoice-meta strong{font-size:17px;margin-top:3px}.invoice-meta.align-left{text-align:left}.invoice-close{position:absolute;right:14px;top:14px}.invoice-body{padding-bottom:22px}.invoice-selector-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}.selector-card{min-height:66px;padding:11px 13px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 10px;text-align:right;color:var(--text)}.selector-card>span{font-size:14px;color:var(--muted);grid-column:1}.selector-card>strong{font-size:15px;grid-column:1}.selector-card>svg{grid-column:2;grid-row:1/3;align-self:center;transform:rotate(180deg);color:var(--primary)}.selector-field{display:flex;flex-direction:column;align-items:stretch}.selector-field select{border:0;background:transparent;outline:none;padding:0;font-family:BYekan;font-size:14px;color:var(--text)}.items-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 11px}.items-title-row h3{margin:0;font-size:19px}.invoice-items-head{display:none}.invoice-items{display:grid;gap:12px}.invoice-item{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 12px 12px;border-radius:18px;background:#0a1d22;border:1px solid var(--line)}.invoice-item-index{position:absolute;right:-7px;top:-8px;width:28px;height:28px;border-radius:10px;background:var(--gold);color:#342700;display:grid;place-items:center;font-family:BYekan;font-size:12px;box-shadow:0 7px 18px rgba(243,198,78,.22)}.invoice-item .field-name,.invoice-item .field-description{grid-column:1/-1}.line-total{display:flex;flex-direction:column;gap:7px}.line-total span{font-size:16px;color:#c7d8dc}.line-total strong{min-height:49px;padding:12px 11px;border-radius:14px;background:rgba(27,217,195,.08);border:1px solid rgba(27,217,195,.17);color:var(--primary);font-size:14px;display:flex;align-items:center}.remove-item{position:absolute;left:8px;top:8px;width:34px;height:34px;border-radius:11px;background:var(--danger-soft);color:#ff858f;display:grid;place-items:center}.remove-item svg{width:17px;height:17px}.invoice-note{margin-top:15px}.invoice-total-box{margin-top:15px;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(27,217,195,.13),rgba(243,198,78,.08));border:1px solid rgba(27,217,195,.24);display:flex;justify-content:space-between;align-items:center;gap:15px}.invoice-total-box span{font-size:17px}.invoice-total-box strong{color:var(--primary);font-size:18px;white-space:nowrap}

.tabs{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 18px 0;gap:8px}.tab-button{min-height:43px;border-radius:13px;background:var(--surface);color:var(--muted);border:1px solid var(--line);font-family:BYekan}.tab-button.active{background:var(--primary);color:#04221e;border-color:transparent}.tab-pane{display:none}.tab-pane.active{display:block}.filters-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:15px}.history-list{display:grid;gap:9px}.history-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:right;padding:13px;border-radius:17px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.history-number{width:47px;height:47px;border-radius:14px;background:rgba(243,198,78,.12);color:var(--gold);display:grid;place-items:center;font-family:BYekan}.history-copy strong{display:block;font-size:15px}.history-copy span{display:block;font-size:15px;color:var(--muted);margin-top:3px}.history-total{text-align:left}.history-total strong{display:block;font-size:14px}.history-total span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:15px}.page-button{min-width:37px;height:37px;border-radius:11px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);font-family:BYekan}.page-button.active{background:var(--primary);color:#04211e;border-color:transparent}.report-periods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:13px}.period-button{min-height:42px;border-radius:13px;background:var(--surface);color:var(--muted);border:1px solid var(--line);font-family:BYekan}.period-button.active{color:var(--primary);border-color:rgba(27,217,195,.45);background:var(--primary-soft)}.range-fields{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.report-content{display:grid;gap:13px}.report-title-card{padding:16px;border-radius:18px;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line)}.report-title-card h3{margin:0 0 4px}.report-title-card span{color:var(--muted)}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-metric{padding:13px 8px;text-align:center;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.report-metric span{font-size:13px;color:var(--muted);display:block}.report-metric strong{display:block;margin-top:6px;font-size:14px}.report-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.report-table{width:100%;border-collapse:collapse;min-width:590px}.report-table th,.report-table td{padding:11px 12px;text-align:right;border-bottom:1px solid var(--line)}.report-table th{font-family:BYekan;font-size:13px;background:rgba(243,198,78,.92);color:#282000}.report-table td{font-size:16px}.report-table tr:last-child td{border-bottom:0}

.preview-frame-wrap{flex:1;background:#dfe5e7;padding:10px;overflow:hidden}.preview-frame-wrap iframe{width:100%;height:100%;border:0;border-radius:12px;background:white}.action-footer{justify-content:center;flex-wrap:wrap}.action-footer .btn{min-width:125px}
.note-body-field textarea{font-family:BMitra!important;font-size:22px;text-align:right;line-height:1.8}.notes-search{margin-bottom:13px}.notes-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.notes-table{width:100%;border-collapse:collapse;min-width:620px}.notes-table th,.notes-table td{padding:12px 13px;text-align:right;border-bottom:1px solid var(--line)}.notes-table th{background:rgba(243,198,78,.93);color:#2f2500;font-size:13px}.notes-table td{font-size:17px}.notes-table tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:7px}.table-action{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.table-action.edit{background:var(--primary-soft);color:var(--primary)}.table-action.delete{background:var(--danger-soft);color:#ff828c}.table-action svg{width:17px;height:17px}.notes-mobile-list{display:none;gap:10px}.note-card{padding:14px;border-radius:17px;background:var(--surface);border:1px solid var(--line)}.note-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.note-card strong{font-size:16px}.note-card small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.note-card p{font-size:17px;line-height:1.65;color:#d2e0e3;margin:11px 0 0;white-space:pre-wrap}.note-card .row-actions{margin-top:12px}

.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.setting-tile{min-height:155px}.danger-setting svg,.danger-setting strong{color:#ff7883}.upload-box{min-height:190px;border:1px dashed rgba(27,217,195,.38);background:var(--primary-soft);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;padding:20px}.upload-box svg{width:42px;height:42px;color:var(--primary)}.upload-box strong{font-size:16px}.upload-box span{font-size:15px;color:var(--muted);word-break:break-all}.upload-box input{display:none}.warning-text{color:#ffb7bd;background:var(--danger-soft);padding:11px 12px;border-radius:13px;font-size:16px;line-height:1.5;margin:12px 0 0}.currency-options{display:grid;gap:10px}.currency-option{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 12px;text-align:right;padding:15px;border-radius:17px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.currency-option strong{font-size:16px}.currency-option span{font-size:15px;color:var(--muted)}.currency-option svg{grid-column:2;grid-row:1/3;align-self:center;color:transparent}.currency-option.selected{border-color:rgba(27,217,195,.55);background:var(--primary-soft)}.currency-option.selected svg{color:var(--primary)}

.modal-confirm{max-width:420px;padding:24px 20px;text-align:center;align-items:center}.confirm-icon{width:62px;height:62px;border-radius:21px;background:var(--danger-soft);color:#ff7c86;display:grid;place-items:center;margin-bottom:12px}.confirm-icon svg{width:30px;height:30px}.modal-confirm h2{margin:0;font-size:20px}.modal-confirm p{font-size:18px;color:var(--muted);line-height:1.55;margin:9px 0 20px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}

.loading-layer{position:fixed;inset:0;z-index:1500;background:rgba(3,9,11,.78);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;opacity:0;visibility:hidden;transition:.2s}.loading-layer.show{opacity:1;visibility:visible}.spinner{width:47px;height:47px;border:4px solid rgba(255,255,255,.13);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-layer strong{font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}
.toast{position:fixed;z-index:1600;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%,25px);width:min(calc(100% - 28px),520px);padding:13px 16px;border-radius:15px;background:#15353b;border:1px solid var(--line-strong);box-shadow:var(--shadow);text-align:center;font-family:BYekan;font-size:13px;opacity:0;visibility:hidden;transition:.24s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast.error{background:#4a1f25;border-color:rgba(239,93,104,.35)}.toast.success{background:#123a30;border-color:rgba(78,208,156,.35)}

@media (max-width:520px){
  .notes-table-wrap{display:none}.notes-mobile-list{display:grid}.settings-grid{grid-template-columns:1fr 1fr}.modal-footer .btn{flex:1;min-width:0}.action-footer .btn{flex:1 1 30%;min-width:0;padding-inline:8px}.action-footer .btn svg{display:none}.invoice-form-header{padding-right:52px}.invoice-meta strong{font-size:15px}.invoice-title h2{font-size:19px}.report-metrics{grid-template-columns:1fr}.report-metric{display:flex;align-items:center;justify-content:space-between;text-align:right}.report-metric strong{margin:0}
}

@media (min-width:700px){
  .app-shell{padding-top:calc(22px + var(--safe-top))}.topbar{margin-bottom:22px}.brand-block h1{font-size:27px}.brand-block p{font-size:18px}.main-actions{grid-template-columns:repeat(4,1fr)}.summary-section{gap:12px}.summary-card{padding:17px}.summary-card strong{font-size:17px}.cards-slider{padding-bottom:10px}.bank-card{flex-basis:390px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-selector-grid{grid-template-columns:1.2fr .8fr}.filters-grid{grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(150px,.7fr)) auto;align-items:end}.range-fields{grid-template-columns:1fr 1fr auto;align-items:end}.report-periods{grid-template-columns:repeat(4,1fr)}.modal{align-items:center}.modal-panel{border-radius:28px}.invoice-item{grid-template-columns:42px minmax(160px,1.4fr) minmax(125px,.8fr) minmax(95px,.55fr) minmax(140px,.8fr) minmax(170px,1fr) 42px;gap:8px;padding:8px}.invoice-item-index{position:static;width:100%;height:auto;border-radius:11px}.invoice-item .field-name,.invoice-item .field-description{grid-column:auto}.invoice-item .field>span,.invoice-item .line-total>span{display:none}.invoice-item input{height:46px}.remove-item{position:static;width:100%;height:46px;align-self:end}.line-total strong{height:46px;min-height:46px}.invoice-items-head{display:grid;grid-template-columns:42px minmax(160px,1.4fr) minmax(125px,.8fr) minmax(95px,.55fr) minmax(140px,.8fr) minmax(170px,1fr) 42px;gap:8px;padding:0 8px 7px;color:var(--muted);font-family:BYekan;font-size:12px;text-align:center}.modal-body{padding:20px 22px}.modal-header{padding:20px 22px 15px}.modal-footer{padding-inline:22px}.recent-list{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1000px){.main-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:20px}.status-strip,.cards-section,.main-actions,.summary-section{grid-column:1}.recent-section{grid-column:2;grid-row:1/6}.recent-list{grid-template-columns:1fr}.recent-section{padding:18px;border-radius:24px;background:rgba(12,32,37,.55);border:1px solid var(--line)}.bank-card{flex-basis:410px}.main-actions{margin-bottom:0}.summary-section{margin-bottom:0}}

@media (hover:hover){.main-action:hover,.choice-tile:hover,.setting-tile:hover{transform:translateY(-3px);border-color:rgba(27,217,195,.3)}.btn:hover{filter:brightness(1.07)}.selection-item:hover,.history-item:hover,.recent-item:hover{border-color:rgba(27,217,195,.28)}}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.success-icon{background:rgba(78,208,156,.13);color:var(--success)}.confirm-actions.single{grid-template-columns:1fr}.bank-card-top{justify-content:center}.bank-card-top .chip{position:absolute;left:20px;top:18px}.bank-card-bottom{left:18px;right:auto;bottom:17px;align-items:flex-start;flex-direction:column;gap:1px}.card-tools{left:auto;right:13px}.default-card-btn{right:14px;bottom:14px}

/* v2.0.1 style corrections */
body,input,textarea,select,td,p,small,span,label{font-family:BMitra!important}
h1,h2,h3,h4,.eyebrow,.btn,button,strong,.main-action strong,.main-action small,.invoice-meta,.invoice-title,.notes-table th,.section-heading h2,.modal-header h2,.brand-copy h1{font-family:BYekan!important}
.topbar{justify-content:center;position:relative}.install-button{position:absolute;left:0;top:50%;transform:translateY(-50%)}.brand-block{justify-content:center;width:100%}.brand-copy,.brand-block h1,.brand-block p{text-align:center}.brand-block p{margin-top:6px}
.centered-header{justify-content:center;text-align:center}.centered-header>div{width:100%;text-align:center}.centered-header .eyebrow,.centered-header h2,.centered-header p{text-align:center}.centered-footer{justify-content:center}
.main-actions{grid-template-columns:repeat(2,1fr)!important}
.cards-slider{position:relative;overflow:hidden;min-height:255px;padding:0 0 10px;display:block;direction:rtl}
.bank-card{position:absolute;inset:0;margin:auto;width:min(100%,420px);height:248px;transition:transform .42s ease,opacity .42s ease,filter .42s ease;scroll-snap-align:none}
.bank-card.is-active{transform:translateX(0) scale(1);z-index:3;opacity:1;filter:none}
.bank-card.is-next{transform:translateX(-14px) translateY(14px) scale(.94);z-index:2;opacity:.7;filter:saturate(.9)}
.bank-card.is-prev{transform:translateX(14px) translateY(14px) scale(.94);z-index:1;opacity:0;pointer-events:none}
.bank-card.is-hidden-card{opacity:0;pointer-events:none;transform:translateY(22px) scale(.9)}
.slider-dots{margin-top:12px}
.bank-card-top{justify-content:center!important;text-align:center}.bank-card-top strong{font-size:22px}.bank-card-top .chip{position:absolute;left:20px;top:18px}
.card-number{font-size:25px!important;letter-spacing:3px!important;top:49%}
.bank-card-bottom{left:0!important;right:0!important;bottom:24px!important;display:flex;justify-content:center!important;align-items:center!important;gap:10px;flex-direction:row!important;text-align:center}.bank-card-bottom>span,.bank-card-bottom>strong{display:inline-block}.bank-card-bottom>span{font-size:18px}.bank-card-bottom>strong{font-size:21px}
.field>span{display:block;text-align:center}.money-input b{min-width:54px;text-align:center;font-family:BYekan}
input,textarea,select{text-align:right}
#cardNumber{font-family:BYekan!important;direction:ltr;text-align:center}
#cardBalance,.item-price,.item-quantity{text-align:right;font-family:BMitra!important}
#saveCardBtn{min-width:150px}
.modal-footer.centered-footer .btn{min-width:140px}
.notes-table th,.notes-table td{text-align:center}.notes-table td:nth-child(2){text-align:right}.notes-table tbody tr[data-view-note]{cursor:pointer}
.note-view-body{display:grid;gap:14px}.note-view-meta{text-align:center;border-bottom:1px solid var(--line);padding-bottom:12px}.note-view-meta strong{display:block;font-size:22px}.note-view-meta span{display:block;color:var(--muted);margin-top:6px}.note-view-content{min-height:180px;white-space:pre-wrap;line-height:1.9;font-size:22px;background:rgba(12,32,37,.55);border:1px solid var(--line);border-radius:18px;padding:16px;text-align:right}
.invoice-title,.invoice-meta,.section-heading h2,.section-heading .eyebrow{text-align:center}.invoice-form-header{grid-template-columns:1fr auto 1fr}.invoice-meta:first-child{text-align:right}.invoice-meta.align-left{text-align:left}
.selector-card>span,.selector-card>strong{text-align:center}.items-title-row h3{text-align:center}
.invoice-total-box{border-color:rgba(27,217,195,.35)}
.preview-frame-wrap{padding:12px;background:#cfd4d5}
@media (min-width:700px){.main-actions{grid-template-columns:repeat(2,1fr)!important}.cards-slider{min-height:270px}.bank-card{height:260px}}


/* v2.0.2 critical modal preview isolation */
#cardModal .modal-body{display:block}
#cardModal .preview-card{position:relative!important;inset:auto!important;display:block!important;width:min(100%,390px)!important;height:auto!important;aspect-ratio:1.586/1!important;margin:0 auto 18px!important;transform:none!important;opacity:1!important;filter:none!important;z-index:auto!important;pointer-events:auto!important}
#cardModal .preview-card .bank-card-top{position:relative}
#cardModal .preview-card .bank-card-bottom{position:absolute!important}
#cardModal .form-grid{position:relative;z-index:1}
#cardModal .modal-footer{position:relative;z-index:2}

/* v2.0.3 final polish */
.visually-hidden{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}
body{overflow-x:hidden}
.topbar{justify-content:center!important}.brand-block{justify-content:center!important}.brand-copy,.brand-copy h1,.brand-copy p{text-align:center!important}.brand-block h1{font-size:30px}
.main-content{display:flex!important;flex-direction:column!important;gap:0}.recent-section{order:10}
.status-strip{grid-template-columns:1fr 1fr auto!important}.status-strip>div{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px}.status-strip>div span,.status-strip>div strong{display:inline-block;margin:0!important}.status-strip>div strong{font-size:18px}.top-add-card{justify-self:end}
.cards-heading-hidden{display:none!important}.cards-carousel{position:relative;padding-inline:40px}.card-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(12,32,37,.96);border:1px solid rgba(27,217,195,.35);color:var(--primary);z-index:4;box-shadow:var(--shadow-soft)}.card-nav svg{width:18px;height:18px}.card-nav-next{left:0}.card-nav-prev{right:0}.card-nav-prev svg{transform:rotate(180deg)}
.cards-slider{min-height:270px!important}.bank-card{max-width:420px}.default-card-btn{font-size:12px!important}
.section-heading h2,.modal-header h2,.invoice-title h2,.items-title-row h3,.history-item h3,.choice-tile strong,.setting-tile strong,.selector-card strong{ text-align:center!important}
.modal-panel{position:relative}.modal-header{position:relative;justify-content:center!important;align-items:center!important;text-align:center!important;padding:22px 60px 16px!important}.modal-header>div{width:100%;text-align:center!important}.modal-header .eyebrow,.modal-header h2,.modal-header p{text-align:center!important}.modal-header h2{color:var(--gold)!important}.modal-header p{max-width:92%;margin-inline:auto!important}
.close-button{position:absolute!important;right:16px!important;top:16px!important;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--danger)!important;width:28px!important;height:28px!important;padding:0!important}.close-button:hover{color:#ff8b95!important;transform:scale(1.08)}
.field>span{display:block!important;text-align:right!important;color:#ffb15a!important;margin-bottom:8px!important;font-size:16px!important}
input,textarea,select{border-color:rgba(27,217,195,.35)!important}.search-field input{padding-right:42px}.money-input input,.field input,.field textarea,.field select{font-family:BMitra!important}
#noteSubject{text-align:right!important;margin-bottom:10px}#noteBody{text-align:right!important;line-height:1.9!important}.note-body-field{margin-top:10px}.note-body-field textarea{min-height:320px}
.modal-footer:not(.action-footer){justify-content:center!important}.modal-footer:not(.action-footer) .btn{min-width:150px;transition:transform .18s ease, box-shadow .18s ease, filter .18s ease}.modal-footer:not(.action-footer) .btn:hover,.action-footer .btn:hover,.main-action:hover,.choice-tile:hover,.setting-tile:hover,.round-action:hover,.card-nav:hover{box-shadow:0 0 0 1px rgba(27,217,195,.35),0 8px 24px rgba(27,217,195,.14)!important;filter:brightness(1.08);transform:translateY(-1px)}.modal-footer:not(.action-footer) .btn-primary,.modal-footer:not(.action-footer) .btn-gold{order:1}.modal-footer:not(.action-footer) .btn-danger-soft,.modal-footer:not(.action-footer) .btn-danger,.modal-footer:not(.action-footer) .btn-secondary,.modal-footer:not(.action-footer) [data-close]{order:2}
.warning-text{text-align:center!important;line-height:1.8}.currency-options .currency-option,.choice-grid .choice-tile,.settings-grid .setting-tile{text-align:center!important}
.currency-options .currency-option strong,.currency-options .currency-option span,.choice-grid .choice-tile strong,.choice-grid .choice-tile span,.settings-grid .setting-tile strong,.settings-grid .setting-tile span{text-align:center!important;display:block}
select{text-align:center!important;text-align-last:center!important}.field select option{font-family:BMitra!important;text-align:center!important}
#cardModal .preview-card{margin:0 auto 22px!important}.bank-card.preview-card .bank-card-top strong,.bank-card.preview-card .card-number,.bank-card.preview-card .bank-card-bottom strong{font-family:BYekan!important}
.notes-table-wrap{border:1px solid rgba(255,255,255,.16)!important}.notes-table{table-layout:fixed!important;min-width:780px!important;width:100%}.notes-table th,.notes-table td{text-align:center!important;border-bottom:1px solid rgba(255,255,255,.16)!important;border-left:1px solid rgba(255,255,255,.12)!important;vertical-align:middle}.notes-table th:last-child,.notes-table td:last-child{border-left:0!important}.notes-table th:nth-child(1),.notes-table td:nth-child(1){width:7%}.notes-table th:nth-child(2),.notes-table td:nth-child(2){width:31%}.notes-table th:nth-child(3),.notes-table td:nth-child(3){width:20%}.notes-table th:nth-child(4),.notes-table td:nth-child(4){width:18%}.notes-table th:nth-child(5),.notes-table td:nth-child(5){width:24%}.notes-table tbody tr:nth-child(even){background:rgba(255,255,255,.035)}.notes-table td:nth-child(2){text-align:right!important;padding-right:16px!important}.row-actions{justify-content:center!important}
.note-view-meta span{display:block}.note-view-content{min-height:220px!important}
.invoice-form-header{grid-template-columns:1fr auto 1fr!important;align-items:center!important;padding:20px 60px 16px!important}.invoice-meta{display:flex!important;align-items:center!important;gap:8px!important}.invoice-meta span,.invoice-meta strong{display:inline-block!important;margin:0!important}.invoice-meta.align-left{justify-content:flex-end!important}.invoice-total-box{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding-block:14px!important}.invoice-total-box span{display:block!important;text-align:center!important}.invoice-total-box strong{display:block!important;text-align:center!important;color:var(--gold)!important;font-size:28px!important}.invoice-item .line-total strong{font-family:BYekan!important}.items-title-row{align-items:center!important}
.preview-frame-wrap{padding:8px!important;background:#bcc3c6!important;height:80vh}.preview-frame-wrap iframe{width:100%;height:100%;border:0;border-radius:16px;background:#e9edee;overflow:hidden}
.history-item,.selection-item{transition:border-color .18s ease, transform .18s ease}
@media (min-width:1000px){.main-content{display:flex!important;flex-direction:column!important}.recent-section{padding:18px;border-radius:24px;background:rgba(12,32,37,.55);border:1px solid var(--line)}.recent-list{grid-template-columns:1fr!important}}
@media (max-width:699px){.cards-carousel{padding-inline:24px}.card-nav{width:30px;height:30px}.cards-slider{min-height:240px!important}.bank-card{height:226px!important;max-width:100%}.summary-section{grid-template-columns:repeat(3,1fr)}.summary-card{padding:12px 6px}.summary-card strong{font-size:14px}.modal-header{padding:20px 52px 14px!important}.invoice-form-header{padding:18px 46px 14px!important}.invoice-meta{flex-direction:row!important;gap:6px}.invoice-meta span,.invoice-meta strong{font-size:14px!important}.invoice-total-box strong{font-size:24px!important}.notes-table{min-width:680px!important}}


/* v2.0.4 final refinements */
#notesHistoryModal{z-index:1100!important}#noteViewModal{z-index:1300!important}#noteFormModal{z-index:1310!important}
.cards-section{margin-bottom:26px!important}.cards-carousel{position:relative;min-height:250px;display:flex;align-items:center;justify-content:center;padding-inline:42px}.cards-slider{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;min-height:238px!important;padding:0!important;width:100%}.cards-slider.has-card::before{content:"";position:absolute;width:min(100%,382px);height:226px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transform:translateY(13px) scale(.95);box-shadow:0 12px 36px rgba(0,0,0,.18)}.bank-card{position:relative!important;inset:auto!important;margin:0 auto!important;width:min(100%,390px)!important;max-width:390px!important;height:226px!important;opacity:1!important;pointer-events:auto!important;transform:none!important;filter:none!important;z-index:2!important}.bank-card.is-next,.bank-card.is-prev{display:none!important}.card-nav{top:50%;transform:translateY(-50%);z-index:5}.card-nav-prev{left:0!important;right:auto!important}.card-nav-next{right:0!important;left:auto!important}.card-nav-prev svg{transform:rotate(180deg)!important}.card-nav-next svg{transform:none!important}
.main-actions{margin-top:8px!important;margin-bottom:22px!important;gap:14px!important}.summary-section{margin-top:4px!important;margin-bottom:26px!important;gap:12px!important}.recent-section{margin-top:4px!important}.recent-list{gap:12px!important}
.notes-table td:nth-child(2){text-align:center!important;padding-right:0!important}.notes-table td,.notes-table th{vertical-align:middle!important}
.preview-frame-wrap{padding:6px!important}.preview-frame-wrap iframe{border-radius:18px!important;background:#f2f3f4!important}
@media (max-width:699px){.app-shell{padding-inline:12px!important}.status-strip{margin-bottom:18px!important;padding:10px 12px!important}.cards-carousel{min-height:220px!important;padding-inline:34px!important}.cards-slider{min-height:214px!important}.bank-card{height:210px!important;max-width:320px!important;border-radius:22px!important}.card-number{font-size:18px!important}.main-actions{gap:12px!important;margin-bottom:18px!important}.main-action{min-height:124px!important;padding:14px 10px!important}.summary-section{gap:10px!important;margin-bottom:20px!important}.summary-card{min-height:64px!important}.recent-section{padding-bottom:6px!important}}


/* v2.0.6 targeted repair: card render + invoice row alignment */
#notesHistoryModal{z-index:1100!important}#noteViewModal{z-index:1300!important}#noteFormModal{z-index:1310!important}
.card-nav:hover{transform:translateY(-50%)!important;box-shadow:0 0 0 1px rgba(27,217,195,.45),0 8px 24px rgba(27,217,195,.16)!important;filter:brightness(1.08)}
.card-nav-prev{left:0!important;right:auto!important}.card-nav-next{right:0!important;left:auto!important}.card-nav-prev svg{transform:rotate(180deg)!important}.card-nav-next svg{transform:none!important}
.cards-slider.has-card{min-height:238px!important}.cards-slider.has-card::before{z-index:1}.cards-slider.has-card .bank-card{z-index:2!important}
.main-actions{margin-top:20px!important;margin-bottom:22px!important}.summary-section{margin-top:18px!important;margin-bottom:26px!important}.recent-section{margin-top:18px!important}
.invoice-items-head{display:grid!important;grid-template-columns:42px minmax(170px,1.4fr) minmax(120px,.8fr) minmax(92px,.55fr) minmax(140px,.8fr) minmax(160px,1fr) 42px!important;gap:8px;align-items:center;padding:9px 8px!important;margin:4px 0 8px!important;border-radius:16px;background:#f3c64e!important;color:#352500!important;font-family:BYekan!important;font-size:12px!important;text-align:center!important}
.invoice-items-head span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;color:#352500!important;font-family:BYekan!important}
.invoice-item{grid-template-columns:42px minmax(170px,1.4fr) minmax(120px,.8fr) minmax(92px,.55fr) minmax(140px,.8fr) minmax(160px,1fr) 42px!important;gap:8px!important;padding:8px!important;align-items:end!important;border-radius:16px!important}
.invoice-item .field-name,.invoice-item .field-description{grid-column:auto!important}.invoice-item .field>span,.invoice-item .line-total>span{display:none!important}.invoice-item .field{margin:0!important;gap:0!important}.invoice-item .field input,.invoice-item .field textarea,.invoice-item .field select{height:46px!important;min-height:46px!important;padding:8px 11px!important}.invoice-item .item-description{height:46px!important}.line-total{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:0!important}.line-total strong{height:46px!important;min-height:46px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px 11px!important;font-family:BYekan!important}
.invoice-item-index{position:static!important;right:auto!important;top:auto!important;width:42px!important;height:46px!important;border-radius:12px!important;display:grid!important;place-items:center!important;align-self:end!important;margin:0!important;font-size:13px!important;box-shadow:0 7px 18px rgba(243,198,78,.22)!important}.remove-item{position:static!important;left:auto!important;top:auto!important;width:42px!important;height:46px!important;border-radius:12px!important;align-self:end!important;margin:0!important}.invoice-total-box strong{white-space:normal!important}
.notes-table th:nth-child(2),.notes-table td:nth-child(2){text-align:center!important;padding-right:0!important}.notes-table td,.notes-table th{vertical-align:middle!important}
@media (max-width:699px){.invoice-body{overflow-x:auto!important}.invoice-items,.invoice-items-head{min-width:720px!important}.invoice-items-head{grid-template-columns:36px minmax(145px,1.2fr) minmax(110px,.8fr) minmax(78px,.55fr) minmax(122px,.8fr) minmax(145px,1fr) 36px!important;font-size:11px!important;gap:6px!important;padding:7px 6px!important}.invoice-item{grid-template-columns:36px minmax(145px,1.2fr) minmax(110px,.8fr) minmax(78px,.55fr) minmax(122px,.8fr) minmax(145px,1fr) 36px!important;gap:6px!important;padding:6px!important}.invoice-item-index,.remove-item{width:36px!important;height:42px!important}.invoice-item .field input,.invoice-item .field textarea,.invoice-item .field select,.line-total strong{height:42px!important;min-height:42px!important;font-size:14px!important}.cards-carousel{padding-inline:34px!important}.card-nav{width:32px!important;height:32px!important}.main-actions{margin-top:16px!important}.summary-section{margin-top:16px!important}}


/* v2.0.7 light theme: turquoise + violet, no white panels */
:root[data-theme="light"]{
  --bg:#c5f1eb;--bg-deep:#a9e3df;--surface:#c0e9e6;--surface-2:#c8d6f4;--surface-3:#b8d8e9;
  --line:rgba(74,41,122,.20);--line-strong:rgba(74,41,122,.34);--text:#16333b;--muted:#526b78;
  --primary:#008f86;--primary-strong:#00756f;--primary-soft:rgba(0,143,134,.14);--gold:#9b7200;
  --danger:#cf3c58;--danger-deep:#9f2541;--danger-soft:rgba(207,60,88,.14);--success:#168a67;
  --shadow:0 22px 55px rgba(51,39,101,.18);--shadow-soft:0 12px 28px rgba(51,39,101,.13);
}
:root[data-theme="light"] html{background:var(--bg-deep)}
:root[data-theme="light"] body{
  color:var(--text);
  background:
    radial-gradient(circle at 84% -8%,rgba(106,77,188,.34),transparent 34%),
    radial-gradient(circle at 8% 18%,rgba(0,180,165,.32),transparent 35%),
    linear-gradient(145deg,#b1eee7,#cfc5ee 48%,#a8dfdc);
}
:root[data-theme="light"] .brand-block h1,
:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] strong{color:#132e37}
:root[data-theme="light"] .brand-block p,
:root[data-theme="light"] .main-action small,
:root[data-theme="light"] .choice-tile span,
:root[data-theme="light"] .setting-tile span,
:root[data-theme="light"] .summary-card span,
:root[data-theme="light"] .recent-copy span,
:root[data-theme="light"] .history-copy span,
:root[data-theme="light"] .field>span,
:root[data-theme="light"] .selector-card>span,
:root[data-theme="light"] .line-total span{color:#58727c!important}
:root[data-theme="light"] .app-logo{box-shadow:0 10px 26px rgba(70,42,126,.20)}
:root[data-theme="light"] .status-strip,
:root[data-theme="light"] .summary-card,
:root[data-theme="light"] .recent-section,
:root[data-theme="light"] .recent-item,
:root[data-theme="light"] .history-item,
:root[data-theme="light"] .report-title-card,
:root[data-theme="light"] .report-metric,
:root[data-theme="light"] .note-card{
  background:linear-gradient(145deg,rgba(196,236,232,.92),rgba(202,196,236,.82));
  border-color:rgba(74,41,122,.22);
  color:var(--text);
}
:root[data-theme="light"] .main-action,
:root[data-theme="light"] .choice-tile,
:root[data-theme="light"] .setting-tile,
:root[data-theme="light"] .selection-item,
:root[data-theme="light"] .currency-option{
  background:linear-gradient(155deg,#b8e6e2,#c8c1ee);
  border-color:rgba(74,41,122,.24);
  color:var(--text);
}
:root[data-theme="light"] .action-icon,
:root[data-theme="light"] .recent-number,
:root[data-theme="light"] .history-number,
:root[data-theme="light"] .success-icon{
  background:rgba(0,143,134,.16);color:#006f69;
}
:root[data-theme="light"] .modal{background:rgba(54,43,85,.33);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
:root[data-theme="light"] .modal-panel{
  background:linear-gradient(160deg,#c3ebe7,#cfc4ee);
  border-color:rgba(74,41,122,.28);
  box-shadow:0 25px 72px rgba(59,42,110,.22);
}
:root[data-theme="light"] .modal-header,
:root[data-theme="light"] .modal-footer,
:root[data-theme="light"] .tabs{border-color:rgba(74,41,122,.18)}
:root[data-theme="light"] .modal-footer{background:linear-gradient(145deg,#b5e0dd,#c0b9e6)}
:root[data-theme="light"] .modal-header h2{color:#8a6200!important}
:root[data-theme="light"] .eyebrow{color:#007a73}
:root[data-theme="light"] .close-button{color:#c8324f!important}
:root[data-theme="light"] .icon-button,
:root[data-theme="light"] .card-nav{background:#bedfdf;color:#006f69;border-color:rgba(0,143,134,.28)}
:root[data-theme="light"] .round-action,
:root[data-theme="light"] .btn-primary{background:linear-gradient(135deg,#18d8c5,#09aa9c);color:#062c2b}
:root[data-theme="light"] .btn-secondary{background:#c6d9ef;color:#17333c;border-color:rgba(74,41,122,.22)}
:root[data-theme="light"] .btn-danger-soft{background:rgba(207,60,88,.16);color:#a82640;border-color:rgba(207,60,88,.28)}
:root[data-theme="light"] .btn-danger{background:linear-gradient(135deg,#e45773,#bb2f4e);color:#fff6fa}
:root[data-theme="light"] .btn-gold{background:linear-gradient(135deg,#e9c64a,#c59b22);color:#342800}
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select,
:root[data-theme="light"] .field input,
:root[data-theme="light"] .field textarea,
:root[data-theme="light"] .field select,
:root[data-theme="light"] .money-input,
:root[data-theme="light"] .selector-card,
:root[data-theme="light"] .search-field{
  background:#caede9!important;color:#15313a!important;border-color:rgba(0,143,134,.32)!important;
}
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{color:#6f8790!important}
:root[data-theme="light"] .field input:focus,
:root[data-theme="light"] .field textarea:focus,
:root[data-theme="light"] .field select:focus,
:root[data-theme="light"] .money-input:focus-within,
:root[data-theme="light"] .search-field:focus-within{box-shadow:0 0 0 3px rgba(0,143,134,.12)}
:root[data-theme="light"] .empty-card{background:linear-gradient(145deg,#b9e6e2,#c8c0ec);border-color:rgba(74,41,122,.28)}
:root[data-theme="light"] .empty-card strong,
:root[data-theme="light"] .empty-card span{color:#17333c!important}
:root[data-theme="light"] .default-card-btn.is-default{background:rgba(224,250,245,.94);color:#17333c}
:root[data-theme="light"] .card-mini-btn{background:rgba(29,52,64,.20);border-color:rgba(236,255,250,.24)}
:root[data-theme="light"] .invoice-item{background:#bfe6e3;border-color:rgba(0,143,134,.26)}
:root[data-theme="light"] .invoice-items-head,
:root[data-theme="light"] .notes-table th,
:root[data-theme="light"] .report-table th{background:#e6bd3e!important;color:#2f2500!important;border-color:rgba(122,87,0,.22)}
:root[data-theme="light"] .line-total strong,
:root[data-theme="light"] .invoice-total-box{background:rgba(0,143,134,.10);border-color:rgba(0,143,134,.24);color:#006f69!important}
:root[data-theme="light"] .invoice-total-box strong{color:#8a6200!important}
:root[data-theme="light"] .notes-table-wrap,
:root[data-theme="light"] .report-table-wrap{border-color:rgba(74,41,122,.24)}
:root[data-theme="light"] .notes-table td,
:root[data-theme="light"] .report-table td{color:#17333c;border-color:rgba(74,41,122,.17);background:#c9e9e6}
:root[data-theme="light"] .notes-table tbody tr:nth-child(even) td,
:root[data-theme="light"] .report-table tbody tr:nth-child(even) td{background:#c7dff0}
:root[data-theme="light"] .table-action.edit{background:rgba(0,143,134,.16);color:#00756f}
:root[data-theme="light"] .table-action.delete{background:rgba(207,60,88,.15);color:#b22a45}
:root[data-theme="light"] .upload-box{background:rgba(0,143,134,.12);border-color:rgba(0,143,134,.45)}
:root[data-theme="light"] .warning-text{background:rgba(207,60,88,.14);color:#8b2338}
:root[data-theme="light"] .preview-frame-wrap{background:#bdd9df!important}
:root[data-theme="light"] .preview-frame-wrap iframe{background:#dff2ee!important}
:root[data-theme="light"] .loading-layer{background:rgba(132,110,177,.40)}
:root[data-theme="light"] .toast{background:#c0e6e2;color:#16333b;border-color:rgba(74,41,122,.22)}
:root[data-theme="light"] .toast.error{background:#e9c1cc;color:#682335}
:root[data-theme="light"] .toast.success{background:#b8e6d7;color:#153d32}
:root[data-theme="light"] .currency-option.selected,
:root[data-theme="light"] .setting-tile.theme-selected{background:linear-gradient(155deg,#afe9e2,#b9aeea);border-color:rgba(0,143,134,.45)}
:root[data-theme="light"] .modal-confirm p{color:#4e6973}
:root[data-theme="light"] .spinner{border-color:rgba(22,51,59,.16);border-top-color:#008f86}


/* v2.0.8 light/mobile refinements */
.default-card-btn{top:14px!important;left:14px!important;right:auto!important;bottom:auto!important;z-index:3;max-width:112px;justify-content:center}
.card-tools{right:13px!important;left:auto!important;z-index:3}
.bank-card-top .chip{left:20px!important;top:62px!important}
.bank-card-bottom{padding-left:0!important}

#notesHistoryModal{align-items:center!important}
#notesHistoryModal .modal-panel{width:min(100%,620px)!important}
#notesHistoryModal .modal-body{display:flex;flex-direction:column;justify-content:flex-start}
.notes-mobile-list{gap:12px!important}
.note-card{padding:16px 14px!important;border-radius:18px!important;background:linear-gradient(160deg,rgba(10,33,38,.96),rgba(10,28,33,.92))!important}
.note-card-top{display:block!important;text-align:right!important}
.note-card strong{display:block!important;font-size:18px!important;line-height:1.4!important}
.note-card small{display:block!important;margin-top:6px!important;font-size:14px!important;color:var(--muted)!important}
.note-card p{margin-top:14px!important;font-size:18px!important;line-height:1.8!important;text-align:right!important}
.note-card .row-actions{justify-content:center!important;margin-top:16px!important}

@media (max-width:699px){
  .cards-section{margin-bottom:18px!important}
  .main-actions{margin-top:14px!important;gap:14px!important}
  .summary-section{margin-top:14px!important;gap:10px!important}
  .recent-section{margin-top:14px!important}
  .bank-card{max-width:100%!important;height:238px!important}
  .default-card-btn{max-width:96px!important;padding:6px 8px!important;font-size:10.5px!important}
  .bank-card-top strong{font-size:20px!important;padding-inline:82px 74px!important}
  .card-number{font-size:22px!important;letter-spacing:2px!important}
  .bank-card-bottom>strong{font-size:20px!important}

  .invoice-body{overflow-x:hidden!important}
  .invoice-items,.invoice-items-head{min-width:0!important;width:100%!important}
  .invoice-items-head{grid-template-columns:40px minmax(118px,1.45fr) minmax(90px,.8fr) minmax(62px,.45fr) minmax(104px,.85fr)!important;gap:6px!important;padding:8px 8px!important;font-size:11px!important;margin:4px 0 10px!important}
  .invoice-items-head span:nth-child(6),
  .invoice-items-head span:nth-child(7){display:none!important}
  .invoice-item{position:relative!important;grid-template-columns:40px minmax(118px,1.45fr) minmax(90px,.8fr) minmax(62px,.45fr) minmax(104px,.85fr)!important;gap:6px!important;padding:8px 44px 8px 6px!important;border-radius:16px!important}
  .invoice-item .field-description{display:none!important}
  .invoice-item .field-name input{font-size:15px!important;padding-inline:8px!important}
  .invoice-item .field:nth-child(3) input,
  .invoice-item .field:nth-child(4) input{font-size:14px!important;padding-inline:6px!important}
  .invoice-item .field input,.invoice-item .field select,.invoice-item .field textarea,
  .line-total strong{height:42px!important;min-height:42px!important}
  .line-total strong{font-size:13px!important;padding-inline:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .invoice-item-index{width:40px!important;height:42px!important;border-radius:12px!important;font-size:12px!important}
  .remove-item{position:absolute!important;left:6px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;border-radius:10px!important}
  .items-title-row{margin-bottom:8px!important}
  .items-title-row h3{font-size:18px!important}
  .field textarea#invoiceNote{min-height:120px!important}
  .invoice-total-box{padding:12px 10px!important}
  .invoice-total-box span{font-size:18px!important}
  .invoice-total-box strong{font-size:24px!important}

  #notesHistoryModal{padding-top:14px!important;padding-bottom:14px!important}
  #notesHistoryModal .modal-panel{max-width:min(100%,520px)!important;max-height:min(82dvh,680px)!important}
  #notesHistoryModal .modal-body{padding:14px 14px 16px!important}
  .notes-search{margin-bottom:12px!important}
}

:root[data-theme="light"] .note-card{background:linear-gradient(160deg,#cde9e5,#bddcd8)!important;border-color:rgba(0,128,117,.22)!important}
:root[data-theme="light"] .note-card p{color:#234147!important}
:root[data-theme="light"] .default-card-btn{background:rgba(223,246,241,.94)!important;color:#16343a!important;border-color:rgba(0,128,117,.18)!important}

/* v2.0.9 mobile compact fixes */
@media (max-width:699px){
  .cards-carousel{min-height:210px!important;padding-inline:42px!important}
  .cards-slider{min-height:198px!important;overflow:visible!important}
  .bank-card{width:min(calc(100vw - 118px),390px)!important;height:auto!important;aspect-ratio:1.586/1!important;max-width:390px!important;border-radius:22px!important;padding:16px 18px!important}
  .bank-card-top strong{font-size:18px!important;padding-inline:76px 70px!important;line-height:1.2!important}
  .bank-card-top .chip{left:18px!important;top:52px!important;width:34px!important;height:26px!important}
  .card-tools{right:12px!important;top:12px!important;gap:6px!important}
  .card-mini-btn{width:31px!important;height:31px!important;border-radius:11px!important}
  .default-card-btn{left:12px!important;top:12px!important;right:auto!important;bottom:auto!important;max-width:88px!important;padding:6px 8px!important;font-size:10px!important;height:31px!important}
  .card-number{font-size:19px!important;letter-spacing:1.8px!important;top:51%!important;left:12px!important;right:12px!important}
  .bank-card-bottom{left:16px!important;right:16px!important;bottom:15px!important;gap:6px!important;justify-content:center!important;align-items:center!important;flex-direction:row!important}
  .bank-card-bottom>span{font-size:14px!important}.bank-card-bottom>strong{font-size:18px!important}

  .invoice-body{overflow-x:hidden!important;padding-inline:14px!important}
  .invoice-items,.invoice-items-head{width:100%!important;min-width:0!important;max-width:100%!important}
  .invoice-items-head{grid-template-columns:minmax(112px,1.3fr) minmax(74px,.7fr) minmax(46px,.42fr) minmax(86px,.78fr) 32px!important;gap:5px!important;padding:8px 6px!important;border-radius:15px!important;margin:4px 0 8px!important;font-size:11px!important}
  .invoice-items-head span:nth-child(1),.invoice-items-head span:nth-child(6),.invoice-items-head span:nth-child(7){display:none!important}
  .invoice-items-head span:nth-child(2){grid-column:1}.invoice-items-head span:nth-child(3){grid-column:2}.invoice-items-head span:nth-child(4){grid-column:3}.invoice-items-head span:nth-child(5){grid-column:4}
  .invoice-item{display:grid!important;grid-template-columns:minmax(112px,1.3fr) minmax(74px,.7fr) minmax(46px,.42fr) minmax(86px,.78fr) 32px!important;gap:5px!important;padding:7px 6px!important;border-radius:15px!important;align-items:center!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .invoice-item-index,.invoice-item .field-description{display:none!important}
  .invoice-item .field-name{grid-column:1!important}.invoice-item .field:nth-of-type(2){grid-column:2!important}.invoice-item .field:nth-of-type(3){grid-column:3!important}.invoice-item .line-total{grid-column:4!important}.invoice-item .remove-item{grid-column:5!important}
  .invoice-item .field input,.invoice-item .field select,.invoice-item .field textarea,.line-total strong{height:40px!important;min-height:40px!important;border-radius:12px!important}
  .invoice-item .field input{font-size:13px!important;padding:6px 7px!important}
  .invoice-item .field-name input{font-size:14px!important}
  .line-total strong{font-size:12px!important;padding:5px 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;justify-content:center!important;text-align:center!important}
  .remove-item{position:static!important;transform:none!important;width:32px!important;height:40px!important;border-radius:11px!important;margin:0!important;align-self:center!important}
  .remove-item svg{width:16px!important;height:16px!important}
  .invoice-note{margin-top:12px!important}.invoice-note textarea{min-height:112px!important}

  #notesHistoryModal{align-items:center!important;padding-top:12px!important;padding-bottom:12px!important}
  #notesHistoryModal .modal-panel{max-height:78dvh!important;width:min(100%,520px)!important}
  #notesHistoryModal .modal-body{padding:13px 14px 15px!important}
  .notes-mobile-list{gap:9px!important}
  .note-card{position:relative!important;min-height:112px!important;padding:13px 102px 13px 14px!important;border-radius:17px!important}
  .note-card-top{display:block!important;text-align:right!important}
  .note-card strong{font-size:17px!important;line-height:1.25!important;margin:0!important}
  .note-card small{font-size:13px!important;margin-top:4px!important;line-height:1.25!important}
  .note-card p{font-size:16px!important;line-height:1.55!important;margin:9px 0 0!important;max-height:50px!important;overflow:hidden!important}
  .note-card .row-actions{position:absolute!important;left:13px!important;top:14px!important;margin:0!important;display:flex!important;gap:8px!important;justify-content:flex-start!important}
  .note-card .table-action{width:40px!important;height:40px!important;border-radius:13px!important}
}


/* v2.1.0 mobile/header refinements */
.topbar{justify-content:center!important;position:relative!important}
.brand-block{position:relative!important;display:block!important;width:100%!important;min-height:70px!important;justify-content:center!important}
.brand-copy{width:100%!important;text-align:center!important;padding-inline:72px!important}
.brand-copy h1,.brand-block h1{color:var(--gold)!important;text-align:center!important}
.brand-copy p,.brand-block p{text-align:center!important}
.app-logo{position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important}
@media (max-width:699px){
  .topbar{margin-bottom:18px!important}
  .brand-block{min-height:82px!important}
  .brand-copy{padding-inline:76px 76px!important}
  .brand-copy h1,.brand-block h1{font-size:30px!important;line-height:1.15!important}
  .brand-copy p,.brand-block p{font-size:16px!important;line-height:1.35!important}
  .app-logo{width:54px!important;height:54px!important;right:6px!important}

  .invoice-body{padding-inline:10px!important;overflow-x:hidden!important}
  .items-title-row{margin:4px 0 8px!important}
  .items-title-row h3{font-size:17px!important}
  .invoice-items,.invoice-items-head{width:100%!important;min-width:0!important;max-width:100%!important}
  .invoice-items-head{grid-template-columns:minmax(86px,1.15fr) minmax(56px,.55fr) minmax(34px,.32fr) minmax(72px,.62fr) 26px!important;gap:4px!important;padding:8px 5px!important;font-size:10.5px!important;border-radius:15px!important}
  .invoice-items-head span:nth-child(1),.invoice-items-head span:nth-child(6),.invoice-items-head span:nth-child(7){display:none!important}
  .invoice-items-head span:nth-child(2){grid-column:1}.invoice-items-head span:nth-child(3){grid-column:2}.invoice-items-head span:nth-child(4){grid-column:3}.invoice-items-head span:nth-child(5){grid-column:4}
  .invoice-item{display:grid!important;grid-template-columns:minmax(86px,1.15fr) minmax(56px,.55fr) minmax(34px,.32fr) minmax(72px,.62fr) 26px!important;gap:4px!important;padding:6px 4px!important;border-radius:14px!important;align-items:center!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .invoice-item-index,.invoice-item .field-description{display:none!important}
  .invoice-item .field-name{grid-column:1!important}.invoice-item .field:nth-of-type(2){grid-column:2!important}.invoice-item .field:nth-of-type(3){grid-column:3!important}.invoice-item .line-total{grid-column:4!important}.invoice-item .remove-item{grid-column:5!important;position:static!important;left:auto!important;top:auto!important;transform:none!important}
  .invoice-item .field input,.invoice-item .field select,.invoice-item .field textarea,.line-total strong{height:38px!important;min-height:38px!important;border-radius:11px!important}
  .invoice-item .field input{font-size:12px!important;padding:5px 6px!important}
  .invoice-item .field-name input{font-size:12.5px!important;padding-inline:6px!important}
  .invoice-item .field:nth-of-type(3) input{font-size:11.5px!important;padding-inline:4px!important}
  .line-total strong{font-size:11.5px!important;padding:4px 3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;justify-content:center!important;text-align:center!important}
  .remove-item{width:26px!important;height:38px!important;border-radius:10px!important;margin:0!important;align-self:center!important}
  .remove-item svg{width:14px!important;height:14px!important}
}