:root{--bg:#070807;--panel:#111310;--panel2:#171a16;--gold:#d4af37;--gold2:#f4dc8b;--text:#f5f1e8;--muted:#a7a399;--line:#312d23;--ok:#69dda8;--bad:#ff7c7c;--warn:#efc36a;--shadow:0 18px 55px #0005}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 70% 0,#282214 0,#0b0d0a 36%,#060706 100%);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}.hidden{display:none!important}.authShell{min-height:100vh;display:grid;place-items:center;padding:22px;position:relative;overflow:hidden}.ring{position:absolute;border:1px solid #826b27;border-radius:50%;opacity:.35;animation:spin 16s linear infinite}.r1{width:min(780px,115vw);height:min(780px,115vw)}.r2{width:min(540px,85vw);height:min(540px,85vw);animation-duration:11s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.authCard{position:relative;z-index:2;width:min(470px,96vw);background:#0c0e0dec;border:1px solid #554624;border-radius:24px;padding:30px;box-shadow:0 35px 120px #000a;backdrop-filter:blur(10px)}.logo{text-align:center}.logo img{width:112px;height:112px;border-radius:24px}.brand{text-align:center;font-size:30px;letter-spacing:6px;font-weight:900;color:var(--gold2);margin:13px 0 2px}.tag{text-align:center;color:#a59f8e;margin-bottom:22px}.stack{display:grid;gap:12px}.field{display:grid;gap:6px}.inp,select,textarea{width:100%;background:#090b09;color:#fff;border:1px solid #39352a;border-radius:11px;padding:12px 13px;outline:none}.btn{border:1px solid #836c28;background:linear-gradient(135deg,#d8b546,#816a20);color:#090909;font-weight:900;padding:11px 14px;border-radius:11px;cursor:pointer}.btn.secondary{background:#171914;color:#eee;border-color:#403d32}.links{display:flex;justify-content:space-between;margin-top:14px;color:#d5c178;font-size:13px}.links button{background:none;border:0;color:inherit}.err,.ok{padding:10px 12px;border-radius:10px;margin-bottom:12px}.err{border:1px solid #633030;background:#291616;color:#ffc4c4}.ok{border:1px solid #2c6348;background:#11271c;color:#b1f0cf}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0a0c0a;border-right:1px solid #29261f;padding:20px 15px;position:sticky;top:0;height:100vh}.sbBrand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sbBrand img{width:48px;height:48px;border-radius:12px}.sbBrand b{font-size:22px;letter-spacing:3px;color:var(--gold2)}.pill{border:1px solid #413720;background:#17140d;color:#d9c580;border-radius:999px;padding:7px 10px;text-align:center;font-size:12px;margin-bottom:14px}.nav{display:grid;gap:3px}.nav button{border:0;background:transparent;color:#d3cfc4;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.nav button:hover,.nav button.active{background:#1a1c16;color:#fff}.sideBottom{position:absolute;left:15px;right:15px;bottom:16px}.content{padding:26px;max-width:1500px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.top h1{margin:0;font-size:28px}.muted{color:var(--muted)}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(145deg,#141613,#0f110f);border:1px solid #2b2921;border-radius:17px;padding:17px;box-shadow:var(--shadow)}.kpi .lab{font-size:11px;color:#aaa69a;text-transform:uppercase}.kpi .val{font-size:25px;font-weight:900;margin-top:7px}.gold{color:var(--gold2)}.green{color:var(--ok)}.red{color:var(--bad)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.full{grid-column:1/-1}.recurring-schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.recurring-schedule .field{margin:0}.recurring-schedule .muted{display:block;min-height:18px;margin-bottom:6px;font-size:12px}.tablewrap{overflow:auto;border:1px solid #29271f;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:680px;background:#0e100e}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #28261f}th{background:#151713;color:#d8c47f;font-size:12px}.empty{padding:28px;text-align:center;color:#8f8c83}.section{display:none}.section.active{display:block}.mobileTop,.bottomNav{display:none}.footer{text-align:center;color:#6d6a61;font-size:12px;padding:24px}.syncdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69dda8;margin-right:6px}.toast{position:fixed;right:18px;top:18px;z-index:999;background:#151713;border:1px solid #65531f;padding:12px 14px;border-radius:12px}@media(max-width:900px){.recurring-schedule{grid-template-columns:1fr;gap:10px}.app{display:block}.sidebar{display:none}.content{padding:14px 14px 88px}.mobileTop{display:flex;position:sticky;top:0;z-index:10;align-items:center;justify-content:space-between;background:#090b09ed;padding:11px 14px;margin:-14px -14px 14px}.mobileTop img{width:38px;height:38px;border-radius:10px}.bottomNav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:20;bottom:0;left:0;right:0;background:#0a0c0af3;border-top:1px solid #342f22;padding:7px}.bottomNav button{border:0;background:transparent;color:#aaa595;font-size:10px;padding:5px 2px}.bottomNav button.active{color:var(--gold2)}.bottomNav span{display:block;font-size:20px}.g4,.g3,.g2,.formgrid{grid-template-columns:1fr}.authCard{padding:24px 20px}}.btn.danger{background:#351616;color:#ffd0d0;border-color:#7d3030}.fxhint{font-size:11px;margin-top:-6px;margin-bottom:5px}@media print{.sidebar,.mobileTop,.bottomNav,.footer,.btn,form{display:none!important}.section{display:none!important}#p-reports{display:block!important}.content{padding:0;background:#fff;color:#111}.card{box-shadow:none;border:1px solid #ccc;background:#fff;color:#111}.muted{color:#555}.gold,.green,.red{color:#111}}

#invType:invalid{color:var(--muted,#8b8b8b)}
#invType option{color:inherit}
#invType option[value=""]{color:var(--muted,#8b8b8b)}

#invQty.inv-zero{color:var(--muted,#8b8b8b)}

/* Global başlangıç/örnek alan görünümü */
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.form-muted{color:var(--muted)!important}
select.form-muted option{color:var(--text)}
select.form-muted option[value=""]{color:var(--muted)}

input[type="date"].form-muted{color:var(--muted)!important}
input[type="date"].form-muted::-webkit-datetime-edit{color:var(--muted)!important}
input[type="date"].form-muted::-webkit-calendar-picker-indicator{opacity:.55}

/* Tarih alanlarının boş/başlangıç görünümü */
input[type="date"].form-muted,
input[type="date"].form-muted::-webkit-datetime-edit,
input[type="date"].form-muted::-webkit-datetime-edit-fields-wrapper,
input[type="date"].form-muted::-webkit-datetime-edit-text,
input[type="date"].form-muted::-webkit-datetime-edit-month-field,
input[type="date"].form-muted::-webkit-datetime-edit-day-field,
input[type="date"].form-muted::-webkit-datetime-edit-year-field{
  color:var(--muted)!important;
  opacity:1!important;
}
input[type="date"].form-muted::-webkit-calendar-picker-indicator{opacity:.45}

#debtDue.form-muted,
#debtDue.form-muted::-webkit-datetime-edit,
#debtDue.form-muted::-webkit-datetime-edit-fields-wrapper,
#debtDue.form-muted::-webkit-datetime-edit-text,
#debtDue.form-muted::-webkit-datetime-edit-month-field,
#debtDue.form-muted::-webkit-datetime-edit-day-field,
#debtDue.form-muted::-webkit-datetime-edit-year-field{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
  opacity:1!important;
}
#debtDue:not(.form-muted),
#debtDue:not(.form-muted)::-webkit-datetime-edit,
#debtDue:not(.form-muted)::-webkit-datetime-edit-month-field,
#debtDue:not(.form-muted)::-webkit-datetime-edit-day-field,
#debtDue:not(.form-muted)::-webkit-datetime-edit-year-field{
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
}

