@font-face{font-family:Vazirmatn;src:url('/static/fonts/vazirmatn-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/static/fonts/vazirmatn-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/static/fonts/vazirmatn-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/static/fonts/vazirmatn-700.ttf') format('truetype');font-weight:700;font-display:swap}

:root{font-family:Vazirmatn,sans-serif;color:#18251f;background:#f2f4ef;font-synthesis:none;--green:#174d3d;--green-dark:#103a2e;--mint:#dcebe3;--line:#d9dfd9;--muted:#68736e;--surface:#fff;--danger:#a13a32}
*{box-sizing:border-box}
html,body,button,input,select,textarea{font-family:Vazirmatn,sans-serif!important}
body{margin:0;min-height:100vh;background:linear-gradient(150deg,#edf4ef 0,#f7f5ef 42%,#eef1ec 100%)}
button,input,select{font:inherit}
button{cursor:pointer}
.shell{width:min(720px,100%);margin:auto;padding:20px 18px 108px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--green);color:#fff;font-size:1.3rem;font-weight:700;box-shadow:0 8px 24px rgba(23,77,61,.2)}
h1,h2,p{margin-top:0}
h1{margin-bottom:0;font-size:1.45rem;line-height:1.25}
h2{margin-bottom:5px;font-size:1.35rem}
.eyebrow{margin:0 0 2px;color:#76827c;font-size:.72rem}
.card{background:rgba(255,255,255,.94);border:1px solid rgba(23,77,61,.12);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(25,50,40,.09)}
.login-card{max-width:430px;margin:clamp(38px,9vh,90px) auto 0}
.login-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}
.lock-mark{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--mint);color:var(--green);font-size:0}
.lock-mark::before{content:"";width:15px;height:12px;border:2px solid var(--green);border-radius:4px}
.lock-mark::after{content:"";position:absolute;top:8px;width:10px;height:9px;border:2px solid var(--green);border-bottom:0;border-radius:8px 8px 0 0}
.muted,.empty{color:var(--muted)}
.login-heading .muted{margin:0;font-size:.88rem;line-height:1.8}
label{display:block;margin:14px 0 7px;color:#44534c;font-size:.82rem;font-weight:500}
input,select{width:100%;min-height:50px;border:1px solid #cfd7d1;border-radius:14px;background:#fbfcfa;padding:12px 14px;color:#18251f;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
input:focus,select:focus{border-color:#3f806d;background:#fff;box-shadow:0 0 0 4px rgba(63,128,109,.12)}
.password-field{position:relative}
.password-field input{padding-left:74px}
.password-toggle{position:absolute;left:7px;top:50%;transform:translateY(-50%);height:36px;min-width:58px;border:0;border-radius:10px;background:var(--mint);color:var(--green-dark);padding:0 9px;font-size:.78rem;font-weight:600}
.primary-button{width:100%;min-height:52px;margin:0;border:0;border-radius:14px;background:var(--green);color:#fff;padding:12px 18px;font-weight:600;box-shadow:0 10px 24px rgba(23,77,61,.2);transition:transform .15s,background .15s}
.primary-button:active{transform:translateY(1px);background:var(--green-dark)}
.secondary-button{min-height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#4e5e56;padding:12px 18px}
button:disabled{opacity:.55}
.text-button{border:0;border-radius:10px;background:transparent;color:#26705c;padding:8px 10px}
.stack-form{display:flex;flex-direction:column;gap:16px}
.form-group{min-width:0}
.form-group label{margin-top:0}
.form-actions{display:flex;align-items:center;gap:10px;padding-top:4px}
.inline-form{display:flex;align-items:flex-end;gap:14px}
.inline-form .grow{flex:1}
.inline-form .form-actions{flex:0 0 150px;padding:0}
.form-card{margin-bottom:18px}
.hero{padding:22px}
.form-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.form-row>div{flex:1}
.date-field{flex:1.6!important}
.jalali-date{display:grid;grid-template-columns:.68fr 1.35fr 1fr;gap:6px}
.jalali-date select{padding:10px 7px}
.status{min-height:20px;margin:14px 0 0;color:#26705c;font-size:.88rem}
.status.error{color:var(--danger)}
.date-picker-input{cursor:pointer;background:#fff}.date-picker-input::placeholder{color:#819087}.date-picker-dialog{width:min(420px,calc(100% - 28px));border:0;border-radius:22px;background:#fff;padding:20px;box-shadow:0 24px 70px rgba(16,50,39,.3)}.date-picker-dialog::backdrop{background:rgba(11,31,25,.48);backdrop-filter:blur(3px)}.date-picker-head,.date-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-picker-head{margin-bottom:20px}.date-picker-head strong{font-size:1.05rem}.date-picker-head .text-button{font-size:1.5rem;line-height:1}.picker-selects{margin-bottom:20px}.date-picker-actions button{flex:1;min-height:48px}
.section-head{margin:30px 4px 12px}
.section-head h2,.section-head h3{margin:0;font-size:1.06rem}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 3px 18px}
.title-actions{display:flex;align-items:center;gap:10px}
.page-title h2{margin:0;font-size:1.45rem}
.compact-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:12px;background:var(--green);color:#fff;padding:8px 13px;text-decoration:none;font-size:.82rem;font-weight:600}
.text-link{color:#26705c;text-decoration:none;font-size:.82rem;font-weight:600}
.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.summary-card{display:flex;flex-direction:column;gap:8px;min-height:104px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92);padding:16px}
.summary-card span{color:var(--muted);font-size:.8rem}.summary-card strong{font-size:1.15rem}.summary-card.wide{grid-column:1/-1;min-height:auto;flex-direction:row;align-items:center;justify-content:space-between}
.segmented{display:grid;grid-template-columns:1fr 1fr;background:#e8ede9;border-radius:14px;padding:4px;gap:4px}
#quick-form>.segmented{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}#quick-form>.segmented button{min-width:0;padding-inline:3px;white-space:nowrap;font-size:clamp(.68rem,3.2vw,.86rem)}
.entry-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.entry-tabs button{min-width:0;padding-inline:4px;white-space:nowrap;font-size:clamp(.62rem,2.8vw,.82rem)}.credit-entry-note{margin:0 20px 16px;border-radius:14px;background:var(--mint);padding:13px 15px}.credit-entry-note p{margin:5px 0 0;color:var(--muted);font-size:.78rem;line-height:1.8}.provider-settings{margin-top:14px}.provider-settings .inline-form{margin-bottom:14px}
.segmented button{min-height:42px;border:0;border-radius:11px;background:transparent;color:#5c6862}.segmented button.active{background:#fff;color:var(--green);font-weight:700;box-shadow:0 3px 12px rgba(20,60,45,.1)}
.amount-input{direction:ltr;text-align:right;font-size:1.25rem;font-weight:700}
.manage-list{display:grid;gap:9px}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.manage-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.9);padding:14px 16px}
.manage-item p{margin:0}.manage-item small{color:var(--muted)}.portfolio-actions{display:flex;align-items:center;gap:7px}.edit-button,.asset-delete-button{border:0;border-radius:10px;padding:8px 12px}.edit-button{background:var(--mint);color:var(--green-dark)}.asset-delete-button{background:#fff0ed;color:var(--danger)}
.empty-state{text-align:center;padding-block:46px}.empty-state strong{display:block;margin-bottom:10px}.empty-state p{max-width:420px;margin:0 auto;color:var(--muted);line-height:1.9}
.report-period{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:16px}.report-period .compact-action{min-height:48px}.report-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.report-summary .summary-card strong{font-size:1rem}.report-breakdown{padding:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h3{margin:0}.section-heading span{color:var(--muted);font-size:.75rem}.category-bars{display:grid;gap:14px}.category-row{display:grid;gap:7px}.category-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem}.category-track{height:8px;border-radius:999px;background:#edf1ee;overflow:hidden}.category-fill{height:100%;border-radius:inherit;background:var(--green)}
.report-tabs{margin-bottom:14px}.wealth-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.wealth-summary .wide{grid-column:1/-1}.wealth-chart-card{padding:18px}.wealth-chart-layout{display:grid;grid-template-columns:minmax(180px,.75fr) 1.25fr;align-items:center;gap:24px}.wealth-pie{display:grid;place-items:center;width:min(100%,240px);aspect-ratio:1;margin:auto;border-radius:50%;position:relative}.wealth-pie::after{content:'';position:absolute;inset:27%;border-radius:50%;background:#fff}.wealth-pie span{z-index:1;color:var(--muted);font-size:.78rem}.wealth-legend{display:grid;gap:8px}.wealth-legend>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:8px 0}.wealth-legend i{width:10px;height:10px;border-radius:50%}.wealth-legend span,.wealth-legend strong{display:flex;flex-direction:column;gap:2px}.wealth-legend strong{text-align:left}.wealth-legend small{color:var(--muted);font-size:.65rem}.route-view[data-route="/assets"]>.portfolio-summary{display:none}
.monthly-pie-card{margin-bottom:12px}.monthly-chart-layout{display:grid;grid-template-columns:minmax(180px,.85fr) 1.15fr;align-items:center;gap:22px}.monthly-pie{position:relative;width:min(100%,230px);aspect-ratio:1;margin:auto}.monthly-pie svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.monthly-pie circle{cursor:pointer;outline:none;transition:stroke-width .15s,filter .15s;pointer-events:stroke}.monthly-pie circle:hover,.monthly-pie circle:focus,.monthly-pie circle.active{stroke-width:35;filter:drop-shadow(0 2px 3px rgba(17,62,48,.25))}.monthly-pie-center{position:absolute;inset:31%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:50%;background:#fff;text-align:center;pointer-events:none}.monthly-pie-center span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.7rem}.monthly-pie-center strong{font-size:.78rem}.monthly-pie-center small{font-size:.62rem}.monthly-legend{display:grid;gap:4px}.monthly-legend>div{display:grid;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.monthly-legend i{width:9px;height:9px;border-radius:50%}.monthly-legend strong{font-size:.76rem}.monthly-legend .legend-more{margin:8px 0 0;border-radius:10px;background:var(--mint);color:var(--muted);padding:9px 11px;font-size:.7rem;line-height:1.7}
.link-list{display:grid;gap:9px}.link-list a{display:flex;align-items:center;min-height:54px;border:1px solid var(--line);border-radius:15px;background:#fff;color:#26352f;padding:12px 16px;text-decoration:none}
.portfolio-list{display:grid;gap:10px;margin-bottom:18px}.portfolio-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);padding:16px}.portfolio-head,.portfolio-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px}.portfolio-head strong{font-size:1.05rem}.portfolio-head span{color:var(--muted);font-size:.78rem}.portfolio-metrics{flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid #edf0ed}.portfolio-metrics div{display:flex;flex:1 1 42%;flex-direction:column;gap:4px}.portfolio-metrics small{color:var(--muted);font-size:.7rem}.portfolio-metrics b{font-size:.85rem}.profit{color:#26705c}.loss{color:var(--danger)}
.portfolio-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.portfolio-summary article{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px}.portfolio-summary small{color:var(--muted)}.portfolio-summary strong{font-size:.95rem}
.credit-settlement{margin-top:14px}.settlement-date{max-width:320px;margin-bottom:18px}.due-groups{display:grid;gap:12px}.due-provider{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.due-provider-head{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:15px;background:var(--mint)}.due-provider-head>div{display:flex;flex-direction:column;gap:4px}.due-provider-head small{color:var(--muted)}.due-provider-head label{min-width:190px;font-size:.72rem}.due-provider-head select{margin-top:5px}.due-items{display:grid}.due-item{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,.55fr);align-items:center;gap:12px;padding:14px;border-top:1px solid var(--line)}.due-item:first-child{border-top:0}.due-check{display:flex;align-items:center;gap:9px}.due-check input{width:19px;height:19px}.due-check span{display:flex;min-width:0;flex-direction:column;gap:4px}.due-check b,.due-check small{overflow:hidden;text-overflow:ellipsis}.due-check small{color:var(--muted);font-size:.7rem}.due-item>strong{white-space:nowrap;font-size:.8rem}#settle-selected{margin-top:16px;width:100%}
.credit-management{margin-bottom:14px}.credit-purchases-list{display:grid;gap:9px}.credit-purchase-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:15px;padding:14px}.credit-purchase-item>div:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}.credit-purchase-item small{color:var(--muted)}.credit-purchase-item button:disabled{opacity:.45}.credit-dialog{width:min(680px,calc(100% - 24px));max-height:88vh;overflow:auto}.credit-dialog form{padding:2px}.edit-installments{display:grid;gap:9px}.edit-installment-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:9px;border:1px solid var(--line);border-radius:14px;padding:10px}
.disclosure{margin-top:12px;padding:0;overflow:hidden}.disclosure summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary::before{content:'+';display:inline-grid;place-items:center;width:26px;height:26px;margin-left:9px;border-radius:8px;background:var(--mint);color:var(--green)}.disclosure[open] summary::before{content:'−'}.disclosure form{padding:0 20px 20px}.disclosure .status{padding:0 20px}.trade-side{margin-bottom:2px}
.bottom-nav{position:fixed;z-index:20;right:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(560px,calc(100% - 20px));min-height:68px;border:1px solid rgba(23,77,61,.15);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 16px 45px rgba(16,50,39,.2);padding:7px 8px;backdrop-filter:blur(16px)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:13px;color:#6d7873;text-decoration:none;font-size:.66rem}.bottom-nav a span{font-size:1.08rem;line-height:1}.bottom-nav a.active{background:#e4efe9;color:var(--green);font-weight:700}.bottom-nav .add-nav span{display:grid;place-items:center;width:34px;height:34px;margin-top:-22px;border-radius:12px;background:var(--green);color:#fff;font-size:1.45rem;box-shadow:0 8px 18px rgba(23,77,61,.28)}
.transactions{display:grid;gap:9px}
.transaction-filter{display:flex;align-items:end;gap:10px;margin-bottom:12px;padding:12px 14px}.transaction-filter .form-group{flex:1}.transaction-filter .secondary-button{min-height:48px}
.transaction{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:16px;padding:15px 16px}
.transaction p{margin:0}
.transaction .date{margin-top:5px;color:#747d78;font-size:.74rem}
.transaction .balance-after{margin-top:5px;color:var(--green);font-size:.72rem;font-weight:600}.settlement-breakdown{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:9px 11px}.settlement-breakdown summary{cursor:pointer;color:var(--green);font-size:.76rem;font-weight:700}.settlement-breakdown>div{display:grid;margin-top:8px}.settlement-breakdown article{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:9px 0}.settlement-breakdown article span{display:flex;flex-direction:column;gap:3px}.settlement-breakdown article small{color:var(--muted);font-size:.67rem}.settlement-breakdown article strong{white-space:nowrap;font-size:.75rem}.settlement-breakdown>.edit-button{margin-top:7px;width:100%}
.amount{direction:ltr;font-weight:700}
.amount.expense{color:var(--danger)}
.amount.income{color:#26705c}
.amount.transfer{color:#526f9c}
.transaction-actions{display:flex;align-items:center;gap:8px}.transaction-main{flex:1}.danger-button,.restore-button{border:0;border-radius:10px;padding:7px 10px;font-size:.76rem}.danger-button{background:#f7e5e3;color:var(--danger)}.restore-button{background:var(--mint);color:var(--green)}
.transaction-edit-button{padding:7px 10px;font-size:.76rem}
.undo-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-radius:14px;background:#263a32;color:#fff;padding:11px 14px;font-size:.84rem}.undo-bar button{border:0;background:transparent;color:#9fe0c6;font-weight:700}
.hidden{display:none!important}
.empty{text-align:center;padding:30px}

@media(max-width:480px){
  .report-period{grid-template-columns:1fr 1fr}.report-period .compact-action{grid-column:1/-1;width:100%}
  .shell{padding:16px 14px 106px}
  header{margin-bottom:12px}
  .brand-mark{width:40px;height:40px;border-radius:12px}
  h1{font-size:1.25rem}
  .login-card{margin:clamp(28px,7vh,64px) auto 0;padding:22px 18px;border-radius:22px}
  .login-heading{margin-bottom:18px}
  .login-heading .muted{font-size:.82rem}
  .form-row{align-items:flex-end;gap:7px}
  .jalali-date{gap:4px}
  .jalali-date select{padding:10px 5px;font-size:.85rem}
  .inline-form{flex-direction:column;align-items:stretch;gap:16px}.inline-form .form-actions{flex:auto}
  .title-actions{gap:7px}.title-actions .text-link{display:none}.two-columns{grid-template-columns:1fr}
  .due-provider-head{align-items:stretch;flex-direction:column}.due-provider-head label{min-width:0}.due-item{grid-template-columns:minmax(0,1fr) auto}.due-item .installment-account{grid-column:1/-1}.portfolio-summary{gap:8px}.portfolio-summary article{padding:12px 11px}
  .wealth-chart-layout{grid-template-columns:1fr}.wealth-pie{width:210px}.wealth-legend>div{grid-template-columns:12px minmax(0,1fr) auto}
  .monthly-chart-layout{grid-template-columns:1fr}.monthly-pie{width:210px}.monthly-legend{width:100%}
  .credit-purchase-item{align-items:stretch;flex-direction:column}.credit-purchase-item .portfolio-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.edit-installment-row{grid-template-columns:1fr}.edit-installment-row .asset-delete-button{width:100%}
  .transaction-filter{align-items:stretch;flex-direction:column}.transaction-filter .secondary-button{width:100%}
  .transaction{align-items:flex-start}.transaction-actions{flex-direction:column;align-items:flex-end}.settlement-breakdown article{align-items:flex-start;flex-direction:column}.settlement-breakdown article strong{align-self:flex-end}
}