.saving-card{display:flex;flex-direction:column;gap:12px}
.saving-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.saving-head h3{margin:0}
.saving-amount{font-size:18px;font-weight:700}
.saving-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.saving-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#f5d77a);transition:width .35s ease}
.saving-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px}
.saving-date{font-size:13px}
.saving-actions{margin-top:2px}

.saving-progress-native{
  width:100%;
  height:10px;
  display:block;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.saving-progress-native::-webkit-progress-bar{
  background:rgba(255,255,255,.08);
  border-radius:999px;
}
.saving-progress-native::-webkit-progress-value{
  background:linear-gradient(90deg,var(--gold),#f5d77a);
  border-radius:999px;
}
.saving-progress-native::-moz-progress-bar{
  background:linear-gradient(90deg,var(--gold),#f5d77a);
  border-radius:999px;
}

.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.report-custom-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.report-range-label{margin:0 0 14px;color:var(--muted);font-size:13px}
.report-delta{display:block;margin-top:7px;font-size:11px;font-weight:600}
.report-panel h3{margin-top:0;margin-bottom:6px}
.report-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.report-legend{display:flex;gap:12px;font-size:12px;white-space:nowrap}
.report-insights{display:grid;gap:9px;margin-top:12px}
.report-insight{padding:12px;border:1px solid #302d23;border-radius:12px;background:#10120f;font-size:13px;line-height:1.5}
.report-bars{display:grid;gap:13px;margin-top:14px}
.report-bar-row,.report-month{display:grid;gap:6px}
.report-bar-row>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.report-bar-row small{font-size:11px}
.report-month{padding-bottom:11px;border-bottom:1px solid #28261f}
.report-month-line{display:grid;grid-template-columns:42px minmax(80px,1fr) auto;align-items:center;gap:8px;font-size:11px}
.report-month-line strong{font-size:11px;min-width:90px;text-align:right}
.report-progress{width:100%;height:8px;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.report-progress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:999px}
.report-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.report-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.report-progress-income::-webkit-progress-value{background:var(--ok)}
.report-progress-income::-moz-progress-bar{background:var(--ok)}
.report-progress-expense::-webkit-progress-value{background:var(--bad)}
.report-progress-expense::-moz-progress-bar{background:var(--bad)}
.report-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #28261f;font-size:13px}
.report-stat-strong{font-size:15px}
.report-note{font-size:11px;line-height:1.5;margin-top:12px}
.report-saving-grid{margin-top:14px}
.report-saving{border:1px solid #2b2921;border-radius:13px;padding:12px;display:grid;gap:8px;background:#10120f}
.report-saving span,.report-saving small{font-size:12px}
.report-count{margin:0}
@media(max-width:900px){.report-filter-grid,.report-custom-dates{grid-template-columns:1fr}.report-panel-head{flex-direction:column}.report-legend{white-space:normal}.report-month-line{grid-template-columns:38px minmax(70px,1fr);}.report-month-line strong{grid-column:2;text-align:left;min-width:0}}
@media print{.report-filter-card{display:none!important}.report-panel{break-inside:avoid}.report-insight,.report-saving{background:#fff;color:#111;border-color:#ccc}.report-progress{border:1px solid #bbb}}

.transferTop{align-items:flex-start;margin-bottom:14px}
.transferTop h3{margin:0 0 4px}
#transferList .btn{white-space:nowrap}
@media(max-width:900px){#p-accounts .formgrid{grid-template-columns:1fr}}

.ccCard{border:1px solid #302d23;border-radius:15px;padding:14px;margin-top:12px;background:#10120f;display:grid;gap:12px}
.ccHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ccHead>div:first-child{display:grid;gap:4px}.ccHead .muted{font-size:12px}
.ccNumbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ccNumbers span{display:grid;gap:4px;color:var(--muted);font-size:11px}
.ccNumbers b{font-size:15px;color:var(--text)}
.ccNumbers b.red{color:var(--bad)}.ccNumbers b.green{color:var(--ok)}
.ccProgress{width:100%;height:9px;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.ccProgress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:999px}
.ccProgress::-webkit-progress-value{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.ccProgress::-moz-progress-bar{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.ccMeta,.cardHelp{font-size:12px;line-height:1.5}.cardHelp{margin-top:12px}
@media(max-width:900px){.ccHead{flex-direction:column}.ccNumbers{grid-template-columns:1fr}.ccHead>div:last-child{display:flex;gap:6px;flex-wrap:wrap}}

.budget-smart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.budget-smart-head h3{margin:0 0 4px}.budget-smart-note{margin-top:12px;font-size:11px;line-height:1.5}
.budget-suggestion{padding:14px 0;border-bottom:1px solid #2a281f;display:grid;gap:10px}
.budget-suggestion:last-child{border-bottom:0}
.budget-suggestion-main,.budget-suggestion-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.budget-suggestion-main>div:first-child{display:grid;gap:5px}.budget-suggestion-main .muted{font-size:12px}
.budget-suggestion-value{display:grid;gap:2px;text-align:right;min-width:160px}.budget-suggestion-value strong{font-size:16px}
.budget-suggestion-foot{font-size:12px}.budget-suggestion-foot>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.budget-smart-head,.budget-suggestion-main,.budget-suggestion-foot{flex-direction:column;align-items:flex-start}.budget-suggestion-value{text-align:left;min-width:0}.budget-suggestion-foot>div{width:100%}}

.saving-subline{font-size:12px}
.saving-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.saving-plan>div{border:1px solid #2c2a22;border-radius:12px;padding:10px;background:#10120f;display:grid;gap:4px}
.saving-plan span{font-size:11px}.saving-plan b{font-size:13px}
.saving-estimate{font-size:12px;line-height:1.5}
.saving-target-compare{font-size:12px;font-weight:600}
@media(max-width:700px){.saving-plan{grid-template-columns:1fr}}

.inv-kpis .card{min-height:135px}
.inv-kpi-note{margin-top:7px;font-size:11px}
.inv-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.inv-panel-head h3,.inv-list-head h3{margin:0 0 4px}
.inv-allocation{display:grid;gap:13px}.inv-allocation-row{display:grid;gap:6px}
.inv-allocation-row>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.inv-allocation-row span{color:var(--muted);font-size:12px}
.inv-progress{width:100%;height:9px;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.inv-progress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:999px}
.inv-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.inv-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.inv-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.inv-highlight{display:grid;gap:4px;padding:12px;border:1px solid #302d23;border-radius:12px;background:#10120f}
.inv-highlight span,.inv-highlight small{font-size:11px}.inv-highlight b{font-size:14px}
.inv-ranking{display:grid}.inv-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #29271f}
.inv-rank-row>div{display:grid;gap:3px}.inv-rank-row>div:last-child{text-align:right}.inv-rank-row small{font-size:11px}.inv-rank-no{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#242015;color:var(--gold2);font-weight:700;font-size:11px}
.inv-live-note{margin-top:12px;font-size:11px;line-height:1.5}.inv-list-head{margin-bottom:12px}
@media(max-width:900px){.inv-highlight-grid{grid-template-columns:1fr}.inv-rank-row{grid-template-columns:28px minmax(0,1fr)}.inv-rank-row>div:last-child{grid-column:2;text-align:left}.inv-allocation-row>div{align-items:flex-start;flex-direction:column;gap:3px}}

.debt-payment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.debt-payment-head h3{margin:0 0 4px}
.debt-payment-actions{display:flex;gap:8px;flex-wrap:wrap}
.debt-row-note{font-size:11px;margin-top:3px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#debtPaymentBox{border-color:#4a4028;background:linear-gradient(180deg,#15150f,#0e100d)}
#debtPaymentHistory .btn{white-space:nowrap}
@media(max-width:900px){.debt-payment-head{flex-direction:column}.debt-payment-actions{display:grid;grid-template-columns:1fr;width:100%}.debt-payment-actions .btn{width:100%}}

.global-search-wrap{position:fixed;top:18px;right:26px;z-index:80;width:min(460px,calc(100vw - 320px));margin:0;padding:0;background:transparent}
.global-search-box{position:relative;display:flex;align-items:center;gap:8px;width:100%;max-width:none;margin:0}
.global-search-box .inp{padding-left:42px;padding-right:88px;min-height:44px;border-radius:14px;background:#10120ff5;box-shadow:0 10px 35px #0007;backdrop-filter:blur(14px)}
.global-search-icon{position:absolute;left:14px;z-index:1;color:var(--gold2);font-size:24px;line-height:1;pointer-events:none}
.global-search-clear{position:absolute;right:5px;padding:7px 10px;font-size:11px}
.global-search-panel{position:absolute;right:0;top:52px;width:min(620px,calc(100vw - 320px));max-height:66vh;overflow:auto;background:#0d100df8;border:1px solid #4a4028;border-radius:16px;padding:12px;box-shadow:0 26px 80px #000c;backdrop-filter:blur(16px)}
.global-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 10px;border-bottom:1px solid #29271f}
.global-search-head>div{display:flex;align-items:center;gap:10px}.global-search-head .muted{font-size:11px}
.global-search-result{width:100%;display:grid;grid-template-columns:110px minmax(0,1fr);gap:3px 12px;text-align:left;padding:12px 10px;border:0;border-bottom:1px solid #29271f;background:transparent;color:var(--text);cursor:pointer;border-radius:10px}
.global-search-result:hover,.global-search-result:focus{background:#171a16;outline:none}
.global-search-type{grid-row:1/3;align-self:center;color:var(--gold2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.global-search-result b{font-size:13px}.global-search-result small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13px}
@media(min-width:901px){.content{padding-top:82px}}
@media(max-width:900px){
  .mobileTop{margin-bottom:70px}
  .global-search-wrap{top:68px;left:12px;right:12px;width:auto}
  .global-search-box{width:100%;max-width:none}.global-search-box .inp{padding-right:76px}
  .global-search-panel{position:fixed;left:10px;right:10px;top:120px;width:auto;max-height:64vh}
  .global-search-result{grid-template-columns:1fr;gap:4px}.global-search-type{grid-row:auto}.global-search-result small{white-space:normal}
}
@media print{.global-search-wrap{display:none!important}}

.attachment-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.attachment-list-head h3{margin:0 0 4px}
.attachment-limit{font-size:11px;line-height:1.5}
.attachment-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.attachment-summary-grid>div{display:grid;gap:5px;padding:12px;border:1px solid #2d2a21;border-radius:12px;background:#10120f}
.attachment-summary-grid span{font-size:11px}.attachment-summary-grid b{font-size:20px}
.attachment-summary-types{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.attachment-summary-types span{border:1px solid #302d23;border-radius:999px;padding:6px 9px;font-size:11px}
.attachment-file-type{font-size:10px;margin-top:3px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#attachmentList .btn{white-space:nowrap}
@media(max-width:900px){
  .bottomNav{grid-template-columns:repeat(6,1fr)}
  .bottomNav button{font-size:9px}
  .attachment-list-head{flex-direction:column}.attachment-summary-grid{grid-template-columns:1fr}
}

.print-report-header{display:none}
@page{size:A4;margin:14mm 12mm 16mm}
@media print{
  html,body{background:#fff!important;color:#111!important;font-size:10.5pt}
  body{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .global-search-wrap,.sidebar,.mobileTop,.bottomNav,.footer,.report-filter-card,#p-reports>.top .btn{display:none!important}
  .app,.content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}
  .section{display:none!important}
  #p-reports{display:block!important}
  #p-reports>.top{display:none!important}
  .print-report-header{display:block!important;border-bottom:2px solid #b99432;padding:0 0 12mm;margin:0 0 8mm}
  .print-report-brand{display:flex;align-items:center;gap:10px;margin-bottom:7mm}
  .print-report-brand img{width:42px;height:42px;border-radius:10px}
  .print-report-brand>div{display:grid;gap:2px}.print-report-brand b{font-size:22pt;letter-spacing:1px}.print-report-brand span{font-size:9pt;color:#555;text-transform:uppercase;letter-spacing:1.4px}
  .print-report-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5mm 10mm}
  .print-report-meta>div{display:grid;gap:1mm;border-bottom:1px solid #ddd;padding-bottom:2mm}
  .print-report-meta span{font-size:7.5pt;color:#777;text-transform:uppercase;letter-spacing:.7px}
  .print-report-meta b{font-size:9.5pt;color:#111}
  .report-range-label{margin:0 0 5mm!important;padding:3mm 4mm;border:1px solid #ddd;border-radius:5px;color:#333!important;background:#f7f7f7}
  #reportsBody>.grid{display:grid!important;gap:4mm!important}
  #reportsBody>.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #reportsBody>.grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .card,.report-panel,.kpi{box-shadow:none!important;border:1px solid #d5d5d5!important;background:#fff!important;color:#111!important;border-radius:6px!important;break-inside:avoid;padding:4mm!important}
  .kpi .lab{font-size:7.5pt!important;color:#666!important}.kpi .val{font-size:14pt!important;color:#111!important}
  .muted,.report-note,.report-delta{color:#666!important}
  .gold,.green,.red{color:#111!important}
  .report-insight,.report-saving,.inv-highlight{background:#fff!important;color:#111!important;border-color:#ddd!important}
  .report-progress{border:1px solid #aaa!important;background:#eee!important}
  .report-progress::-webkit-progress-bar{background:#eee!important}
  .report-progress::-webkit-progress-value{background:#777!important}
  .report-progress::-moz-progress-bar{background:#777!important}
  .tablewrap{overflow:visible!important;border:0!important}
  table{width:100%!important;background:#fff!important;color:#111!important;font-size:7.5pt!important;border-collapse:collapse!important}
  th{background:#efefef!important;color:#111!important;font-size:7pt!important}
  th,td{border:1px solid #ddd!important;padding:2mm 1.5mm!important;vertical-align:top!important}
  tr{break-inside:avoid}
  .report-panel-head{break-after:avoid}
  h3{font-size:11pt!important;color:#111!important}
  .report-bars,.report-insights,.report-saving-grid{gap:2.5mm!important}
  .report-month,.report-bar-row{break-inside:avoid}
  .report-count{border:1px solid #ccc!important;color:#333!important}
}

.profile-page-grid{max-width:760px}
#p-profile #profileBox{padding:22px}
#p-profile #profileBox h3{margin:0 0 14px}
#p-profile #profileBox img{border:2px solid #5a4b26;box-shadow:0 10px 28px #0006}
@media(max-width:900px){.profile-page-grid{max-width:none}}

.history-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.history-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.history-list{display:grid;margin-top:10px;border-top:1px solid #2a281f}
.history-item{display:grid;gap:5px;padding:11px 0;border-bottom:1px solid #2a281f}
.history-main{display:flex;align-items:center;gap:8px;min-width:0}
.history-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-badge{font-size:9px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #4a4028;border-radius:999px;padding:4px 6px;color:var(--gold2);white-space:nowrap}
.history-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}
.history-undone{opacity:.55}
@media(max-width:900px){.history-main{align-items:flex-start;flex-direction:column}.history-main b{white-space:normal}.history-meta{flex-direction:column;gap:3px}}


/* Universal mobile safe-zone: iOS + Android, desktop untouched */
:root{--mobile-viewport-top:0px}
@media(max-width:900px){
  body{padding-top:0!important}
  .content{
    padding-top:calc(148px + env(safe-area-inset-top) + var(--mobile-viewport-top))!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  .mobileTop{
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + var(--mobile-viewport-top) + 8px)!important;
    left:0!important;
    right:0!important;
    z-index:95!important;
    margin:0!important;
    min-height:58px;
    padding:10px 14px!important;
    background:#090b09fa!important;
    border-bottom:1px solid #29261f;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .global-search-wrap{
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + var(--mobile-viewport-top) + 74px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    z-index:94!important;
  }
  .global-search-panel{
    top:calc(env(safe-area-inset-top) + var(--mobile-viewport-top) + 126px)!important;
    max-height:calc(100dvh - env(safe-area-inset-top) - var(--mobile-viewport-top) - 210px)!important;
  }
  .bottomNav{
    padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  }
}


/* Mobile 3-line navigation drawer, desktop isolated */
.mobileHamburger,.mobileNavBackdrop{display:none}
@media(max-width:900px){
  body.mobile-menu-open{overflow:hidden}
  .mobileTopBrand{display:flex;align-items:center;gap:10px;min-width:0}
  .mobileHamburger{
    display:flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;
    padding:8px;border:1px solid #403d32;border-radius:10px;background:#171914;cursor:pointer
  }
  .mobileHamburger span{display:block;width:100%;height:2px;border-radius:999px;background:#efe8d4}
  .sidebar{
    display:block!important;position:fixed!important;top:0!important;left:0!important;z-index:130!important;
    width:min(84vw,320px)!important;height:100dvh!important;overflow-y:auto!important;
    padding:calc(18px + env(safe-area-inset-top)) 15px calc(18px + env(safe-area-inset-bottom))!important;
    transform:translateX(-105%);transition:transform .22s ease;background:#0a0c0a!important;
    box-shadow:24px 0 70px #000c
  }
  .sidebar.mobile-open{transform:translateX(0)}
  .sidebar .sideBottom{position:static!important;margin-top:16px}
  .mobileNavBackdrop{
    display:block;position:fixed;inset:0;z-index:125;border:0;background:#0009;backdrop-filter:blur(2px)
  }
  .mobileNavBackdrop.hidden{display:none!important}
  .sidebar .nav button{min-height:44px}
}
@media(min-width:901px){
  .mobileHamburger,.mobileNavBackdrop{display:none!important}
  .sidebar{transform:none!important}
}


/* Mobile viewport lock: consistent scale on iOS and Android */
@media(max-width:900px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    touch-action:pan-x pan-y;
  }
  input,select,textarea,.inp{
    font-size:16px!important;
  }
  button,a,[role="button"]{
    touch-action:manipulation;
  }
}


/* Hide fixed bottom navigation while the mobile keyboard is open */
@media(max-width:900px){
  body.mobile-keyboard-open .bottomNav{display:none!important}
}


/* Mobile auth viewport stability: prevent apparent zoom/reflow on iOS and Android */
@media(max-width:900px){
  .authShell{
    width:100%;
    min-width:100%;
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    overflow:auto;
    place-items:center;
    padding:
      calc(18px + env(safe-area-inset-top))
      16px
      calc(18px + env(safe-area-inset-bottom));
    overscroll-behavior:none;
  }
  .authCard{
    width:min(470px,100%);
    max-width:470px;
    margin:0 auto;
    transform:none!important;
  }
  .authShell .ring{
    position:fixed;
    pointer-events:none;
  }
  .authShell input,
  .authShell select,
  .authShell textarea{
    font-size:16px!important;
  }
}
@supports(height:100dvh){
  @media(max-width:900px){
    body.mobile-keyboard-open .authShell{
      height:100dvh;
      min-height:100dvh;
      max-height:none;
      align-items:start;
      padding-top:calc(14px + env(safe-area-inset-top));
    }
    body.mobile-keyboard-open .authCard{
      margin-top:0;
      margin-bottom:16px;
    }
  }
}


/* Step 12: appearance themes */
.theme-preview-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.theme-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:11px}
.theme-chip-dark{background:#111310;color:#f5f1e8}
.theme-chip-light{background:#f5f1e8;color:#1a1b18}
.theme-chip-system{background:linear-gradient(90deg,#111310 0 50%,#f5f1e8 50%);color:#d4af37}

html[data-theme="light"]{
  --bg:#f4f1e8;--panel:#ffffff;--panel2:#f7f4ec;--text:#171913;--muted:#6f716a;
  --line:#d9d3c4;--gold:#b58d22;--gold2:#8d6d16;--ok:#1f8b5e;--bad:#c94a4a;--warn:#a96d16;
  --shadow:0 18px 45px #433b2520;
}
html[data-theme="light"] body{
  background:radial-gradient(circle at 70% 0,#fff9e8 0,#f5f2e9 38%,#ece8de 100%);
  color:var(--text);
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .mobileTop,
html[data-theme="light"] .bottomNav{background:#fffdf7f5;color:var(--text);border-color:var(--line)}
html[data-theme="light"] .card,
html[data-theme="light"] .authCard,
html[data-theme="light"] .global-search-panel,
html[data-theme="light"] #debtPaymentBox{background:#fff;color:var(--text);border-color:var(--line)}
html[data-theme="light"] .inp,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .global-search-box .inp{background:#fffdf8;color:#171913;border-color:#cbc4b4;box-shadow:none}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8c8d87}
html[data-theme="light"] table{background:#fff;color:var(--text)}
html[data-theme="light"] th{background:#f0ecdf;color:#6f5716}
html[data-theme="light"] th,
html[data-theme="light"] td{border-color:#e2ddd2}
html[data-theme="light"] .btn.secondary{background:#f3efe5;color:#24251f;border-color:#cfc7b7}
html[data-theme="light"] .nav button{color:#4e5049}
html[data-theme="light"] .nav button:hover,
html[data-theme="light"] .nav button.active{background:#eee8d9;color:#171913}
html[data-theme="light"] .pill{background:#f3ecda;color:#705b20;border-color:#d7c89f}
html[data-theme="light"] .global-search-result:hover,
html[data-theme="light"] .global-search-result:focus{background:#f4f0e7}
html[data-theme="light"] .global-search-result,
html[data-theme="light"] .global-search-head{border-color:#e2ddd2}
html[data-theme="light"] .toast{background:#fff;color:#171913;border-color:#d6cfbf}
html[data-theme="light"] .mobileHamburger{background:#f3efe5;border-color:#cfc7b7}
html[data-theme="light"] .mobileHamburger span{background:#22231f}
html[data-theme="light"] .footer{color:#77786f}


/* Step 13: ParaGel Assistant */
.assistant-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:14px}
.assistant-card{display:grid;gap:14px}
.assistant-hero{display:flex;align-items:center;gap:12px}
.assistant-hero h3{margin:0 0 4px}
.assistant-orb{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:22px;color:#090909;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 10px 30px #d4af3733}
.assistant-suggestions{display:flex;gap:8px;flex-wrap:wrap}
.assistant-suggestion{font-size:12px;padding:8px 10px}
.assistant-conversation{display:grid;gap:10px;max-height:420px;min-height:220px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b0d0b}
.assistant-msg{max-width:min(82%,680px);padding:11px 13px;border-radius:14px;line-height:1.5;white-space:pre-wrap}
.assistant-msg-bot{justify-self:start;background:#171914;border:1px solid #353126;color:var(--text)}
.assistant-msg-user{justify-self:end;background:linear-gradient(135deg,#d8b546,#8a7024);color:#0a0a08;font-weight:700}
.assistant-loading{opacity:.65;font-style:italic}
.assistant-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.assistant-form textarea{resize:vertical;min-height:72px}
.assistant-side-card{height:max-content}
.assistant-note{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#15130d;color:var(--muted);font-size:12px}
html[data-theme="light"] .assistant-conversation{background:#f7f4ec}
html[data-theme="light"] .assistant-msg-bot{background:#fff;border-color:#ddd6c8}
html[data-theme="light"] .assistant-note{background:#f7f1df}
@media(max-width:900px){
  .assistant-layout{grid-template-columns:1fr}
  .assistant-form{grid-template-columns:1fr}
  .assistant-form .btn{width:100%}
  .assistant-msg{max-width:92%}
  .assistant-conversation{max-height:50dvh}
}


/* Step 14: Dashboard control center */
.dashboard-control{display:grid;gap:14px}
.dashboard-kpis .dash-sub{margin-top:7px;color:var(--muted);font-size:11px}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px}
.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.dash-head h3,.dashboard-focus h3{margin:0 0 4px}
.dash-balance-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dash-balance-row span{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0d100d}
.dash-balance-row small{color:var(--muted);font-size:10px;text-transform:uppercase}
.dash-balance-row b{font-size:16px}
.dash-health-row{margin-top:14px}
.dash-health-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px}
.dash-health-row progress{width:100%;height:9px;accent-color:var(--gold)}
.dashboard-focus{display:grid;gap:10px;height:max-content}
.dash-focus-item{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}
.dash-focus-item:last-child{border-bottom:0}
.dash-focus-item span{font-size:11px;color:var(--muted)}
.dash-focus-item b{font-size:17px}
.dash-focus-item small{color:var(--muted)}
.dashboard-actions{padding-top:15px}
.dash-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.dash-action-grid .btn{min-height:46px}
html[data-theme="light"] .dash-balance-row span{background:#faf7ef}
@media(max-width:1100px){.dash-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-balance-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .dashboard-main-grid{grid-template-columns:1fr}
  .dash-balance-row{grid-template-columns:1fr 1fr}
  .dash-action-grid{grid-template-columns:1fr 1fr}
  .dashboard-kpis{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .dashboard-kpis,.dash-balance-row,.dash-action-grid{grid-template-columns:1fr!important}
}


/* Step 15: intelligent notification center */
.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.notification-head h3{margin:0 0 4px}
.notification-summary{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.notif-count{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;border:1px solid var(--line)}
.notif-count.urgent{color:#ff9a9a;border-color:#713535;background:#2a1414}
.notif-count.today{color:#f3cb72;border-color:#6b5628;background:#241e10}
.notif-count.soon{color:#8edcb6;border-color:#315e49;background:#10251b}
.notification-list{display:grid;gap:8px;margin-top:14px}
.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#0d100d;color:var(--text);cursor:pointer}
.notification-item:hover{background:#151815}
.notification-item.urgent{border-left:3px solid var(--bad)}
.notification-item.today{border-left:3px solid var(--warn)}
.notification-item.soon{border-left:3px solid var(--ok)}
.notification-item.info{border-left:3px solid var(--gold)}
.notification-icon{font-size:20px}
.notification-copy{display:grid;gap:2px;min-width:0}
.notification-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-copy small{color:var(--muted)}
.notification-item strong{white-space:nowrap;font-size:12px}
.notification-badge{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 6px}
.notification-empty{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d100d}
.notification-empty>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#133021;color:var(--ok);font-weight:900}
.notification-empty>div{display:grid;gap:2px}.notification-empty small{color:var(--muted)}
html[data-theme="light"] .notification-item,
html[data-theme="light"] .notification-empty{background:#faf7ef}
html[data-theme="light"] .notification-item:hover{background:#f1ecdf}
html[data-theme="light"] .notif-count.urgent{background:#fff0f0;color:#a63232}
html[data-theme="light"] .notif-count.today{background:#fff7df;color:#8a6411}
html[data-theme="light"] .notif-count.soon{background:#edf9f2;color:#26724f}
@media(max-width:900px){
  .notification-head{flex-direction:column}
  .notification-summary{justify-content:flex-start}
  .notification-item{grid-template-columns:auto minmax(0,1fr) auto}
  .notification-item strong{grid-column:2}
  .notification-badge{grid-row:1;grid-column:3}
}