@font-face{font-family:'IRANSans';src:url('../fonts/IRANSans.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
html,body,button,input,select,textarea,*{font-family:'IRANSans','Tahoma','Arial',sans-serif!important}
/* FORCE DARK */
html,body{background:#0f172a!important;color:#e2e8f0!important}
html,body,main,div,section,article,aside,header,footer,nav,span,p,h1,h2,h3,h4{background-color:transparent}

/* RESET */
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dt,dd{margin:0;padding:0}
button{background:none;border:0;cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;padding:0;margin:0;line-height:inherit}
input,select,textarea{font-family:inherit;font-size:inherit;margin:0;padding:0;background:transparent;border:none;outline:none;color:inherit}
svg{display:inline-block;vertical-align:middle}

/* BASE */
*{font-family:'Tahoma','Arial',sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html{background:#0f172a;color:#e2e8f0;overflow-x:hidden}
body{background:#0f172a!important;color:#e2e8f0!important;min-height:100vh;padding-bottom:5rem;overflow-x:hidden}

/* DISPLAY */
.flex{display:flex!important}.inline-flex{display:inline-flex!important}
.grid{display:grid!important}.block{display:block!important}
.hidden{display:none!important}

/* POSITION */
.relative{position:relative}.absolute{position:absolute}
.fixed{position:fixed}.sticky{position:sticky;top:0}
.inset-0{top:0;right:0;bottom:0;left:0}
.top-0{top:0}.top-4{top:1rem}.top-1\/2{top:50%}
.bottom-0{bottom:0}
.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}
.right-0{right:0}.right-4{right:1rem}
.-top-8{top:-2rem}.-left-8{left:-2rem}

/* FLEX */
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}.items-end{align-items:flex-end}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}
.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}
.gap-3{gap:.75rem}.gap-4{gap:1rem}

/* GRID */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}

/* SIZING */
.w-full{width:100%}
.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}
.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}
.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-36{width:9rem}
.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}
.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}
.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}
.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}
.h-36{height:9rem}.h-40{height:10rem}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.min-w-\[56px\]{min-width:56px}.min-w-\[64px\]{min-width:64px}
.min-w-\[80px\]{min-width:80px}.min-w-\[100px\]{min-width:100px}
.min-w-\[120px\]{min-width:120px}
.max-w-2xl{max-width:42rem}
.max-w-\[280px\]{max-width:280px}.max-w-\[120px\]{max-width:120px}
@media(min-width:640px){
  .sm\:max-w-md{max-width:28rem}.sm\:max-w-lg{max-width:32rem}
  .sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:1rem}
}

/* SPACING */
.mx-auto{margin-left:auto;margin-right:auto}
.ml-auto{margin-left:auto}
.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}
.-mt-7{margin-top:-1.75rem}
.p-0\.5{padding:.125rem!important}.p-1\.5{padding:.375rem!important}.p-2{padding:.5rem!important}
.p-2\.5{padding:.625rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}
.p-5{padding:1.25rem!important}.p-8{padding:2rem!important}
.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}
.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pt-1{padding-top:.25rem}
.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}

/* TYPOGRAPHY */
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[10px\]{font-size:10px;line-height:1.4}.text-\[8px\]{font-size:8px;line-height:1.4}
.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}
.font-bold{font-weight:700}.font-extrabold{font-weight:800}
.text-center{text-align:center}.text-left{text-align:left}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}

/* TEXT COLORS */
.text-white{color:#fff}
.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}
.text-blue-100{color:#dbeafe}.text-blue-400{color:#60a5fa}
.text-emerald-100{color:#d1fae5}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}
.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}
.text-amber-400{color:#fbbf24}.text-indigo-400{color:#818cf8}.text-rose-400{color:#fb7185}

/* BACKGROUND SOLID */
.bg-slate-700{background-color:#334155!important}.bg-slate-800{background-color:#1e293b!important}.bg-slate-900{background-color:#0f172a!important}
.bg-blue-500{background-color:#3b82f6!important}.bg-blue-600{background-color:#2563eb!important}
.bg-emerald-500{background-color:#10b981!important}.bg-emerald-600{background-color:#059669!important}
.bg-red-600{background-color:#dc2626!important}.bg-amber-500{background-color:#f59e0b!important}
.bg-indigo-600{background-color:#4f46e5!important}.bg-rose-600{background-color:#e11d48!important}

/* BACKGROUND WITH OPACITY */
.bg-slate-900\/95{background-color:rgba(15,23,42,.95)!important}
.bg-slate-900\/50{background-color:rgba(15,23,42,.50)!important}
.bg-slate-800\/90{background-color:rgba(30,41,59,.90)!important}
.bg-slate-800\/80{background-color:rgba(30,41,59,.80)!important}
.bg-slate-700\/50{background-color:rgba(51,65,85,.50)!important}
.bg-black\/60{background-color:rgba(0,0,0,.60)!important}
.bg-white\/15{background-color:rgba(255,255,255,.15)!important}
.bg-white\/10{background-color:rgba(255,255,255,.10)!important}
.bg-blue-900\/30{background-color:rgba(30,58,138,.30)!important}.bg-blue-900\/40{background-color:rgba(30,58,138,.40)!important}
.bg-emerald-900\/20{background-color:rgba(6,78,59,.20)!important}.bg-emerald-900\/30{background-color:rgba(6,78,59,.30)!important}
.bg-red-900\/20{background-color:rgba(127,29,29,.20)!important}.bg-red-900\/30{background-color:rgba(127,29,29,.30)!important}.bg-red-900\/40{background-color:rgba(127,29,29,.40)!important}
.bg-amber-900\/20{background-color:rgba(120,53,15,.20)!important}.bg-amber-900\/30{background-color:rgba(120,53,15,.30)!important}
.bg-indigo-900\/40{background-color:rgba(49,46,129,.40)!important}.bg-rose-900\/40{background-color:rgba(136,19,55,.40)!important}

/* GRADIENTS */
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--gf),var(--gv,var(--gt)),var(--gt))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gf),var(--gv,var(--gt)),var(--gt))}
.from-blue-500{--gf:#3b82f6}.from-blue-600{--gf:#2563eb}.from-blue-700{--gf:#1d4ed8}
.from-emerald-600{--gf:#059669}.from-slate-950{--gf:#020617}.from-red-700{--gf:#b91c1c}
.via-blue-600{--gv:#2563eb}.via-slate-900{--gv:#0f172a}.via-red-600{--gv:#dc2626}
.to-teal-500{--gt:#14b8a6}.to-teal-400{--gt:#2dd4bf}.to-emerald-400{--gt:#34d399}
.to-cyan-500{--gt:#06b6d4}.to-slate-950{--gt:#020617}.to-orange-500{--gt:#f97316}.to-rose-400{--gt:#fb7185}

/* BORDERS */
.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}
.border-4{border-width:4px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-t{border-top-width:1px;border-top-style:solid}.border-l-4{border-left-width:4px;border-left-style:solid}
.border-slate-600{border-color:#475569}.border-slate-700{border-color:#334155}.border-slate-800{border-color:#1e293b}
.border-slate-700\/50{border-color:rgba(51,65,85,.5)}.border-blue-500{border-color:#3b82f6}
.border-l-blue-500{border-left-color:#3b82f6}.border-l-emerald-500{border-left-color:#10b981}.border-l-red-500{border-left-color:#ef4444}

/* DIVIDE */
.divide-y>*+*{border-top-width:1px;border-top-style:solid}
.divide-slate-700>*+*{border-top-color:#334155}

/* ROUNDED */
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}
.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}
.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}
.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}

/* SHADOW */
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.2)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.2)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}
.shadow-blue-500\/20{box-shadow:0 0 20px rgba(59,130,246,.2)}
.shadow-blue-500\/40{box-shadow:0 8px 25px rgba(59,130,246,.4)}
.shadow-blue-600\/20{box-shadow:0 4px 15px rgba(37,99,235,.2)}
.shadow-black\/30{box-shadow:0 8px 30px rgba(0,0,0,.3)}

/* OVERFLOW */
.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}

/* TRANSFORM */
.-translate-x-1\/2{transform:translateX(-50%)}
.-translate-y-1\/2{transform:translateY(-50%)}
.-translate-x-1\/2.-translate-y-1\/2{transform:translate(-50%,-50%)}
.translate-y-full{transform:translateY(100%)}

/* TRANSITION */
.transition{transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}
.transition-transform{transition:transform .15s cubic-bezier(.4,0,.2,1)}
.duration-500{transition-duration:.5s!important}

/* BACKDROP */
.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}

/* Z-INDEX */
.z-10{z-index:10}.z-40{z-index:40}
.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}
.z-\[80\]{z-index:80}.z-\[85\]{z-index:85}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.z-\[99\]{z-index:99}

/* CURSOR & OUTLINE */
.cursor-pointer{cursor:pointer}.outline-none{outline:none}

/* HOVER */
.hover\:bg-slate-600:hover{background-color:#475569!important}
.hover\:bg-slate-700:hover{background-color:#334155!important}
.hover\:bg-slate-800:hover{background-color:#1e293b!important}
.hover\:bg-slate-700\/50:hover{background-color:rgba(51,65,85,.5)!important}
.hover\:bg-blue-500:hover{background-color:#3b82f6!important}
.hover\:bg-emerald-500:hover{background-color:#10b981!important}
.hover\:bg-red-500:hover{background-color:#ef4444!important}
.hover\:bg-indigo-500:hover{background-color:#6366f1!important}
.hover\:bg-rose-500:hover{background-color:#f43f5e!important}
.hover\:bg-blue-900\/50:hover{background-color:rgba(30,58,138,.5)!important}
.hover\:bg-emerald-900\/50:hover{background-color:rgba(6,78,59,.5)!important}
.hover\:bg-red-900\/50:hover{background-color:rgba(127,29,29,.5)!important}
.hover\:bg-amber-900\/30:hover{background-color:rgba(120,53,15,.3)!important}
.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:text-white:hover{color:#fff}
.focus\:border-blue-500:focus{border-color:#3b82f6!important}

/* ACTIVE */
.active\:scale-95:active{transform:scale(.95)}
.active\:scale-\[0\.98\]:active{transform:scale(.98)}

/* ============================================================
   APP CUSTOM CSS
   ============================================================ */

/* pages */
.pg{display:none}.pg.on{display:block;animation:fadeIn .22s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.su{animation:slideUp .25s cubic-bezier(.22,.61,.36,1)}

/* nav */
.nb{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:#64748b;line-height:1}
.nb.act{color:#60a5fa}
.nb::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:99px;transition:transform .2s ease}
.nb.act::before{transform:translateX(-50%) scaleX(1)}

/* tabs */
.ta{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 2px 12px rgba(59,130,246,.35)!important}
.cs{border-color:#3b82f6!important;background:rgba(59,130,246,.14)!important}

/* numpad */
.npb{transition:all .1s;line-height:1}.npb:active{transform:scale(.92);background:#334155}

/* card + input */
.cd{background:#1e293b!important;border:1px solid #2a3a4e;border-radius:.75rem}
.ib{background:#0d1b2e!important;border:1px solid #334155!important;color:#e2e8f0!important;border-radius:.75rem;padding:.55rem .75rem;width:100%;display:block;line-height:1.4}
.ib:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.18)!important;outline:none!important}
select.ib{-webkit-appearance:auto;appearance:auto}

/* scrollbar hidden */
.hscroll{scrollbar-width:none;-ms-overflow-style:none}
.hscroll::-webkit-scrollbar{display:none}

/* quick buttons */
.qbtn{transition:all .1s;line-height:1}.qbtn:active{transform:scale(.95)}

/* category buttons */
.cat-btn{transition:all .15s;flex-shrink:0;background:#1e293b;border:2px solid #334155;border-radius:.75rem;color:#e2e8f0;line-height:1}
.cat-btn:active{transform:scale(.94)}

/* cards */
.acct-card{transition:all .15s}.acct-card:active{transform:scale(.98)}
.tpl-card{transition:all .15s}.tpl-card:active{transform:scale(.97)}
.goal-bar{transition:width .6s ease}
.stmt-item{border-radius:.75rem;transition:background .15s}
.stmt-item:hover{background:rgba(51,65,85,.3)}

/* tags */
.tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:9999px;font-size:10px;background:rgba(59,130,246,.15);color:#60a5fa;margin-left:4px;line-height:1.4}
.tag-close{margin-right:4px;cursor:pointer;opacity:.7}.tag-close:hover{color:#ef4444;opacity:1}

/* date sep */
.date-sep{display:flex;align-items:center;gap:8px;padding:6px 4px}
.date-sep .line{flex:1;height:1px;background:#2a3a4e}
.date-sep .txt{font-size:11px;color:#94a3b8;white-space:nowrap}

/* debt tabs */
.debt-tab{transition:all .15s;cursor:pointer;color:#94a3b8;border-radius:.375rem;line-height:1}
.debt-tab.act{background:#3b82f6!important;color:#fff!important}

/* pin */
.pin-dot{transition:all .2s ease}
.pin-dot.filled{background:#3b82f6;border-color:#3b82f6;transform:scale(1.2)}
.pin-dot.error{background:#ef4444;border-color:#ef4444;animation:shake .4s ease}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}

/* status badges */
.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:600;line-height:1.4}
.status-pending{background:rgba(234,179,8,.15);color:#eab308}
.status-cashed{background:rgba(34,197,94,.15);color:#22c55e}
.status-bounced{background:rgba(239,68,68,.15);color:#ef4444}
.status-cancelled{background:rgba(107,114,128,.15);color:#6b7280}

/* sort */
.sort-btn{transition:all .15s;cursor:pointer;border-radius:.375rem;line-height:1}
.sort-btn:hover{background:rgba(59,130,246,.2)}

/* health circle */
.health-circle{position:relative}
.health-circle svg{transform:rotate(-90deg)}
.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:bold}

/* Balance card dynamic colors */
.rp-bal-bg{transition:all .3s ease}
.rp-bal-pos{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important}
.rp-bal-neg{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important}

/* Daily bar chart */
.rp-scroll-hide::-webkit-scrollbar{display:none}
.rp-scroll-hide{-ms-overflow-style:none;scrollbar-width:none}
.rp-daily-container{display:flex;align-items:flex-end;gap:3px;height:160px;overflow-x:auto;overflow-y:hidden;direction:ltr}
.rp-bar-wrap{flex:0 0 22px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;cursor:pointer;transition:transform .15s}
.rp-bar-wrap:hover{transform:scale(1.08)}
.rp-bar-track{width:100%;flex:1;min-height:0;display:flex;align-items:flex-end;border-radius:4px 4px 0 0;overflow:hidden;background:#1e293b;position:relative}
.rp-bar{width:100%;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:2px}
.rp-bar-zero{background:#334155;opacity:.3}
.rp-bar-lbl{font-size:8px;color:#94a3b8;text-align:center;white-space:nowrap;line-height:1}
.rp-bar-amt{font-size:7px;color:#64748b;text-align:center;white-space:nowrap;line-height:1}

/* Day of week chart - using inline styles, this is just minimal */
/* Monthly chart */
.rp-mon-container{display:flex;align-items:flex-end;gap:4px;height:140px}
.rp-mon-wrap{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}
.rp-mon-track{width:100%;flex:1;min-height:0;display:flex;align-items:flex-end;border-radius:4px 4px 0 0;overflow:hidden;background:#1e293b;position:relative}
.rp-mon-bar{width:100%;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:2px}
.rp-mon-lbl{font-size:9px;color:#94a3b8;text-align:center}
.rp-mon-amt{font-size:8px;color:#64748b;text-align:center;white-space:nowrap}

/* calendar picker */
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1)}

/* sarafi buttons */
.sar-rate-btn{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;background:#1e293b;border:1px solid #334155;color:#94a3b8;transition:all .15s;cursor:pointer}
.sar-rate-btn.active{background:linear-gradient(135deg,#0f4c75,#118ab2);color:#fff;border-color:#118ab2;font-weight:600}
.sar-filter-btn{padding:.25rem .625rem;border-radius:.5rem;font-size:.7rem;font-weight:500;background:#1e293b;color:#94a3b8;cursor:pointer;transition:all .15s}
.sar-filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}

/* global scrollbar */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:#0f172a}
::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}

/* quick add button */
.quick-add-btn{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.25);transition:all .15s}
.qa-inner-panel{animation:slideUp .25s cubic-bezier(.22,.61,.36,1)}
.quick-add-btn:hover{background:rgba(59,130,246,.25)}
.quick-add-btn:active{transform:scale(.95)}

/* qa category button */
.qa-cat-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem .6rem;border-radius:.65rem;border:2px solid #334155;background:#1e293b;transition:all .15s;min-width:56px;cursor:pointer}
.qa-cat-btn.sel{border-color:#3b82f6;background:rgba(59,130,246,.14)}
.qa-cat-btn:active{transform:scale(.93)}

/* ============================================================
   MODERN UI + LIGHT MODE + SMOOTHER MOTION
   ============================================================ */
:root{--app-bg:#0f172a;--surface:#172238;--surface-2:#1e293b;--surface-3:#263449;--text:#e2e8f0;--muted:#94a3b8;--muted-2:#64748b;--border:rgba(148,163,184,.18);--primary:#3b82f6;--primary-2:#06b6d4;--shadow:0 18px 45px rgba(2,6,23,.28);--glass:rgba(30,41,59,.76);--input:#0d1b2e}
html[data-theme="light"]{--app-bg:#f6f8fc;--surface:#fff;--surface-2:#fff;--surface-3:#eef3fb;--text:#0f172a;--muted:#64748b;--muted-2:#94a3b8;--border:rgba(15,23,42,.10);--primary:#2563eb;--primary-2:#0891b2;--shadow:0 18px 45px rgba(15,23,42,.10);--glass:rgba(255,255,255,.78);--input:#f8fafc}
html,body{transition:background-color .28s ease,color .28s ease}
html[data-theme="dark"],html[data-theme="dark"] body{background:var(--app-bg)!important;color:var(--text)!important}
html[data-theme="light"],html[data-theme="light"] body{background:var(--app-bg)!important;color:var(--text)!important}
body::before{content:"";position:fixed;inset:-20%;z-index:-1;background:radial-gradient(circle at 20% 10%,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at 80% 0%,rgba(16,185,129,.12),transparent 24%),radial-gradient(circle at 50% 100%,rgba(99,102,241,.10),transparent 26%);pointer-events:none;transition:opacity .3s ease}
html[data-theme="light"] body::before{background:radial-gradient(circle at 18% 6%,rgba(37,99,235,.12),transparent 26%),radial-gradient(circle at 88% 0%,rgba(16,185,129,.10),transparent 22%),radial-gradient(circle at 50% 100%,rgba(14,165,233,.10),transparent 28%)}
.cd{background:var(--glass)!important;border-color:var(--border)!important;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background-color .25s ease,border-color .25s ease}
.cd:hover{transform:translateY(-1px);box-shadow:0 22px 55px rgba(2,6,23,.20)}
.ib,input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .25s ease,color .25s ease}.ib{background:var(--input)!important;border-color:var(--border)!important;color:var(--text)!important}.ib:focus{box-shadow:0 0 0 4px rgba(59,130,246,.16)!important}
button,.nb,.cat-btn,.qbtn,.npb,.tpl-card,.acct-card,.debt-tab,.sort-btn,.sar-rate-btn,.sar-filter-btn{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important}button:active,.acct-card:active,.tpl-card:active,.cat-btn:active{transform:scale(.97)}
.pg.on{animation:modernFade .32s cubic-bezier(.2,.8,.2,1)}@keyframes modernFade{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.su,.qa-inner-panel{animation:modernSlideUp .34s cubic-bezier(.2,.8,.2,1)!important}@keyframes modernSlideUp{from{transform:translateY(105%);opacity:.75}to{transform:translateY(0);opacity:1}}
#bal-card{box-shadow:0 22px 60px rgba(37,99,235,.30);border:1px solid rgba(255,255,255,.12)}nav>div>div{background:var(--glass)!important;border-color:var(--border)!important;box-shadow:0 16px 45px rgba(2,6,23,.24)!important}header{background:var(--glass)!important;border-color:var(--border)!important;box-shadow:0 10px 30px rgba(2,6,23,.10)}
html[data-theme="light"] .text-slate-300,html[data-theme="light"] .text-slate-400{color:var(--muted)!important}html[data-theme="light"] .text-slate-500{color:var(--muted-2)!important}
html[data-theme="light"] .bg-slate-900,html[data-theme="light"] .bg-slate-900\/95,html[data-theme="light"] .bg-slate-900\/50{background-color:rgba(255,255,255,.92)!important}html[data-theme="light"] .bg-slate-800,html[data-theme="light"] .bg-slate-800\/90,html[data-theme="light"] .bg-slate-800\/80{background-color:rgba(255,255,255,.88)!important}html[data-theme="light"] .bg-slate-700,html[data-theme="light"] .bg-slate-700\/50{background-color:#eef3fb!important}html[data-theme="light"] .hover\:bg-slate-700:hover,html[data-theme="light"] .hover\:bg-slate-800:hover,html[data-theme="light"] .hover\:bg-slate-600:hover{background-color:#e2e8f0!important}
html[data-theme="light"] .border-slate-700,html[data-theme="light"] .border-slate-700\/50,html[data-theme="light"] .border-slate-800,html[data-theme="light"] .border-slate-600{border-color:var(--border)!important}html[data-theme="light"] .divide-slate-700>*+*{border-top-color:var(--border)!important}html[data-theme="light"] .cat-btn,html[data-theme="light"] .sar-rate-btn,html[data-theme="light"] .sar-filter-btn{background:#fff;border-color:var(--border);color:var(--text)}
html[data-theme="light"] [style*="background:#1a2740"],html[data-theme="light"] [style*="background:#1e293b"],html[data-theme="light"] [style*="background:#0d1b2e"],html[data-theme="light"] [style*="background:#0f172a"]{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme="light"] [style*="background:#334155"],html[data-theme="light"] [style*="background:#2a3a4e"],html[data-theme="light"] [style*="background:#3a4a5e"]{background:#e2e8f0!important}
html[data-theme="light"] .rp-bar-track,html[data-theme="light"] .rp-mon-track{background:#e2e8f0!important}html[data-theme="light"] ::-webkit-scrollbar-track{background:#f8fafc}html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#cbd5e1}.modern-setting-card{overflow:hidden;position:relative}.modern-setting-card::after{content:"";position:absolute;left:-35px;top:-35px;width:105px;height:105px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(6,182,212,.06));border-radius:50%;pointer-events:none}#pwa-install-btn[disabled]{opacity:.55;filter:grayscale(.25);cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ============================================================
   FIXED LIGHT MODE CONTRAST + INSTALL/UPDATE UI
   ============================================================ */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body,html[data-theme="light"] main,html[data-theme="light"] section,html[data-theme="light"] article,html[data-theme="light"] aside,html[data-theme="light"] header,html[data-theme="light"] footer,html[data-theme="light"] nav{color:#0f172a!important}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] p,html[data-theme="light"] span,html[data-theme="light"] label,html[data-theme="light"] button,html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color:inherit}
html[data-theme="light"] .text-white{color:#0f172a!important}
html[data-theme="light"] .bg-gradient-to-br .text-white,html[data-theme="light"] .bg-gradient-to-r .text-white,html[data-theme="light"] #bal-card .text-white,html[data-theme="light"] #bal-card,html[data-theme="light"] [style*="linear-gradient"] .text-white{color:#fff!important}
html[data-theme="light"] #bal-card p,html[data-theme="light"] #bal-card span{color:#fff!important}
html[data-theme="light"] .text-blue-100{color:#dbeafe!important}
html[data-theme="light"] .text-blue-400{color:#2563eb!important}
html[data-theme="light"] .text-emerald-300,html[data-theme="light"] .text-emerald-400{color:#059669!important}
html[data-theme="light"] .text-red-300,html[data-theme="light"] .text-red-400{color:#dc2626!important}
html[data-theme="light"] .text-amber-400{color:#d97706!important}
html[data-theme="light"] .text-indigo-400{color:#4f46e5!important}
html[data-theme="light"] .text-rose-400{color:#e11d48!important}
html[data-theme="light"] .nb{color:#64748b!important}html[data-theme="light"] .nb.act{color:#2563eb!important}
html[data-theme="light"] .ta,html[data-theme="light"] .debt-tab.act,html[data-theme="light"] .sar-filter-btn.active,html[data-theme="light"] .sar-rate-btn.active{color:#fff!important}
html[data-theme="light"] .ib::placeholder{color:#94a3b8!important}
html[data-theme="light"] select.ib option{background:#fff;color:#0f172a}
html[data-theme="light"] .tag{background:rgba(37,99,235,.10);color:#2563eb}
html[data-theme="light"] .status-pending{background:rgba(217,119,6,.12);color:#b45309}
html[data-theme="light"] .status-cashed{background:rgba(5,150,105,.12);color:#047857}
html[data-theme="light"] .status-bounced{background:rgba(220,38,38,.12);color:#b91c1c}
html[data-theme="light"] .status-cancelled{background:rgba(100,116,139,.12);color:#475569}
html[data-theme="light"] #np .bg-slate-800,html[data-theme="light"] #cal .bg-slate-800{background:#fff!important;color:#0f172a!important}
html[data-theme="light"] #np-d{background:#f1f5f9!important;color:#0f172a!important}
#theme-icon-btn{position:relative;color:var(--muted);background:rgba(59,130,246,.08);border:1px solid transparent}
#theme-icon-btn:hover{border-color:rgba(59,130,246,.22);color:var(--primary)}
.install-banner{position:fixed;left:0;right:0;bottom:5.4rem;z-index:88;padding:0 .75rem;pointer-events:none}.install-card{max-width:42rem;margin:0 auto;display:flex;align-items:center;gap:.65rem;background:var(--glass);border:1px solid var(--border);box-shadow:0 20px 55px rgba(2,6,23,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:1.1rem;padding:.75rem;pointer-events:auto;animation:installIn .34s cubic-bezier(.2,.8,.2,1)}@keyframes installIn{from{transform:translateY(18px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.install-icon{width:2.35rem;height:2.35rem;border-radius:.85rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 10px 25px rgba(37,99,235,.25)}.install-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.install-copy b{font-size:.82rem}.install-copy span{font-size:.7rem;color:var(--muted);line-height:1.5}.install-action{padding:.5rem .75rem;border-radius:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;font-size:.75rem;font-weight:700}.install-close{width:1.75rem;height:1.75rem;border-radius:999px;color:var(--muted);background:rgba(148,163,184,.12);font-size:1.25rem;line-height:1}.app-modal{position:fixed;inset:0;z-index:96}.app-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(4px)}.app-modal-sheet{position:absolute;left:0;right:0;bottom:0;max-width:42rem;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:1.35rem 1.35rem 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px rgba(2,6,23,.28);animation:modernSlideUp .34s cubic-bezier(.2,.8,.2,1);color:var(--text)}.modal-handle{width:2.5rem;height:4px;border-radius:999px;background:rgba(148,163,184,.45);margin:0 auto .85rem}.ios-steps{display:flex;flex-direction:column;gap:.55rem}.ios-steps div{display:flex;align-items:center;gap:.65rem;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.14);border-radius:.95rem;padding:.7rem}.ios-steps span{width:1.75rem;height:1.75rem;border-radius:999px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;flex-shrink:0}.ios-steps p{font-size:.82rem;color:var(--text)}.changelog-card{border:1px solid var(--border);background:rgba(148,163,184,.08);border-radius:1rem;padding:.75rem}.changelog-card b{font-size:.78rem;color:var(--text)}.changelog-card span{font-size:.68rem;color:var(--muted)}.changelog-card ul{margin:.5rem 1.1rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.8;list-style:disc}.changelog-card li{padding-right:.1rem}html[data-theme="light"] .app-modal-backdrop{background:rgba(15,23,42,.30)}html[data-theme="light"] .install-card,html[data-theme="light"] .app-modal-sheet{background:rgba(255,255,255,.94)!important;color:#0f172a!important}@media(max-width:420px){.install-banner{bottom:5.1rem}.install-copy span{display:none}.install-action{padding:.5rem .6rem}.install-card{gap:.45rem}}
html[data-theme="light"] button.text-white,html[data-theme="light"] .bg-blue-600.text-white,html[data-theme="light"] .bg-emerald-600.text-white,html[data-theme="light"] .bg-red-600.text-white,html[data-theme="light"] .bg-indigo-600.text-white,html[data-theme="light"] .bg-rose-600.text-white,html[data-theme="light"] .bg-gradient-to-r.text-white,html[data-theme="light"] [style*="linear-gradient"].text-white{color:#fff!important}

/* ============================================================
   v4.2.1 - COMPLETE LIGHT MODE READABILITY PASS
   ============================================================ */
html[data-theme="light"]{--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#eef4ff;--text:#0f172a;--muted:#475569;--muted-2:#64748b;--border:rgba(15,23,42,.14);--soft-border:rgba(15,23,42,.08);--soft-blue:rgba(37,99,235,.10);--soft-green:rgba(5,150,105,.10);--soft-red:rgba(220,38,38,.10);--soft-amber:rgba(217,119,6,.12)}
html[data-theme="light"] body{background:#f6f8fc!important;color:#0f172a!important}
html[data-theme="light"] main,html[data-theme="light"] .pg,html[data-theme="light"] .cd{color:#0f172a!important}
html[data-theme="light"] .cd{background:rgba(255,255,255,.92)!important;border:1px solid var(--border)!important;box-shadow:0 16px 42px rgba(15,23,42,.10)!important}
html[data-theme="light"] .cd *:not(.text-white):not([style*="linear-gradient"]):not([style*="color:#fff"]):not([style*="color: #fff"]){text-shadow:none}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] .font-bold,html[data-theme="light"] .font-semibold,html[data-theme="light"] .font-medium{color:#0f172a}
html[data-theme="light"] .text-slate-300,html[data-theme="light"] .text-slate-400{color:#475569!important}
html[data-theme="light"] .text-slate-500,html[data-theme="light"] .text-slate-600{color:#64748b!important}
html[data-theme="light"] .bg-slate-950,html[data-theme="light"] .bg-slate-900,html[data-theme="light"] .bg-slate-900\/95,html[data-theme="light"] .bg-slate-900\/50,html[data-theme="light"] .bg-slate-800,html[data-theme="light"] .bg-slate-800\/90,html[data-theme="light"] .bg-slate-800\/80{background-color:#ffffff!important;color:#0f172a!important}
html[data-theme="light"] .bg-slate-700,html[data-theme="light"] .bg-slate-700\/50,html[data-theme="light"] .hover\:bg-slate-700:hover,html[data-theme="light"] .hover\:bg-slate-800:hover,html[data-theme="light"] .hover\:bg-slate-600:hover{background-color:#eaf0f8!important;color:#0f172a!important}
html[data-theme="light"] .border-slate-700,html[data-theme="light"] .border-slate-700\/50,html[data-theme="light"] .border-slate-800,html[data-theme="light"] .border-slate-600,html[data-theme="light"] .divide-slate-700>*+*{border-color:var(--border)!important}
html[data-theme="light"] .ib,html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#ffffff!important;color:#0f172a!important;border-color:rgba(15,23,42,.16)!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#64748b!important;opacity:1}
html[data-theme="light"] .cat-btn,html[data-theme="light"] .qa-cat-btn,html[data-theme="light"] .tpl-card,html[data-theme="light"] .acct-card,html[data-theme="light"] .stmt-item,html[data-theme="light"] .sar-rate-btn,html[data-theme="light"] .sar-filter-btn,html[data-theme="light"] .sort-btn,html[data-theme="light"] .debt-tab{background:#ffffff!important;color:#0f172a!important;border-color:var(--border)!important}
html[data-theme="light"] .cat-btn span,html[data-theme="light"] .qa-cat-btn span,html[data-theme="light"] .tpl-card span,html[data-theme="light"] .acct-card span,html[data-theme="light"] .stmt-item span{color:inherit}
html[data-theme="light"] .cs,html[data-theme="light"] .qa-cat-btn.sel{background:rgba(37,99,235,.12)!important;border-color:#2563eb!important;color:#0f172a!important}
html[data-theme="light"] .ta,html[data-theme="light"] .debt-tab.act,html[data-theme="light"] .sar-rate-btn.active,html[data-theme="light"] .sar-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0891b2)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(37,99,235,.22)!important}
html[data-theme="light"] .ta *,html[data-theme="light"] .debt-tab.act *,html[data-theme="light"] .sar-rate-btn.active *,html[data-theme="light"] .sar-filter-btn.active *{color:#fff!important}
html[data-theme="light"] button.bg-blue-600,html[data-theme="light"] button.bg-emerald-600,html[data-theme="light"] button.bg-red-600,html[data-theme="light"] button.bg-indigo-600,html[data-theme="light"] button.bg-rose-600,html[data-theme="light"] button[class*="bg-gradient"],html[data-theme="light"] button[style*="linear-gradient"]{color:#fff!important}
html[data-theme="light"] button.bg-blue-600 *,html[data-theme="light"] button.bg-emerald-600 *,html[data-theme="light"] button.bg-red-600 *,html[data-theme="light"] button.bg-indigo-600 *,html[data-theme="light"] button.bg-rose-600 *,html[data-theme="light"] button[class*="bg-gradient"] *,html[data-theme="light"] button[style*="linear-gradient"] *{color:#fff!important;stroke:#fff!important}
html[data-theme="light"] .bg-emerald-900\/20,html[data-theme="light"] .bg-emerald-900\/30{background:rgba(5,150,105,.10)!important;color:#047857!important}
html[data-theme="light"] .bg-red-900\/20,html[data-theme="light"] .bg-red-900\/30,html[data-theme="light"] .bg-red-900\/40{background:rgba(220,38,38,.10)!important;color:#b91c1c!important}
html[data-theme="light"] .bg-amber-900\/20,html[data-theme="light"] .bg-amber-900\/30{background:rgba(217,119,6,.12)!important;color:#b45309!important}
html[data-theme="light"] .bg-blue-900\/30,html[data-theme="light"] .bg-blue-900\/40{background:rgba(37,99,235,.10)!important;color:#1d4ed8!important}
html[data-theme="light"] .bg-indigo-900\/40{background:rgba(79,70,229,.10)!important;color:#4338ca!important}
html[data-theme="light"] .bg-rose-900\/40{background:rgba(225,29,72,.10)!important;color:#be123c!important}
html[data-theme="light"] .date-sep .line{background:rgba(15,23,42,.14)!important}html[data-theme="light"] .date-sep .txt{color:#64748b!important}
html[data-theme="light"] .rp-bar-track,html[data-theme="light"] .rp-mon-track{background:#e2e8f0!important;border:1px solid rgba(15,23,42,.06)}
html[data-theme="light"] .rp-bar-lbl,html[data-theme="light"] .rp-mon-lbl{color:#475569!important}html[data-theme="light"] .rp-bar-amt,html[data-theme="light"] .rp-mon-amt{color:#64748b!important}
html[data-theme="light"] table,html[data-theme="light"] .tbl{background:#fff!important;color:#0f172a!important;border-color:var(--border)!important}
html[data-theme="light"] thead,html[data-theme="light"] th{background:#eef4ff!important;color:#0f172a!important;border-color:var(--border)!important}
html[data-theme="light"] tbody,html[data-theme="light"] tr,html[data-theme="light"] td{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.10)!important}
html[data-theme="light"] tr:nth-child(even) td{background:#f8fafc!important}
html[data-theme="light"] [style*="background:#1a2740"],html[data-theme="light"] [style*="background:#1e293b"],html[data-theme="light"] [style*="background:#0d1b2e"],html[data-theme="light"] [style*="background:#0f172a"],html[data-theme="light"] [style*="background:#020617"]{background:#ffffff!important;color:#0f172a!important;border-color:var(--border)!important}
html[data-theme="light"] [style*="border:1px solid #2a3a4e"],html[data-theme="light"] [style*="border-top:1px solid #2a3a4e"],html[data-theme="light"] [style*="border:1px solid #334155"],html[data-theme="light"] [style*="border-top:1px solid #334155"]{border-color:var(--border)!important}
html[data-theme="light"] [style*="background:#334155"],html[data-theme="light"] [style*="background:#2a3a4e"],html[data-theme="light"] [style*="background:#3a4a5e"]{background:#dbe5f2!important;color:#0f172a!important}
html[data-theme="light"] #pin-screen .bg-slate-800\/80,html[data-theme="light"] #pin-screen button{background:rgba(255,255,255,.92)!important;color:#0f172a!important;border-color:rgba(15,23,42,.14)!important}
html[data-theme="light"] #pin-screen .absolute.inset-0{background:linear-gradient(135deg,#f8fafc,#eef4ff)!important}
html[data-theme="light"] .install-card,html[data-theme="light"] .app-modal-sheet,html[data-theme="light"] #np>div:last-child,html[data-theme="light"] #cal #qa-panel{background:rgba(255,255,255,.96)!important;color:#0f172a!important;border-color:var(--border)!important}


/* v4.6.4 settings categories + bottom update banner */
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-radius:1.25rem;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,182,212,.10));border:1px solid rgba(59,130,246,.22);box-shadow:0 18px 45px rgba(2,6,23,.16)}.settings-hero h2{font-size:1.05rem;font-weight:800;color:var(--text,#e2e8f0);margin-bottom:.2rem}.settings-hero p{font-size:.75rem;color:var(--muted,#94a3b8);line-height:1.7}.settings-hero span{font-size:.75rem;font-weight:800;color:#60a5fa;background:rgba(59,130,246,.13);border:1px solid rgba(59,130,246,.25);border-radius:999px;padding:.3rem .65rem;white-space:nowrap}.settings-groups{display:flex;flex-direction:column;gap:.75rem}.settings-section{border:1px solid var(--border,#334155);background:var(--surface,#1e293b);border-radius:1.15rem;overflow:hidden;box-shadow:0 14px 38px rgba(2,6,23,.12)}.settings-section-head{width:100%;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;text-align:right}.settings-section-icon{width:2.45rem;height:2.45rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.13);font-size:1.1rem;flex-shrink:0}.settings-section-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.settings-section-copy b{font-size:.9rem;color:var(--text,#e2e8f0)}.settings-section-copy span{font-size:.7rem;color:var(--muted,#94a3b8);line-height:1.6}.settings-section-count{font-size:.7rem;font-weight:800;color:#60a5fa;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);border-radius:999px;padding:.2rem .5rem}.settings-section-chevron{font-size:1.15rem;color:var(--muted,#94a3b8);transition:transform .2s ease}.settings-section.open .settings-section-chevron{transform:rotate(180deg)}.settings-section-body{display:none;padding:.25rem .75rem .85rem}.settings-section.open .settings-section-body{display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .18s ease}.settings-card-in-group{margin:0!important;box-shadow:none!important}.settings-card-in-group.cd{border-color:rgba(148,163,184,.18)!important;background:rgba(148,163,184,.07)!important}.update-banner{z-index:91}.update-card{border-color:rgba(16,185,129,.30)!important}.update-icon,.update-action{background:linear-gradient(135deg,#10b981,#059669)!important}html[data-theme="light"] .settings-hero{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(6,182,212,.06));box-shadow:0 18px 45px rgba(15,23,42,.08)}html[data-theme="light"] .settings-section{background:rgba(255,255,255,.92)!important;border-color:#dbe4f0!important;box-shadow:0 14px 38px rgba(15,23,42,.07)}html[data-theme="light"] .settings-card-in-group.cd{background:rgba(248,250,252,.92)!important;border-color:#e2e8f0!important}


/* ===== v4.6.9 Skeleton + stronger light-mode borders ===== */
.app-skeleton{position:fixed;inset:0;z-index:100000;background:var(--app-bg,#0f172a);color:var(--text,#e2e8f0);display:flex;justify-content:center;padding:1rem;transition:opacity .38s ease,visibility .38s ease;direction:rtl}.app-skeleton.hide{opacity:0;visibility:hidden}.sk-shell{width:100%;max-width:42rem;display:flex;flex-direction:column;gap:.9rem}.sk-top{display:flex;align-items:center;gap:.75rem;padding:.85rem .2rem}.sk-logo,.sk-dot,.sk-line,.sk-card,.sk-row span,.sk-list span,.sk-nav span,.sk-grid span{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(148,163,184,.14),rgba(148,163,184,.28),rgba(148,163,184,.14));background-size:220% 100%;animation:skShimmer 1.15s ease-in-out infinite;border:1px solid rgba(148,163,184,.13)}.sk-logo{width:2.4rem;height:2.4rem;border-radius:.8rem}.sk-dot{width:2rem;height:2rem;border-radius:999px;margin-right:auto}.sk-line{height:.85rem;border-radius:999px}.sk-big{height:2.1rem}.sk-w-30{width:30%}.sk-w-35{width:35%}.sk-w-45{width:45%}.sk-w-70{width:70%}.sk-card{border-radius:1.35rem;padding:1rem;display:flex;flex-direction:column;gap:.85rem;min-height:6.5rem;box-shadow:0 18px 45px rgba(2,6,23,.12)}.sk-hero{min-height:10.5rem;background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(6,182,212,.14))}.sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto}.sk-grid span{height:3.2rem;border-radius:1rem;background-color:rgba(255,255,255,.14)}.sk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.sk-row span{height:4.7rem;border-radius:1rem}.sk-list{display:flex;flex-direction:column;gap:.65rem}.sk-list span{height:3.2rem;border-radius:.95rem}.sk-nav{position:fixed;left:50%;bottom:.75rem;transform:translateX(-50%);width:min(42rem,calc(100% - 1rem));display:flex;justify-content:space-around;align-items:center;padding:.65rem;border-radius:1.3rem;background:rgba(30,41,59,.82);border:1px solid rgba(148,163,184,.18);backdrop-filter:blur(16px)}.sk-nav span{width:2.3rem;height:2.3rem;border-radius:.9rem}.sk-nav .big{width:3.4rem;height:3.4rem;border-radius:999px;margin-top:-1.6rem;background:linear-gradient(135deg,rgba(59,130,246,.55),rgba(6,182,212,.45))}@keyframes skShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}html[data-theme="light"] .app-skeleton{background:#f6f8fc;color:#0f172a}html[data-theme="light"] .sk-logo,html[data-theme="light"] .sk-dot,html[data-theme="light"] .sk-line,html[data-theme="light"] .sk-card,html[data-theme="light"] .sk-row span,html[data-theme="light"] .sk-list span,html[data-theme="light"] .sk-nav span,html[data-theme="light"] .sk-grid span{background:linear-gradient(90deg,#e8eef7,#f9fbff,#e8eef7);background-size:220% 100%;border-color:#d7e1ee}html[data-theme="light"] .sk-hero{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.07))}html[data-theme="light"] .sk-nav{background:rgba(255,255,255,.90);border-color:#d7e1ee;box-shadow:0 16px 40px rgba(15,23,42,.10)}
html[data-theme="light"]{--border:rgba(15,23,42,.18);--soft-border:#cbd7e8;--table-border:#c6d3e5}
html[data-theme="light"] .cd,html[data-theme="light"] .settings-section,html[data-theme="light"] .install-card,html[data-theme="light"] .app-modal-sheet{border-color:var(--soft-border)!important;box-shadow:0 16px 42px rgba(15,23,42,.09)!important}
html[data-theme="light"] #acct-mini,html[data-theme="light"] #pending-checks,html[data-theme="light"] #check-upcoming,html[data-theme="light"] #goals-sec,html[data-theme="light"] #rec,html[data-theme="light"] #full,html[data-theme="light"] #acct-list-main,html[data-theme="light"] #stmt-list,html[data-theme="light"] #checks-list,html[data-theme="light"] #contacts-list,html[data-theme="light"] #archive-list{border-color:var(--table-border)!important}
html[data-theme="light"] .stmt-item,html[data-theme="light"] #rec>div,html[data-theme="light"] #full>div,html[data-theme="light"] #checks-list>div,html[data-theme="light"] #acct-list-main>div,html[data-theme="light"] .acct-card,html[data-theme="light"] .tpl-card{border:1px solid rgba(15,23,42,.12)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 8px 22px rgba(15,23,42,.045)}
html[data-theme="light"] .divide-slate-700>*+*,html[data-theme="light"] .border-b,html[data-theme="light"] .border-t{border-color:var(--table-border)!important}
html[data-theme="light"] table,html[data-theme="light"] th,html[data-theme="light"] td{border-color:var(--table-border)!important}
.update-copy{gap:.18rem}.update-copy small{font-size:.68rem;color:var(--muted);margin-top:.15rem}.update-banner-changes{margin:.15rem 0 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.12rem}.update-banner-changes li{font-size:.67rem;line-height:1.45;color:var(--muted);white-space:normal}.update-banner-changes li::before{content:'• ';color:#10b981;font-weight:900}.update-card{align-items:flex-start}.update-action{align-self:center;white-space:nowrap}


/* ===== v4.6.10 Light-mode dashboard borders + fixed top menu ===== */
body>header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:70!important;background:rgba(15,23,42,.94)!important;border-bottom:1px solid rgba(51,65,85,.95)!important;box-shadow:0 14px 34px rgba(2,6,23,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body>main{padding-top:4.8rem!important}
html[data-theme="light"] body>header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #b8c7dc!important;box-shadow:0 12px 32px rgba(15,23,42,.11)!important;color:#0f172a!important}
html[data-theme="light"] body>header h1,html[data-theme="light"] body>header button,html[data-theme="light"] body>header svg{color:#0f172a!important;stroke:currentColor!important}
html[data-theme="light"] body>header button{background:rgba(241,245,249,.74)!important;border:1px solid #cbd7e8!important;box-shadow:0 6px 16px rgba(15,23,42,.045)}
html[data-theme="light"] body>header button:hover{background:#e8eef7!important}
html[data-theme="light"] #theme-icon-btn{background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(6,182,212,.10))!important;border-color:#aebfd6!important}
html[data-theme="light"] body>header .bg-gradient-to-br svg,html[data-theme="light"] body>header .bg-gradient-to-br .text-white{color:#fff!important;stroke:#fff!important}

html[data-theme="light"] #acct-mini{background:#ffffff!important;border:1.5px solid #aebfd6!important;box-shadow:0 14px 34px rgba(15,23,42,.085)!important}
html[data-theme="light"] #acct-mini .text-slate-400{color:#334155!important}
html[data-theme="light"] #acct-mini [class*="bg-white/10"],html[data-theme="light"] #acct-mini .rounded-lg{background:#f8fbff!important;border:1px solid #b8c7dc!important;color:#0f172a!important;box-shadow:0 7px 18px rgba(15,23,42,.055)!important}
html[data-theme="light"] #acct-mini [class*="bg-white/10"] span,html[data-theme="light"] #acct-mini .rounded-lg span{color:#0f172a!important}

html[data-theme="light"] #check-upcoming{background:#ffffff!important;border:1.5px solid #aebfd6!important;box-shadow:0 14px 34px rgba(15,23,42,.085)!important}
html[data-theme="light"] #check-upcoming .text-slate-400{color:#334155!important}
html[data-theme="light"] #check-upcoming-list>div{background:#fff7ed!important;border:1px solid #f0b56c!important;color:#7c2d12!important;box-shadow:0 8px 20px rgba(217,119,6,.09)!important}
html[data-theme="light"] #check-upcoming-list>div p:first-child{color:#92400e!important;font-weight:700!important}
html[data-theme="light"] #check-upcoming-list>div .text-amber-400{color:#b45309!important}

html[data-theme="light"] #p-set button[onclick="cloudCheck()"]{background:#f8fbff!important;color:#0f172a!important;border:1px solid #aebfd6!important;box-shadow:0 7px 18px rgba(15,23,42,.055)!important}
html[data-theme="light"] #p-set button[onclick="cloudCheck()"]:hover{background:#eef4ff!important}
html[data-theme="light"] #sync-meta,html[data-theme="light"] #update-status,html[data-theme="light"] #pwa-status,html[data-theme="light"] #theme-status{color:#334155!important;background:rgba(248,251,255,.8)!important;border:1px solid #d5dfed!important;border-radius:.7rem;padding:.45rem .6rem;line-height:1.7}
html[data-theme="light"] .settings-section-head{background:#fff!important;border-bottom:1px solid #d5dfed!important;color:#0f172a!important}
html[data-theme="light"] .settings-section-copy b{color:#0f172a!important}
html[data-theme="light"] .settings-section-copy span,html[data-theme="light"] .settings-section-chevron{color:#475569!important}


/* v4.7.0 biometric security */
.bio-panel{background:rgba(15,23,42,.42);border:1px solid rgba(148,163,184,.22)}
html.light .bio-panel{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}
.bio-enable-btn{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.22)}
.bio-clear-btn{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.22)}
html.light .bio-clear-btn{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}
.bio-unlock-btn{display:flex;background:linear-gradient(135deg,#2563eb,#10b981);box-shadow:0 14px 35px rgba(37,99,235,.35);border:1px solid rgba(255,255,255,.18)}
.bio-unlock-btn:active{transform:scale(.98)}


/* ===== v4.8.0 Minimal transaction cards + pagination ===== */
.txn-card{display:flex;align-items:center;gap:.75rem;padding:.78rem .85rem;margin:.48rem 0;border:1px solid var(--border-color,#243244);background:var(--card-bg,#1e293b);border-radius:1rem;box-shadow:0 10px 26px rgba(15,23,42,.10);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;position:relative;overflow:hidden}
.txn-card:active{transform:scale(.985)}
.txn-card:hover{border-color:rgba(59,130,246,.35);box-shadow:0 16px 34px rgba(15,23,42,.14)}
.txn-card::before{content:'';position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:99px;background:#64748b;opacity:.75}
.txn-card.txn-income::before{background:#10b981}.txn-card.txn-expense::before{background:#ef4444}.txn-card.txn-transfer::before{background:#3b82f6}
.txn-icon{width:2.55rem;height:2.55rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem;background:color-mix(in srgb,var(--txn-color,#64748b) 14%,transparent);color:var(--txn-color,#64748b);border:1px solid color-mix(in srgb,var(--txn-color,#64748b) 22%,transparent)}
.txn-main{min-width:0;flex:1}.txn-title{font-size:.88rem;font-weight:800;color:var(--text-main,#e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.txn-sub{font-size:.72rem;color:var(--text-muted,#94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.55;margin-top:.08rem}.txn-side{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;flex-shrink:0;max-width:40%}.txn-amount{font-size:.86rem;font-weight:900;white-space:nowrap}.txn-amt-income{color:#059669}.txn-amt-expense{color:#dc2626}.txn-amt-transfer{color:#2563eb}.txn-amt-neutral{color:var(--text-main,#e2e8f0)}.txn-cat{font-size:.64rem;color:var(--text-muted,#94a3b8);white-space:nowrap}.txn-tags{display:flex;gap:.28rem;flex-wrap:wrap;margin-top:.28rem}.txn-tag{font-size:.62rem;padding:.12rem .42rem;border-radius:999px;background:rgba(59,130,246,.10);color:#2563eb;border:1px solid rgba(59,130,246,.16)}
.txn-date-sep{display:flex;align-items:center;justify-content:center;margin:.95rem 0 .35rem}.txn-date-sep span{font-size:.72rem;font-weight:800;color:var(--text-muted,#94a3b8);background:var(--page-bg,#0f172a);border:1px solid var(--border-color,#243244);border-radius:999px;padding:.22rem .7rem;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.txn-load-more{width:100%;margin:.9rem 0 .35rem;border:1px solid rgba(59,130,246,.28);background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(6,182,212,.08));color:#2563eb;border-radius:1rem;padding:.78rem;display:flex;align-items:center;justify-content:center;gap:.6rem;font-weight:900;transition:transform .15s ease,background .15s ease}.txn-load-more small{font-weight:600;color:var(--text-muted,#64748b)}.txn-load-more:active{transform:scale(.985)}.txn-end-note{text-align:center;color:var(--text-muted,#94a3b8);font-size:.72rem;padding:.9rem 0 0}
html.dark .txn-card{box-shadow:0 12px 28px rgba(0,0,0,.20)}html.dark .txn-amt-income{color:#34d399}html.dark .txn-amt-expense{color:#f87171}html.dark .txn-amt-transfer{color:#60a5fa}html.dark .txn-load-more{color:#60a5fa}
@supports not (background:color-mix(in srgb,#000 10%,transparent)){.txn-icon{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.20)}}


/* ===== v4.8.1 light transaction fix + sortable settings ===== */
html[data-theme="light"] .txn-card{background:#ffffff!important;border:1.5px solid #cbd7e8!important;box-shadow:0 10px 26px rgba(15,23,42,.075)!important;color:#0f172a!important;--text-main:#0f172a;--text-muted:#475569;--card-bg:#ffffff;--border-color:#cbd7e8;}
html[data-theme="light"] .txn-card:hover{border-color:#9eb3cf!important;box-shadow:0 14px 32px rgba(15,23,42,.10)!important;background:#fbfdff!important;}
html[data-theme="light"] .txn-title,html[data-theme="light"] .txn-main,html[data-theme="light"] .txn-side{color:#0f172a!important;}
html[data-theme="light"] .txn-sub,html[data-theme="light"] .txn-cat{color:#475569!important;}
html[data-theme="light"] .txn-icon{background:#f1f6ff!important;border-color:#c4d5ed!important;color:#2563eb!important;}
html[data-theme="light"] .txn-date-sep span{background:#ffffff!important;color:#1e293b!important;border:1.5px solid #b8c7dc!important;box-shadow:0 7px 18px rgba(15,23,42,.07)!important;}
html[data-theme="light"] .date-sep .txt{background:#ffffff!important;color:#1e293b!important;border:1.5px solid #b8c7dc!important;border-radius:999px;padding:.22rem .7rem;font-weight:800;box-shadow:0 7px 18px rgba(15,23,42,.06)!important;}
html[data-theme="light"] .date-sep .line{background:#c2d0e3!important;}
html[data-theme="light"] #full,html[data-theme="light"] #stmt-list{color:#0f172a!important;}
.settings-drag-handle{width:1.9rem;height:1.9rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--muted,#94a3b8);background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.16);font-weight:900;letter-spacing:-2px;cursor:grab;flex-shrink:0;touch-action:none}.settings-drag-handle:active{cursor:grabbing}.settings-section.dragging{opacity:.55;transform:scale(.985);box-shadow:0 18px 45px rgba(59,130,246,.18)!important}.settings-groups{display:flex;flex-direction:column;gap:.75rem}.settings-section{transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}html[data-theme="light"] .settings-drag-handle{background:#f8fbff!important;border-color:#cbd7e8!important;color:#475569!important}

/* v4.8.5 - prevent accidental text selection on mobile */
html,body,.pg,.cd,button,nav,header,.stmt-item,.txn-card,.tx-card,.settings-section,.settings-section-head{
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
input,textarea,select,[contenteditable="true"],.selectable-text{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}
button,a,.nb,.cat-btn,.qbtn,.npb{touch-action:manipulation;}


/* ===== v5.0.1 Professional UI Polish ===== */
:root{--v5-radius:1.15rem;--v5-ring:rgba(59,130,246,.22);--v5-shadow:0 18px 50px rgba(2,6,23,.18)}
body{letter-spacing:-.01em} header{position:sticky!important;top:0!important;z-index:45!important} header .max-w-2xl{min-height:3.9rem} header h1{font-size:1rem;letter-spacing:-.02em}
.v5-sync-pill{display:inline-flex;align-items:center;gap:.35rem;max-width:8.6rem;padding:.46rem .58rem;border-radius:999px;background:rgba(16,185,129,.11);border:1px solid rgba(16,185,129,.18);color:#34d399;font-size:.68rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .18s ease}.v5-sync-pill .v5-sync-dot{width:.5rem;height:.5rem;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12);flex-shrink:0}.v5-sync-pill[data-state="busy"]{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22);color:#f59e0b}.v5-sync-pill[data-state="busy"] .v5-sync-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.13)}.v5-sync-pill[data-state="warn"]{background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.20);color:#ef4444}.v5-sync-pill[data-state="warn"] .v5-sync-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
#bal-card{border-radius:1.45rem!important;box-shadow:0 22px 55px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.14)}.v5-dashboard{border-radius:1.25rem!important;background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.80))!important;box-shadow:var(--v5-shadow)!important}.v5-dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.v5-dash-head b{display:block;font-size:.88rem;color:var(--text,#e2e8f0)}.v5-dash-head span{display:block;font-size:.68rem;color:var(--muted,#94a3b8);margin-top:.12rem}.v5-dash-head>span{padding:.26rem .6rem;border-radius:999px;background:rgba(59,130,246,.12);color:#60a5fa!important;border:1px solid rgba(59,130,246,.18);font-weight:900}.v5-dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.v5-dash-grid>div{border-radius:1rem;padding:.7rem .55rem;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.13);text-align:center}.v5-dash-grid span{display:block;font-size:.66rem;color:var(--muted,#94a3b8);margin-bottom:.2rem}.v5-dash-grid b{font-size:.8rem;white-space:nowrap;color:var(--text,#e2e8f0)}.v5-dash-grid b.pos{color:#34d399}.v5-dash-grid b.neg{color:#f87171}.v5-insight{margin-top:.7rem;border-radius:1rem;padding:.68rem .75rem;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.16);color:#bfdbfe;font-size:.76rem;line-height:1.75}
.cd{border-radius:1.18rem!important}.txn-card{border-radius:1.12rem!important;margin:.52rem 0!important}.txn-title{font-size:.9rem!important}.txn-sub{font-size:.72rem!important}.txn-side{gap:.15rem}.txn-amount{font-size:.88rem!important}.date-sep.v5-date-sep{margin:1rem 0 .35rem}.txn-load-more{box-shadow:0 12px 28px rgba(37,99,235,.10)}.settings-section{border-radius:1.15rem!important;overflow:hidden}.settings-section-head{padding:.85rem!important}nav .relative{border-radius:1.35rem!important;box-shadow:0 20px 50px rgba(2,6,23,.28)!important}.nb{border-radius:1rem!important}
html[data-theme="light"] .v5-sync-pill{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}html[data-theme="light"] .v5-sync-pill[data-state="busy"]{background:#fffbeb!important;border-color:#fde68a!important;color:#b45309!important}html[data-theme="light"] .v5-sync-pill[data-state="warn"]{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}html[data-theme="light"] .v5-dashboard{background:#ffffff!important;border:1.5px solid #b8c7dc!important;box-shadow:0 16px 42px rgba(15,23,42,.09)!important;color:#0f172a!important}html[data-theme="light"] .v5-dash-head b,html[data-theme="light"] .v5-dash-grid b{color:#0f172a!important}html[data-theme="light"] .v5-dash-head span,html[data-theme="light"] .v5-dash-grid span{color:#475569!important}html[data-theme="light"] .v5-dash-head>span{background:#eef6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}html[data-theme="light"] .v5-dash-grid>div{background:#f8fbff!important;border-color:#d5dfed!important}html[data-theme="light"] .v5-insight{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a8a!important}html[data-theme="light"] nav .relative{background:rgba(255,255,255,.94)!important;border-color:#b8c7dc!important;box-shadow:0 16px 36px rgba(15,23,42,.12)!important}
@media(max-width:420px){.v5-sync-pill{max-width:6.8rem;font-size:.62rem;padding:.42rem .5rem}.v5-dash-grid{gap:.42rem}.v5-dash-grid>div{padding:.62rem .4rem}.v5-dash-grid b{font-size:.72rem}.v5-insight{font-size:.72rem}}

/* ===== v5.0.1 Smart Dashboard Redesign ===== */
#bal-card{display:none!important}
#v5-dashboard{margin-top:0!important;margin-bottom:1rem!important}
.v501-dashboard{position:relative;overflow:hidden;border-radius:1.45rem!important;padding:1rem!important;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.92))!important;border:1px solid rgba(148,163,184,.16)!important;box-shadow:0 22px 60px rgba(2,6,23,.28)!important}.v501-dashboard:before{content:'';position:absolute;inset:auto -4rem -5rem auto;width:12rem;height:12rem;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%)}.v501-dashboard>*{position:relative;z-index:1}.v501-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.v501-title b{display:block;font-size:1rem;color:#fff;letter-spacing:-.03em}.v501-title span{display:block;margin-top:.18rem;font-size:.72rem;color:#94a3b8}.v501-badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.35rem .62rem;background:rgba(59,130,246,.13);border:1px solid rgba(96,165,250,.2);color:#93c5fd;font-size:.68rem;font-weight:900;white-space:nowrap}.v501-primary{display:grid;grid-template-columns:1.18fr .82fr;gap:.65rem;margin-bottom:.65rem}.v501-balance-card,.v501-today-card{border-radius:1.12rem;padding:.85rem;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.14)}.v501-label{display:block;color:#94a3b8;font-size:.68rem;margin-bottom:.28rem}.v501-value{display:block;color:#f8fafc;font-size:1.35rem;font-weight:950;line-height:1.45;white-space:nowrap}.v501-mini-note{font-size:.68rem;color:#94a3b8;margin-top:.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v501-today-card .v501-value{font-size:1rem}.v501-value.pos{color:#34d399}.v501-value.neg{color:#fb7185}.v501-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.v501-metric{border-radius:1rem;padding:.72rem .55rem;background:rgba(15,23,42,.36);border:1px solid rgba(148,163,184,.12);text-align:center}.v501-metric span{display:block;font-size:.65rem;color:#94a3b8;margin-bottom:.2rem}.v501-metric b{display:block;font-size:.78rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v501-insight{margin-top:.72rem;border-radius:1rem;padding:.75rem .82rem;background:rgba(14,165,233,.11);border:1px solid rgba(14,165,233,.18);color:#bae6fd;font-size:.75rem;line-height:1.85}.v501-accounts{border-radius:1.35rem!important;padding:.95rem!important;background:rgba(30,41,59,.72)!important;border:1px solid rgba(148,163,184,.15)!important;box-shadow:0 18px 42px rgba(2,6,23,.18)}.v501-accounts-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.v501-accounts-title b{display:block;font-size:.92rem;color:#f8fafc}.v501-accounts-title span{display:block;margin-top:.15rem;font-size:.68rem;color:#94a3b8}.v501-accounts-total{text-align:left}.v501-accounts-total b{display:block;font-size:1.02rem;color:#f8fafc;white-space:nowrap}.v501-accounts-total span{font-size:.64rem;color:#94a3b8}.v501-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.v501-account{display:flex;align-items:center;gap:.55rem;min-width:0;border-radius:1rem;padding:.65rem;background:rgba(15,23,42,.36);border:1px solid rgba(148,163,184,.12);transition:transform .16s ease,background .16s ease}.v501-account:active{transform:scale(.98)}.v501-account-icon{width:2.1rem;height:2.1rem;border-radius:.85rem;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.12);font-size:1rem;flex-shrink:0}.v501-account-copy{min-width:0;flex:1}.v501-account-copy b{display:block;font-size:.76rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v501-account-copy span{display:block;margin-top:.12rem;font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v501-account-more{margin-top:.6rem;width:100%;border-radius:1rem;padding:.62rem;background:rgba(59,130,246,.11);border:1px solid rgba(59,130,246,.18);color:#93c5fd;font-size:.75rem;font-weight:900;text-align:center}
html[data-theme="light"] .v501-dashboard{background:#ffffff!important;border-color:#b8c7dc!important;box-shadow:0 18px 46px rgba(15,23,42,.10)!important}html[data-theme="light"] .v501-title b,html[data-theme="light"] .v501-value,html[data-theme="light"] .v501-metric b{color:#0f172a!important}html[data-theme="light"] .v501-title span,html[data-theme="light"] .v501-label,html[data-theme="light"] .v501-mini-note,html[data-theme="light"] .v501-metric span{color:#475569!important}html[data-theme="light"] .v501-balance-card,html[data-theme="light"] .v501-today-card,html[data-theme="light"] .v501-metric{background:#f8fbff!important;border-color:#d5dfed!important}html[data-theme="light"] .v501-insight{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a8a!important}html[data-theme="light"] .v501-badge{background:#eef6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}html[data-theme="light"] .v501-accounts{background:#ffffff!important;border-color:#b8c7dc!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important}html[data-theme="light"] .v501-accounts-title b,html[data-theme="light"] .v501-accounts-total b,html[data-theme="light"] .v501-account-copy b{color:#0f172a!important}html[data-theme="light"] .v501-accounts-title span,html[data-theme="light"] .v501-accounts-total span,html[data-theme="light"] .v501-account-copy span{color:#475569!important}html[data-theme="light"] .v501-account{background:#f8fbff!important;border-color:#d5dfed!important}html[data-theme="light"] .v501-account-icon{background:#eaf3ff!important}html[data-theme="light"] .v501-account-more{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
@media(max-width:420px){.v501-primary{grid-template-columns:1fr}.v501-value{font-size:1.16rem}.v501-metrics{gap:.42rem}.v501-metric{padding:.62rem .38rem}.v501-account-list{grid-template-columns:1fr}.v501-accounts-total b{font-size:.9rem}}

/* ===== v5.0.3 dashboard cleanup + recent transactions polish ===== */
.recent-home-card{position:relative;overflow:hidden;border:1px solid var(--border,#334155);background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.74));border-radius:1.35rem;box-shadow:0 18px 48px rgba(2,6,23,.22);margin-bottom:1rem}
.recent-home-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(59,130,246,.13),transparent 34%),radial-gradient(circle at 10% 100%,rgba(16,185,129,.10),transparent 38%);pointer-events:none}
.recent-home-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid rgba(148,163,184,.12)}
.recent-home-head h3{font-size:1rem;font-weight:900;color:var(--text,#e2e8f0);line-height:1.5}.recent-eyebrow{font-size:.68rem;font-weight:800;color:#60a5fa;margin-bottom:.1rem}.recent-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.recent-add-btn,.recent-all-btn{height:2.15rem;border-radius:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.72rem;font-weight:850;transition:transform .15s ease,background .15s ease,border-color .15s ease}.recent-add-btn{padding:0 .72rem;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 10px 24px rgba(37,99,235,.25)}.recent-all-btn{padding:0 .68rem;color:#94a3b8;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.14)}.recent-add-btn:active,.recent-all-btn:active{transform:scale(.96)}.recent-home-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:.55rem;padding:.75rem}.recent-home-list .txn-card{border-radius:1rem!important;background:rgba(15,23,42,.44)!important;border:1px solid rgba(148,163,184,.12)!important;box-shadow:none!important}.recent-home-list .txn-card:active{transform:scale(.985)}.recent-empty{padding:1.25rem;text-align:center;color:var(--muted,#94a3b8);font-size:.82rem;line-height:1.8}.recent-footer{padding:.1rem .75rem .8rem;position:relative;z-index:1}.recent-footer button{width:100%;height:2.45rem;border-radius:.95rem;background:rgba(59,130,246,.11);border:1px solid rgba(59,130,246,.18);color:#60a5fa;font-size:.78rem;font-weight:900}html[data-theme="light"] .recent-home-card{background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border-color:#d7e2f0!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important}html[data-theme="light"] .recent-home-card::before{background:radial-gradient(circle at 90% 0%,rgba(37,99,235,.08),transparent 35%),radial-gradient(circle at 10% 100%,rgba(16,185,129,.07),transparent 38%)}html[data-theme="light"] .recent-home-head{border-bottom-color:#e2e8f0!important}html[data-theme="light"] .recent-home-head h3{color:#0f172a!important}html[data-theme="light"] .recent-eyebrow{color:#2563eb!important}html[data-theme="light"] .recent-all-btn{color:#475569!important;background:#f8fbff!important;border-color:#d6e1ef!important}html[data-theme="light"] .recent-home-list .txn-card{background:#ffffff!important;border-color:#d8e4f2!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important}html[data-theme="light"] .recent-footer button{background:#eef6ff!important;border-color:#cfe0f5!important;color:#2563eb!important}


/* ===== v5.0.4 compact minimal transaction lists ===== */
#rec.recent-home-list,#full{--txn-gap:.32rem;}
#full{display:flex;flex-direction:column;gap:var(--txn-gap);}
.recent-home-list{gap:.35rem!important;padding:.55rem .6rem!important;}
.txn-card{
  min-height:0!important;
  margin:.18rem 0!important;
  padding:.62rem .68rem!important;
  border-radius:.92rem!important;
  display:grid!important;
  grid-template-columns:2rem minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.62rem!important;
  box-shadow:none!important;
  border:1px solid rgba(148,163,184,.14)!important;
  background:rgba(15,23,42,.36)!important;
}
.txn-card:hover{transform:none!important;background:rgba(30,41,59,.50)!important;}
.txn-card:active{transform:scale(.992)!important;}
.txn-icon{
  width:2rem!important;height:2rem!important;min-width:2rem!important;
  border-radius:.72rem!important;font-size:.95rem!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:color-mix(in srgb,var(--txn-color,#64748b) 14%,transparent)!important;
  color:var(--txn-color,#94a3b8)!important;
  border:1px solid color-mix(in srgb,var(--txn-color,#64748b) 20%,transparent)!important;
}
.txn-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:.08rem!important;}
.txn-title{font-size:.82rem!important;font-weight:850!important;line-height:1.45!important;color:var(--text,#e2e8f0)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.txn-sub{font-size:.64rem!important;line-height:1.45!important;color:var(--muted,#94a3b8)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.txn-side{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:.04rem!important;min-width:max-content!important;}
.txn-amount{font-size:.8rem!important;font-weight:950!important;line-height:1.35!important;letter-spacing:-.02em!important;white-space:nowrap!important;}
.txn-cat{font-size:.58rem!important;line-height:1.4!important;color:var(--muted,#94a3b8)!important;opacity:.88!important;white-space:nowrap!important;}
.txn-tags{display:flex!important;gap:.18rem!important;margin-top:.18rem!important;overflow:hidden!important;max-height:1.25rem!important;}
.txn-tag{font-size:.55rem!important;padding:.05rem .34rem!important;border-radius:999px!important;background:rgba(59,130,246,.10)!important;color:#60a5fa!important;white-space:nowrap!important;}
.date-sep,.date-sep.v5-date-sep{margin:.42rem 0 .16rem!important;padding:.05rem .1rem!important;gap:.45rem!important;}
.date-sep .txt,.date-sep.v5-date-sep .txt{font-size:.64rem!important;font-weight:850!important;padding:.14rem .52rem!important;border-radius:999px!important;line-height:1.45!important;}
.date-sep .line{height:1px!important;opacity:.72!important;}
.recent-home-card{border-radius:1.12rem!important;box-shadow:0 12px 32px rgba(2,6,23,.16)!important;}
.recent-home-head{padding:.78rem .82rem .58rem!important;}
.recent-home-head h3{font-size:.9rem!important;line-height:1.4!important;}
.recent-eyebrow{font-size:.62rem!important;}
.recent-add-btn,.recent-all-btn{height:1.9rem!important;border-radius:.72rem!important;font-size:.66rem!important;padding:0 .58rem!important;}
.recent-footer{padding:.12rem .6rem .6rem!important;}
.recent-footer button{height:2.15rem!important;border-radius:.8rem!important;font-size:.72rem!important;}
.txn-load-more{height:2.45rem!important;border-radius:.9rem!important;margin-top:.4rem!important;font-size:.76rem!important;border:1px solid rgba(59,130,246,.18)!important;background:rgba(59,130,246,.10)!important;color:#60a5fa!important;}
.txn-load-more small{font-size:.62rem!important;opacity:.78!important;margin-right:.25rem;}
.txn-end-note{font-size:.68rem!important;color:var(--muted,#94a3b8)!important;text-align:center!important;padding:.65rem 0!important;}
html[data-theme="light"] .txn-card,
html[data-theme="light"] .recent-home-list .txn-card{
  background:#ffffff!important;
  border-color:#dbe5f2!important;
  box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
}
html[data-theme="light"] .txn-card:hover{background:#f8fbff!important;}
html[data-theme="light"] .txn-title{color:#0f172a!important;}
html[data-theme="light"] .txn-sub,html[data-theme="light"] .txn-cat{color:#64748b!important;}
html[data-theme="light"] .txn-icon{background:color-mix(in srgb,var(--txn-color,#64748b) 10%,#fff)!important;border-color:color-mix(in srgb,var(--txn-color,#64748b) 18%,#e2e8f0)!important;}
html[data-theme="light"] .date-sep .txt,html[data-theme="light"] .date-sep.v5-date-sep .txt{background:#fff!important;color:#334155!important;border:1px solid #d6e1ef!important;box-shadow:none!important;}
html[data-theme="light"] .date-sep .line{background:#d7e1ee!important;}
@media(max-width:390px){.txn-card{grid-template-columns:1.85rem minmax(0,1fr) auto!important;padding:.55rem .58rem!important;gap:.5rem!important}.txn-icon{width:1.85rem!important;height:1.85rem!important;min-width:1.85rem!important}.txn-title{font-size:.78rem!important}.txn-amount{font-size:.76rem!important}.txn-cat{display:none!important}}

/* ===== v5.0.5 dashboard + fresh minimal transaction style ===== */
.v505-dashboard{overflow:hidden;border-radius:1.25rem!important;background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.88))!important;border:1px solid rgba(148,163,184,.16)!important;box-shadow:0 16px 42px rgba(2,6,23,.16)!important}.v505-dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.78rem}.v505-dash-head b{display:block;font-size:.96rem;font-weight:950;color:var(--text,#e2e8f0)}.v505-dash-head span{display:block;font-size:.66rem;color:var(--muted,#94a3b8);margin-top:.12rem}.v505-dash-head strong{font-size:.7rem;border-radius:999px;padding:.22rem .55rem;background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(96,165,250,.18);white-space:nowrap}.v505-dash-main{display:grid;grid-template-columns:1.15fr .85fr;gap:.55rem;margin-bottom:.55rem}.v505-dash-main>div,.v505-dash-metrics>div{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.30);border-radius:1rem;padding:.74rem .78rem;min-width:0}.v505-dash-main span,.v505-dash-metrics span{display:block;font-size:.66rem;color:var(--muted,#94a3b8);margin-bottom:.22rem}.v505-dash-main b{display:block;font-size:.98rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v505-dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}.v505-dash-metrics b{display:block;font-size:.82rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#e2e8f0)}.v505-dash-insight{margin-top:.62rem;padding:.62rem .74rem;border-radius:.95rem;background:rgba(59,130,246,.10);border:1px solid rgba(96,165,250,.14);color:#bfdbfe;font-size:.72rem;line-height:1.85}.v505-dashboard .pos{color:#34d399!important}.v505-dashboard .neg{color:#fb7185!important}
.txn-v505{position:relative;display:grid!important;grid-template-columns:2.15rem minmax(0,1fr) auto!important;align-items:center!important;gap:.62rem!important;padding:.58rem .62rem!important;margin:.12rem 0!important;border-radius:1rem!important;border:1px solid rgba(148,163,184,.13)!important;background:linear-gradient(180deg,rgba(30,41,59,.62),rgba(15,23,42,.38))!important;box-shadow:none!important;transition:background .16s ease,transform .12s ease,border-color .16s ease!important}.txn-v505::before{content:"";position:absolute;right:0;top:.7rem;bottom:.7rem;width:3px;border-radius:999px;background:var(--txn-color,#64748b);opacity:.9}.txn-v505:active{transform:scale(.992)!important}.txn-v505:hover{background:linear-gradient(180deg,rgba(51,65,85,.62),rgba(30,41,59,.42))!important}.txn-v505-mark{width:2.08rem;height:2.08rem;border-radius:.78rem;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--txn-color,#64748b) 13%,transparent);border:1px solid color-mix(in srgb,var(--txn-color,#64748b) 22%,transparent);color:var(--txn-color,#94a3b8);font-size:.95rem}.txn-v505-body{min-width:0;display:flex;flex-direction:column;gap:.1rem}.txn-v505-top{min-width:0;display:flex;align-items:center;gap:.42rem}.txn-v505-top b{font-size:.82rem;font-weight:900;color:var(--text,#e2e8f0);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.txn-v505-top em{font-style:normal;font-size:.55rem;font-weight:850;border-radius:999px;padding:.04rem .34rem;background:rgba(148,163,184,.12);color:var(--muted,#94a3b8);white-space:nowrap;flex-shrink:0}.txn-v505-meta{display:flex;align-items:center;gap:.34rem;font-size:.62rem;color:var(--muted,#94a3b8);line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-v505-meta span{overflow:hidden;text-overflow:ellipsis}.txn-v505-meta i{width:3px;height:3px;border-radius:999px;background:currentColor;opacity:.55;flex-shrink:0}.txn-v505-tags{display:flex;gap:.18rem;overflow:hidden;margin-top:.12rem}.txn-v505-tags span{font-size:.53rem;border-radius:999px;padding:.04rem .32rem;background:rgba(59,130,246,.10);color:#60a5fa;white-space:nowrap}.txn-v505-amount{font-size:.8rem;font-weight:950;line-height:1.35;white-space:nowrap;text-align:left}.txn-v505-amount.income{color:#34d399}.txn-v505-amount.expense{color:#fb7185}.txn-v505-amount.transfer{color:#60a5fa}.txn-v505-amount.neutral{color:var(--text,#e2e8f0)}#rec.recent-home-list .txn-v505,#full .txn-v505,#stmt-list .txn-v505{margin:.1rem 0!important}.recent-home-list{padding:.5rem .58rem!important}.date-sep,.date-sep.v5-date-sep{margin:.36rem 0 .12rem!important}.date-sep .txt,.date-sep.v5-date-sep .txt{font-size:.61rem!important;padding:.12rem .48rem!important}
html[data-theme="light"] .v505-dashboard{background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border-color:#dbe6f3!important;box-shadow:0 16px 42px rgba(15,23,42,.075)!important}html[data-theme="light"] .v505-dash-head b{color:#0f172a!important}html[data-theme="light"] .v505-dash-head span,html[data-theme="light"] .v505-dash-main span,html[data-theme="light"] .v505-dash-metrics span{color:#64748b!important}html[data-theme="light"] .v505-dash-main>div,html[data-theme="light"] .v505-dash-metrics>div{background:#fff!important;border-color:#dbe6f3!important}html[data-theme="light"] .v505-dash-metrics b{color:#0f172a!important}html[data-theme="light"] .v505-dash-insight{background:#eef6ff!important;border-color:#d4e5fb!important;color:#1e40af!important}html[data-theme="light"] .txn-v505{background:linear-gradient(180deg,#ffffff,#fbfdff)!important;border-color:#dbe6f3!important;box-shadow:0 7px 20px rgba(15,23,42,.045)!important}html[data-theme="light"] .txn-v505:hover{background:#f8fbff!important}html[data-theme="light"] .txn-v505-top b{color:#0f172a!important}html[data-theme="light"] .txn-v505-top em{background:#f1f5f9!important;color:#475569!important}html[data-theme="light"] .txn-v505-meta{color:#64748b!important}html[data-theme="light"] .txn-v505-mark{background:color-mix(in srgb,var(--txn-color,#64748b) 10%,#fff)!important;border-color:color-mix(in srgb,var(--txn-color,#64748b) 20%,#e2e8f0)!important}@media(max-width:390px){.v505-dash-main{grid-template-columns:1fr}.v505-dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.v505-dash-metrics>div{padding:.58rem .5rem}.v505-dash-metrics b{font-size:.72rem}.txn-v505{grid-template-columns:1.9rem minmax(0,1fr) auto!important;padding:.52rem .55rem!important;gap:.5rem!important}.txn-v505-mark{width:1.9rem;height:1.9rem}.txn-v505-top b{font-size:.78rem}.txn-v505-amount{font-size:.74rem}.txn-v505-top em{display:none}}


/* ===== v5.0.7 Add transaction professional UI ===== */
.add-page{animation:fadeIn .22s ease}.add-hero{position:relative;overflow:hidden;border:1px solid rgba(59,130,246,.18);border-radius:1.35rem;padding:1rem 1.05rem;margin-bottom:.85rem;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(20,184,166,.10));display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 18px 45px rgba(2,6,23,.18)}.add-hero:before{content:"";position:absolute;inset:auto -20px -48px auto;width:150px;height:150px;border-radius:9999px;background:rgba(59,130,246,.13)}.add-eyebrow{font-size:.72rem;color:#60a5fa;font-weight:700;margin-bottom:.2rem}.add-hero h2{font-size:1.22rem;font-weight:900;color:#f8fafc;margin:0 0 .15rem}.add-hero span{font-size:.76rem;color:#94a3b8}.add-hero-icon{width:3.15rem;height:3.15rem;border-radius:1rem;background:linear-gradient(135deg,#2563eb,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;font-weight:300;box-shadow:0 14px 30px rgba(37,99,235,.32);z-index:1}.add-card{border:1px solid rgba(51,65,85,.85);border-radius:1.35rem;background:rgba(15,23,42,.55);overflow:hidden;box-shadow:0 20px 45px rgba(2,6,23,.18)}.add-mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.5rem;background:rgba(15,23,42,.55);border-bottom:1px solid rgba(51,65,85,.8)}.add-mode-btn{padding:.78rem .5rem;border-radius:.95rem!important;font-size:.82rem!important;font-weight:800!important;transition:all .18s ease;color:#94a3b8;background:transparent}.add-mode-btn.ta{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.28)!important}.add-form-grid{padding:.85rem;display:grid;gap:.75rem}.add-section{border:1px solid rgba(51,65,85,.78);border-radius:1.05rem;background:rgba(30,41,59,.42);padding:.8rem;transition:border-color .18s ease,background .18s ease}.add-section:focus-within{border-color:rgba(59,130,246,.65);background:rgba(30,41,59,.58)}.add-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.65rem}.add-section-head label{display:block;color:#e2e8f0;font-size:.82rem;font-weight:800;margin-bottom:.12rem}.add-section-head small{display:block;color:#64748b;font-size:.66rem;line-height:1.7}.add-section-head>span{font-size:.72rem;color:#94a3b8;background:rgba(15,23,42,.75);border:1px solid rgba(51,65,85,.7);padding:.22rem .55rem;border-radius:999px}.add-amount-section{padding:.9rem;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(15,23,42,.34))}.add-amount-wrap{position:relative;border-radius:1.05rem;background:#0b1220;border:1px solid rgba(59,130,246,.20);overflow:hidden}.add-amount-input{width:100%;padding:1rem .9rem;border:0;outline:0;background:transparent;color:#f8fafc;text-align:center;font-size:2rem;font-weight:900;letter-spacing:-.04em}.add-quick-amounts,.add-template-list{display:flex;gap:.45rem;overflow-x:auto;padding:.1rem 0;scrollbar-width:none}.add-quick-amounts::-webkit-scrollbar,.add-template-list::-webkit-scrollbar,.add-cats-scroll::-webkit-scrollbar{display:none}.add-quick-amounts .qbtn,.add-quick-chip{flex:0 0 auto;border:1px solid rgba(51,65,85,.9);background:rgba(15,23,42,.74)!important;color:#cbd5e1!important;border-radius:999px;padding:.45rem .72rem!important;font-size:.72rem!important;font-weight:700}.add-cats-scroll{overflow-x:auto}.add-cats{display:flex;gap:.48rem;width:max-content}.add-cat-tile,.cat-btn{border-color:rgba(51,65,85,.88)!important;background:rgba(15,23,42,.58)!important;border-radius:1rem!important;min-width:4.45rem!important;padding:.62rem .55rem!important;color:#e2e8f0!important}.add-cat-tile span:first-child,.cat-btn span:first-child{font-size:1.2rem!important;line-height:1}.add-cat-tile span:last-child,.cat-btn span:last-child{color:#94a3b8!important;font-weight:700!important;font-size:.64rem!important}.add-cat-tile.cs,.cat-btn.cs{border-color:#3b82f6!important;background:rgba(59,130,246,.16)!important;box-shadow:0 10px 24px rgba(59,130,246,.12)!important}.add-two-col{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:520px){.add-two-col{grid-template-columns:1fr 1fr}}.add-mini-label{display:block;font-size:.68rem;color:#94a3b8;margin:0 0 .35rem;font-weight:700}.add-input{border-radius:.92rem!important;padding:.72rem .78rem!important;background:rgba(15,23,42,.66)!important;border-color:rgba(51,65,85,.84)!important;color:#e2e8f0!important}.add-date-btn{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:.7rem;background:rgba(59,130,246,.12);display:flex;align-items:center;justify-content:center}.add-inline-action{font-size:.7rem;font-weight:800;color:#60a5fa;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.18);padding:.35rem .55rem;border-radius:999px;white-space:nowrap}.add-tags-row{margin-top:.65rem;border-top:1px dashed rgba(51,65,85,.78);padding-top:.65rem}.add-tag-input-wrap{display:flex;gap:.45rem;align-items:center}.add-tag-input-wrap input{flex:1}.add-tag-btn{width:2.45rem;height:2.45rem;border-radius:.9rem;background:rgba(59,130,246,.18);color:#60a5fa;font-weight:900;border:1px solid rgba(59,130,246,.25)}.add-save-btn{width:100%;border-radius:1.1rem;padding:.9rem 1rem;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;box-shadow:0 16px 34px rgba(37,99,235,.30);display:flex;align-items:center;justify-content:space-between;gap:.8rem}.add-save-btn span{font-size:.92rem;font-weight:900}.add-save-btn small{font-size:.64rem;opacity:.78;font-weight:600}html:not(.dark) .add-hero{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#bfdbfe;box-shadow:0 16px 34px rgba(15,23,42,.08)}html:not(.dark) .add-hero h2{color:#0f172a}html:not(.dark) .add-hero span{color:#64748b}html:not(.dark) .add-card{background:#fff;border-color:#dbe3ef;box-shadow:0 18px 45px rgba(15,23,42,.08)}html:not(.dark) .add-mode-switch{background:#f8fafc;border-bottom-color:#e2e8f0}html:not(.dark) .add-mode-btn{color:#64748b}html:not(.dark) .add-section{background:#ffffff;border-color:#dbe3ef}html:not(.dark) .add-section:focus-within{background:#f8fbff;border-color:#93c5fd}html:not(.dark) .add-section-head label{color:#0f172a}html:not(.dark) .add-section-head small{color:#64748b}html:not(.dark) .add-section-head>span{background:#f1f5f9;border-color:#dbe3ef;color:#475569}html:not(.dark) .add-amount-section{background:linear-gradient(135deg,#eff6ff,#ffffff)}html:not(.dark) .add-amount-wrap{background:#f8fafc;border-color:#bfdbfe}html:not(.dark) .add-amount-input{color:#0f172a}html:not(.dark) .add-quick-amounts .qbtn,html:not(.dark) .add-quick-chip{background:#f8fafc!important;color:#334155!important;border-color:#dbe3ef!important}html:not(.dark) .add-cat-tile,html:not(.dark) .cat-btn{background:#fff!important;border-color:#dbe3ef!important;color:#0f172a!important}html:not(.dark) .add-cat-tile span:last-child,html:not(.dark) .cat-btn span:last-child{color:#475569!important}html:not(.dark) .add-cat-tile.cs,html:not(.dark) .cat-btn.cs{background:#eff6ff!important;border-color:#3b82f6!important}html:not(.dark) .add-input{background:#f8fafc!important;border-color:#dbe3ef!important;color:#0f172a!important}html:not(.dark) .add-mini-label{color:#475569}

/* ===== v5.0.8 clean add document form ===== */
.add-page{padding-bottom:1rem}.add-hero{margin-bottom:.7rem!important;border-radius:1.15rem!important;padding:.85rem .95rem!important}.add-hero-icon{width:2.7rem!important;height:2.7rem!important;border-radius:.9rem!important}.add-hero h2{font-size:1.08rem!important}.add-hero span{font-size:.72rem!important}.add-card{border-radius:1.15rem!important;box-shadow:0 14px 34px rgba(2,6,23,.14)!important}.add-mode-switch{padding:.42rem!important;gap:.35rem!important}.add-mode-btn{padding:.62rem .45rem!important;border-radius:.78rem!important;font-size:.78rem!important}.add-form-grid{padding:.7rem!important;gap:.62rem!important}.add-section{border-radius:.92rem!important;padding:.68rem!important}.add-section-head{margin-bottom:.48rem!important;align-items:center!important}.add-section-head label{font-size:.77rem!important}.add-section-head small{font-size:.61rem!important;line-height:1.55!important}.add-amount-section{padding:.75rem!important}.add-amount-wrap{border-radius:.9rem!important}.add-amount-input{font-size:1.75rem!important;padding:.78rem .75rem!important}.add-quick-amounts{padding-top:.45rem!important;gap:.36rem!important}.add-quick-amounts .qbtn,.add-quick-chip{font-size:.67rem!important;padding:.36rem .58rem!important;border-radius:999px!important}.add-cats{gap:.38rem!important}.add-cat-tile,.cat-btn{min-width:4.05rem!important;border-radius:.82rem!important;padding:.5rem .44rem!important}.add-cat-tile span:first-child,.cat-btn span:first-child{font-size:1.08rem!important}.add-cat-tile span:last-child,.cat-btn span:last-child{font-size:.6rem!important}.add-two-col{gap:.52rem!important}.add-mini-label{font-size:.64rem!important;margin-bottom:.25rem!important}.add-input{border-radius:.78rem!important;padding:.61rem .68rem!important;font-size:.8rem!important}.add-tags-row{margin-top:.5rem!important;padding-top:.5rem!important}.add-tag-input-wrap{gap:.34rem!important}.add-tag-btn{width:2.2rem!important;height:2.2rem!important;border-radius:.75rem!important}.add-save-btn{border-radius:.92rem!important;padding:.78rem .85rem!important}.add-save-btn span{font-size:.86rem!important}.add-save-btn small{font-size:.58rem!important}.add-template-list,#tpl-list{display:none!important}
@media(max-width:420px){.add-section-head small{display:none!important}.add-save-btn{justify-content:center!important}.add-save-btn small{display:none!important}.add-hero-icon{display:none!important}}
html:not(.dark) .add-card,html[data-theme="light"] .add-card{background:#ffffff!important;border-color:#d9e4f2!important}html:not(.dark) .add-section,html[data-theme="light"] .add-section{background:#ffffff!important;border-color:#d9e4f2!important}html:not(.dark) .add-section-head label,html[data-theme="light"] .add-section-head label{color:#0f172a!important}html:not(.dark) .add-amount-wrap,html[data-theme="light"] .add-amount-wrap{background:#f8fafc!important;border-color:#cbd5e1!important}html:not(.dark) .add-input,html[data-theme="light"] .add-input{background:#f8fafc!important;border-color:#d6e1ef!important;color:#0f172a!important}


/* ===== v5.0.10 stable clean add document form ===== */
.add-page-v509{padding-bottom:1.25rem!important}.add-page-v509 .add-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.9rem!important;margin:0 0 .75rem!important;padding:1rem!important;border-radius:1.25rem!important;border:1px solid rgba(96,165,250,.22)!important;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(20,184,166,.08))!important;box-shadow:0 12px 32px rgba(2,6,23,.15)!important}.add-page-v509 .add-eyebrow{font-size:.68rem!important;font-weight:900!important;color:#60a5fa!important;margin-bottom:.18rem!important}.add-page-v509 .add-hero h2{font-size:1.12rem!important;line-height:1.4!important;color:#f8fafc!important;margin:0!important;font-weight:950!important}.add-page-v509 .add-hero span{display:block!important;margin-top:.1rem!important;font-size:.72rem!important;color:#94a3b8!important}.add-page-v509 .add-hero-icon{flex:0 0 auto!important;width:2.75rem!important;height:2.75rem!important;border-radius:1rem!important;background:linear-gradient(135deg,#2563eb,#14b8a6)!important;color:#fff!important;box-shadow:0 12px 24px rgba(37,99,235,.30)!important;font-size:1.35rem!important;font-weight:900!important}.add-page-v509 .add-card{overflow:visible!important;border-radius:1.25rem!important;border:1px solid rgba(51,65,85,.78)!important;background:rgba(15,23,42,.52)!important;box-shadow:0 14px 34px rgba(2,6,23,.16)!important}.add-page-v509 .add-mode-switch{position:sticky!important;top:4.15rem!important;z-index:15!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important;margin:0!important;padding:.45rem!important;border-radius:1.15rem 1.15rem 0 0!important;background:rgba(15,23,42,.88)!important;border-bottom:1px solid rgba(51,65,85,.78)!important;backdrop-filter:blur(14px)!important}.add-page-v509 .add-mode-btn{display:flex!important;align-items:center!important;justify-content:center!important;height:2.35rem!important;padding:0 .5rem!important;border-radius:.82rem!important;font-size:.78rem!important;font-weight:900!important;line-height:1!important;color:#94a3b8!important;background:transparent!important;box-shadow:none!important}.add-page-v509 .add-mode-btn.ta,.add-page-v509 .add-mode-btn.is-active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;box-shadow:0 8px 20px rgba(37,99,235,.25)!important}.add-page-v509 .add-form-grid{display:grid!important;gap:.68rem!important;padding:.7rem!important}.add-page-v509 .add-section{border-radius:1rem!important;border:1px solid rgba(51,65,85,.78)!important;background:rgba(30,41,59,.42)!important;padding:.78rem!important;box-shadow:none!important}.add-page-v509 .add-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.7rem!important;margin-bottom:.55rem!important}.add-page-v509 .add-section-head label{font-size:.78rem!important;font-weight:950!important;color:#e2e8f0!important;margin:0!important}.add-page-v509 .add-section-head small{display:block!important;margin-top:.1rem!important;font-size:.62rem!important;line-height:1.6!important;color:#64748b!important}.add-page-v509 .add-section-head>span{font-size:.66rem!important;font-weight:800!important;color:#93c5fd!important;background:rgba(59,130,246,.12)!important;border:1px solid rgba(59,130,246,.18)!important;border-radius:999px!important;padding:.22rem .52rem!important}.add-page-v509 .add-amount-section{background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(15,23,42,.28))!important}.add-page-v509 .add-amount-wrap{border-radius:1rem!important;border:1px solid rgba(96,165,250,.25)!important;background:#0b1220!important;overflow:hidden!important}.add-page-v509 .add-amount-input{display:block!important;width:100%!important;padding:.9rem .75rem!important;border:0!important;outline:0!important;background:transparent!important;color:#f8fafc!important;text-align:center!important;font-size:2rem!important;line-height:1.2!important;font-weight:950!important;letter-spacing:-.04em!important}.add-page-v509 .add-quick-amounts{display:flex!important;gap:.35rem!important;overflow-x:auto!important;padding:.55rem .05rem 0!important;scrollbar-width:none!important}.add-page-v509 .add-quick-chip{flex:0 0 auto!important;border:1px solid rgba(51,65,85,.9)!important;background:rgba(15,23,42,.72)!important;color:#cbd5e1!important;border-radius:999px!important;padding:.38rem .62rem!important;font-size:.68rem!important;font-weight:850!important;line-height:1!important}.add-page-v509 .add-cats-scroll{overflow:visible!important}.add-page-v509 .add-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.45rem!important;width:100%!important}.add-page-v509 .add-cat-tile,.add-page-v509 .cat-btn{min-width:0!important;width:100%!important;min-height:4.2rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.32rem!important;padding:.5rem .25rem!important;border-radius:.95rem!important;border:1px solid rgba(51,65,85,.82)!important;background:rgba(15,23,42,.52)!important;color:#e2e8f0!important;box-shadow:none!important}.add-page-v509 .add-cat-icon{font-size:1.18rem!important;line-height:1!important}.add-page-v509 .add-cat-name{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.61rem!important;font-weight:850!important;color:#94a3b8!important}.add-page-v509 .add-cat-tile.cs,.add-page-v509 .cat-btn.cs,.add-page-v509 .add-cat-tile.is-selected{border-color:#3b82f6!important;background:rgba(59,130,246,.16)!important;box-shadow:0 8px 18px rgba(59,130,246,.10)!important}.add-page-v509 .add-two-col{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important}.add-page-v509 .add-mini-label{display:block!important;margin:0 0 .28rem!important;font-size:.64rem!important;font-weight:900!important;color:#94a3b8!important}.add-page-v509 .add-input{width:100%!important;border-radius:.85rem!important;padding:.66rem .72rem!important;background:rgba(15,23,42,.66)!important;border:1px solid rgba(51,65,85,.82)!important;color:#e2e8f0!important;font-size:.82rem!important}.add-page-v509 .add-tags-row{margin-top:.6rem!important;padding-top:.58rem!important;border-top:1px dashed rgba(51,65,85,.72)!important}.add-page-v509 .add-tag-input-wrap{display:flex!important;gap:.4rem!important;align-items:center!important}.add-page-v509 .add-tag-input-wrap input{flex:1!important}.add-page-v509 .add-tag-btn{width:2.25rem!important;height:2.25rem!important;border-radius:.8rem!important;background:rgba(59,130,246,.16)!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.22)!important;font-weight:950!important}.add-page-v509 .add-save-btn{position:sticky!important;bottom:5.35rem!important;z-index:18!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:.12rem!important;width:100%!important;border-radius:1rem!important;padding:.82rem .9rem!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;box-shadow:0 14px 30px rgba(37,99,235,.32)!important}.add-page-v509 .add-save-btn span{font-size:.88rem!important;font-weight:950!important}.add-page-v509 .add-save-btn small{font-size:.58rem!important;opacity:.78!important;font-weight:700!important}.add-page-v509 #tpl-list,.add-page-v509 .add-template-list{display:none!important}.add-empty-note{grid-column:1/-1;color:#94a3b8;font-size:.75rem;text-align:center;padding:.7rem}@media(min-width:520px){.add-page-v509 .add-two-col{grid-template-columns:1fr 1fr!important}.add-page-v509 .add-cats{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media(max-width:390px){.add-page-v509 .add-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.add-page-v509 .add-hero span,.add-page-v509 .add-section-head small{display:none!important}.add-page-v509 .add-amount-input{font-size:1.75rem!important}}html:not(.dark) .add-page-v509 .add-hero,html[data-theme="light"] .add-page-v509 .add-hero{background:linear-gradient(135deg,#eff6ff,#ecfeff)!important;border-color:#bfdbfe!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important}html:not(.dark) .add-page-v509 .add-hero h2,html[data-theme="light"] .add-page-v509 .add-hero h2{color:#0f172a!important}html:not(.dark) .add-page-v509 .add-hero span,html[data-theme="light"] .add-page-v509 .add-hero span{color:#64748b!important}html:not(.dark) .add-page-v509 .add-card,html[data-theme="light"] .add-page-v509 .add-card{background:#fff!important;border-color:#d9e4f2!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important}html:not(.dark) .add-page-v509 .add-mode-switch,html[data-theme="light"] .add-page-v509 .add-mode-switch{background:rgba(248,250,252,.92)!important;border-bottom-color:#e2e8f0!important}html:not(.dark) .add-page-v509 .add-section,html[data-theme="light"] .add-page-v509 .add-section{background:#fff!important;border-color:#d9e4f2!important}html:not(.dark) .add-page-v509 .add-section-head label,html[data-theme="light"] .add-page-v509 .add-section-head label{color:#0f172a!important}html:not(.dark) .add-page-v509 .add-section-head small,html[data-theme="light"] .add-page-v509 .add-section-head small{color:#64748b!important}html:not(.dark) .add-page-v509 .add-amount-section,html[data-theme="light"] .add-page-v509 .add-amount-section{background:linear-gradient(135deg,#eff6ff,#fff)!important}html:not(.dark) .add-page-v509 .add-amount-wrap,html[data-theme="light"] .add-page-v509 .add-amount-wrap{background:#f8fafc!important;border-color:#bfdbfe!important}html:not(.dark) .add-page-v509 .add-amount-input,html[data-theme="light"] .add-page-v509 .add-amount-input{color:#0f172a!important}html:not(.dark) .add-page-v509 .add-quick-chip,html[data-theme="light"] .add-page-v509 .add-quick-chip{background:#f8fafc!important;color:#334155!important;border-color:#dbe3ef!important}html:not(.dark) .add-page-v509 .add-cat-tile,html:not(.dark) .add-page-v509 .cat-btn,html[data-theme="light"] .add-page-v509 .add-cat-tile,html[data-theme="light"] .add-page-v509 .cat-btn{background:#fff!important;border-color:#dbe3ef!important;color:#0f172a!important}html:not(.dark) .add-page-v509 .add-cat-name,html[data-theme="light"] .add-page-v509 .add-cat-name{color:#475569!important}html:not(.dark) .add-page-v509 .add-cat-tile.cs,html:not(.dark) .add-page-v509 .cat-btn.cs,html[data-theme="light"] .add-page-v509 .add-cat-tile.cs,html[data-theme="light"] .add-page-v509 .cat-btn.cs{background:#eff6ff!important;border-color:#3b82f6!important}html:not(.dark) .add-page-v509 .add-input,html[data-theme="light"] .add-page-v509 .add-input{background:#f8fafc!important;border-color:#d6e1ef!important;color:#0f172a!important}html:not(.dark) .add-page-v509 .add-mini-label,html[data-theme="light"] .add-page-v509 .add-mini-label{color:#475569!important}html:not(.dark) .add-page-v509 .add-tags-row,html[data-theme="light"] .add-page-v509 .add-tags-row{border-top-color:#e2e8f0!important}

/* ===== v5.0.10 Add document form final layout/category fix ===== */
#p-add.add-page-v510,
#p-add.add-page-v509{padding-bottom:7.25rem!important;}
#p-add .add-form-grid{display:flex!important;flex-direction:column!important;gap:.72rem!important;overflow:visible!important;}
#p-add #add-category-section{display:block!important;overflow:visible!important;}
#p-add #add-category-section.hidden{display:none!important;}
#p-add #cats-wrap{display:block!important;width:100%!important;overflow:visible!important;max-height:none!important;min-height:0!important;}
#p-add #cats{display:grid!important;width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.48rem!important;min-height:4.35rem!important;}
#p-add .add-cat-tile,
#p-add .cat-btn.add-cat-tile{width:100%!important;min-width:0!important;min-height:4.05rem!important;padding:.5rem .24rem!important;border-radius:.92rem!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:.28rem!important;line-height:1!important;}
#p-add .add-cat-icon{display:block!important;font-size:1.18rem!important;line-height:1!important;}
#p-add .add-cat-name{display:block!important;max-width:100%!important;font-size:.61rem!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#p-add .add-save-btn{position:relative!important;bottom:auto!important;z-index:1!important;margin-top:.2rem!important;margin-bottom:.5rem!important;width:100%!important;min-height:3.1rem!important;padding:.78rem .9rem!important;border-radius:1rem!important;box-shadow:0 10px 22px rgba(37,99,235,.24)!important;}
#p-add .add-tags-row{padding-bottom:0!important;margin-bottom:0!important;}
#p-add .add-tag-input-wrap{margin-top:.35rem!important;}
#p-add .tag{margin-top:.18rem!important;}
#p-add .add-date-btn{position:absolute!important;left:.5rem!important;top:50%!important;transform:translateY(-50%)!important;width:2rem!important;height:2rem!important;border-radius:.7rem!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(59,130,246,.10)!important;}
#p-add .add-input{min-height:2.55rem!important;}
@media(max-width:420px){#p-add #cats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.42rem!important;}#p-add .add-cat-tile,#p-add .cat-btn.add-cat-tile{min-height:3.9rem!important;}}
@media(min-width:560px){#p-add #cats{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
html:not(.dark) #p-add .add-cat-tile,
html:not(.dark) #p-add .cat-btn.add-cat-tile,
html[data-theme="light"] #p-add .add-cat-tile,
html[data-theme="light"] #p-add .cat-btn.add-cat-tile{background:#fff!important;border-color:#d9e4f2!important;color:#0f172a!important;}
html:not(.dark) #p-add .add-cat-name,
html[data-theme="light"] #p-add .add-cat-name{color:#334155!important;}
html:not(.dark) #p-add .add-cat-tile.cs,
html:not(.dark) #p-add .cat-btn.add-cat-tile.cs,
html[data-theme="light"] #p-add .add-cat-tile.cs,
html[data-theme="light"] #p-add .cat-btn.add-cat-tile.cs{background:#eff6ff!important;border-color:#2563eb!important;}

/* ===== v5.0.11 Add form category horizontal scroll + amount size tune ===== */
#p-add.add-page-v511{padding-bottom:7.25rem!important;}
#p-add #cats-wrap,
#p-add.add-page-v511 #cats-wrap,
#p-add .add-cats-scroll{
  display:block!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  max-height:none!important;
  min-height:4.55rem!important;
  padding:.1rem .05rem .45rem!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
#p-add #cats-wrap::-webkit-scrollbar,
#p-add.add-page-v511 #cats-wrap::-webkit-scrollbar,
#p-add .add-cats-scroll::-webkit-scrollbar{display:none!important;}
#p-add #cats,
#p-add.add-page-v511 #cats,
#p-add .add-cats{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:.48rem!important;
  width:max-content!important;
  min-width:100%!important;
  grid-template-columns:none!important;
}
#p-add .add-cat-tile,
#p-add .cat-btn.add-cat-tile,
#p-add .cat-btn{
  flex:0 0 4.35rem!important;
  width:4.35rem!important;
  min-width:4.35rem!important;
  max-width:4.35rem!important;
  min-height:4.05rem!important;
  padding:.5rem .28rem!important;
}
#p-add .add-cat-name{font-size:.6rem!important;}
#p-add .add-cat-icon{font-size:1.12rem!important;}
#p-add .add-amount-input{
  font-size:2rem!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
@media(max-width:390px){
  #p-add .add-amount-input{font-size:1.72rem!important;}
  #p-add .add-cat-tile,#p-add .cat-btn.add-cat-tile,#p-add .cat-btn{flex-basis:4.05rem!important;width:4.05rem!important;min-width:4.05rem!important;max-width:4.05rem!important;}
}
@media(min-width:560px){
  #p-add .add-cat-tile,#p-add .cat-btn.add-cat-tile,#p-add .cat-btn{flex-basis:4.65rem!important;width:4.65rem!important;min-width:4.65rem!important;max-width:4.65rem!important;}
}


/* v5.5.4 polish */
#v5-sync-pill{display:none!important}
.update-card{border-radius:18px!important;border-color:rgba(37,99,235,.22)!important;box-shadow:0 18px 55px rgba(37,99,235,.14)!important}
.update-icon{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important}
.update-action{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;border:none!important}
.update-copy b{font-size:.92rem!important;font-weight:900!important}
.update-copy span{line-height:1.8!important}


/* v5.8.4 professional side update prompt */
.update-side-toast{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));right:1rem;z-index:97;width:min(370px,calc(100vw - 2rem));opacity:0;transform:translateX(calc(100% + 28px)) scale(.985);pointer-events:none;transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1)}
.update-side-toast.is-visible{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}
.update-side-card{position:relative;overflow:hidden;border-radius:1.35rem;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94));border:1px solid rgba(96,165,250,.25);box-shadow:0 24px 70px rgba(2,6,23,.36);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:1rem;color:#e2e8f0}
.update-side-card::before{content:'';position:absolute;inset:-45% -30% auto auto;width:11rem;height:11rem;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.42),transparent 66%);pointer-events:none}
.update-side-card::after{content:'';position:absolute;left:-3rem;bottom:-4rem;width:9rem;height:9rem;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.28),transparent 67%);pointer-events:none}
.update-side-top{position:relative;z-index:1;display:flex;gap:.75rem;align-items:flex-start}
.update-side-icon{width:2.75rem;height:2.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 14px 35px rgba(37,99,235,.33);font-size:1.25rem;flex-shrink:0}
.update-side-copy{flex:1;min-width:0}
.update-side-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}
.update-side-title b{font-size:.92rem;font-weight:900}
.update-side-version{font-size:.7rem;font-weight:900;color:#bfdbfe;background:rgba(59,130,246,.18);border:1px solid rgba(96,165,250,.22);border-radius:999px;padding:.18rem .5rem;white-space:nowrap}
.update-side-text{font-size:.74rem;line-height:1.8;color:#cbd5e1}
.update-side-changes{position:relative;z-index:1;display:flex;flex-direction:column;gap:.32rem;margin:.85rem 0 0 0;padding:0;list-style:none}
.update-side-changes li{font-size:.72rem;line-height:1.65;color:#cbd5e1;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:.8rem;padding:.45rem .6rem}
.update-side-changes li::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:999px;background:rgba(16,185,129,.18);color:#6ee7b7;font-weight:900;margin-left:.35rem;font-size:.62rem}
.update-side-actions{position:relative;z-index:1;display:flex;gap:.5rem;margin-top:.9rem}
.update-side-install{flex:1;border-radius:.9rem!important;padding:.68rem .75rem!important;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-size:.78rem!important;font-weight:900!important;box-shadow:0 12px 28px rgba(16,185,129,.25)!important}
.update-side-later{border-radius:.9rem!important;padding:.68rem .8rem!important;background:rgba(148,163,184,.12)!important;color:#cbd5e1!important;font-size:.75rem!important;font-weight:800!important;border:1px solid rgba(148,163,184,.16)!important}
.update-side-close{position:absolute;top:.65rem;left:.65rem;z-index:2;width:1.8rem;height:1.8rem;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#cbd5e1!important;font-size:1rem!important}
.update-side-progress{position:relative;z-index:1;display:none;margin-top:.85rem;height:4px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.18)}
.update-side-progress span{display:block;width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#10b981)}
.update-side-toast.is-installing .update-side-progress{display:block}
.update-side-toast.is-installing .update-side-progress span{animation:updateSideProgress 1s ease-in-out infinite alternate}
.update-side-toast.is-installing .update-side-install{opacity:.72;pointer-events:none}
.update-side-toast.is-installing .update-side-later,.update-side-toast.is-installing .update-side-close{display:none!important}
@keyframes updateSideProgress{from{transform:translateX(140%)}to{transform:translateX(-240%)}}
html[data-theme="light"] .update-side-card{background:rgba(255,255,255,.96);color:#0f172a;border-color:rgba(37,99,235,.18);box-shadow:0 24px 70px rgba(15,23,42,.14)}
html[data-theme="light"] .update-side-text,html[data-theme="light"] .update-side-changes li{color:#475569}
html[data-theme="light"] .update-side-changes li{background:rgba(248,250,252,.92);border-color:#e2e8f0}
html[data-theme="light"] .update-side-later{color:#334155!important;background:rgba(226,232,240,.62)!important;border-color:#dbe4f0!important}
html[data-theme="light"] .update-side-close{background:rgba(226,232,240,.7)!important;color:#334155!important}
@media(max-width:640px){.update-side-toast{top:auto;right:.75rem;left:.75rem;bottom:calc(5.4rem + env(safe-area-inset-bottom,0px));width:auto;transform:translateY(24px) scale(.985)}.update-side-toast.is-visible{transform:translateY(0) scale(1)}.update-side-card{border-radius:1.15rem;padding:.9rem}.update-side-changes li:nth-child(n+4){display:none}.update-side-actions{gap:.45rem}.update-side-install,.update-side-later{padding:.62rem .65rem!important}}


/* v5.9.8 Professional monthly report chart */
.rp-pro-chart{background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(30,41,59,.42));border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 16px 40px rgba(2,6,23,.18)}
.rp-pro-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.rp-pro-chart-head b{display:block;font-size:.9rem;color:var(--text)}
.rp-pro-chart-head span{display:block;font-size:.7rem;color:var(--muted);margin-top:3px}
.rp-pro-total{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);border-radius:14px;padding:8px 10px;text-align:center;min-width:105px}
.rp-pro-total b{font-size:.82rem;color:#60a5fa;white-space:nowrap}
.rp-pro-bars{display:grid;grid-template-columns:repeat(12,minmax(40px,1fr));align-items:end;gap:8px;min-height:220px;overflow-x:auto;direction:rtl;padding:8px 2px 2px}
.rp-pro-month{appearance:none;border:0;background:transparent;color:inherit;min-width:40px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;cursor:pointer;border-radius:14px;padding:6px 3px;transition:transform .16s ease,background .16s ease}
.rp-pro-month:hover{background:rgba(148,163,184,.10);transform:translateY(-2px)}
.rp-pro-month.is-current{background:rgba(59,130,246,.12);box-shadow:inset 0 0 0 1px rgba(59,130,246,.22)}
.rp-pro-value{font-size:.68rem;font-weight:800;color:var(--muted);white-space:nowrap;min-height:16px}
.rp-pro-track{width:100%;max-width:32px;flex:1;min-height:130px;border-radius:999px;background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.12);display:flex;align-items:flex-end;overflow:hidden;padding:3px}
.rp-pro-bar{display:block;width:100%;border-radius:999px;background:linear-gradient(180deg,#93c5fd,#2563eb);box-shadow:0 0 18px rgba(59,130,246,.28);transition:height .35s ease}
.rp-pro-month.is-max .rp-pro-bar{background:linear-gradient(180deg,#fbbf24,#f97316);box-shadow:0 0 20px rgba(249,115,22,.25)}
.rp-pro-label{font-size:.7rem;font-weight:800;color:var(--muted);white-space:nowrap}
.rp-pro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.rp-pro-stats div{background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:9px;text-align:center}
.rp-pro-stats span{display:block;font-size:.65rem;color:var(--muted);margin-bottom:3px}.rp-pro-stats b{font-size:.78rem;color:var(--text);white-space:nowrap}
html[data-theme="light"] .rp-pro-chart{background:linear-gradient(180deg,#fff,#f8fafc)}
html[data-theme="light"] .rp-pro-track{background:#e2e8f0}
@media(max-width:520px){.rp-pro-bars{grid-template-columns:repeat(12,minmax(46px,1fr));gap:7px;min-height:230px}.rp-pro-month{height:220px}.rp-pro-stats{grid-template-columns:1fr}.rp-pro-chart-head{flex-direction:column}.rp-pro-total{width:100%}}

/* v5.9.8 Mobile-fit monthly report chart */
.rp-pro-chart{overflow:hidden}
.rp-pro-bars{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;padding:8px 0 2px}
.rp-pro-month{min-width:0;width:100%;padding:6px 2px}
.rp-pro-track{width:100%;max-width:30px}
.rp-pro-value,.rp-pro-label{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){
  .rp-pro-chart{border-radius:20px;padding:12px 10px;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(30,41,59,.54))}
  .rp-pro-chart-head{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}
  .rp-pro-chart-head b{font-size:.82rem}.rp-pro-chart-head span{font-size:.64rem}
  .rp-pro-total{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:right;border-radius:14px;padding:8px 10px}.rp-pro-total b{font-size:.78rem}
  .rp-pro-bars{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-height:auto;padding:4px 0 0;direction:rtl;overflow:visible}
  .rp-pro-month{height:142px;border-radius:13px;gap:5px;padding:6px 1px;background:rgba(148,163,184,.045)}
  .rp-pro-month.is-current{background:rgba(59,130,246,.16)}
  .rp-pro-value{font-size:.56rem;min-height:13px;letter-spacing:-.02em;direction:ltr}
  .rp-pro-track{max-width:22px;min-height:76px;padding:2px;border-radius:999px}
  .rp-pro-label{font-size:.62rem;letter-spacing:-.03em}
  .rp-pro-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
  .rp-pro-stats div{border-radius:13px;padding:7px 4px;min-width:0}
  .rp-pro-stats span{font-size:.55rem}.rp-pro-stats b{display:block;font-size:.63rem;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:380px){
  .rp-pro-bars{gap:5px}.rp-pro-month{height:132px}.rp-pro-track{max-width:20px;min-height:68px}.rp-pro-value{font-size:.52rem}.rp-pro-label{font-size:.58rem}.rp-pro-stats{grid-template-columns:1fr}
}
html[data-theme="light"] .rp-pro-chart{background:linear-gradient(180deg,#fff,#f8fafc)}


/* v5.9.8 Monthly report chart mobile stability + horizontal scroll */
#rp-year-chart.rp-mon-container{display:block;height:auto;min-height:0;align-items:initial;gap:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 0 8px;scroll-snap-type:x proximity}
#rp-year-chart.rp-mon-container::-webkit-scrollbar{height:4px}
#rp-year-chart.rp-mon-container::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}
#rp-year-chart .rp-pro-chart{width:100%;max-width:none;box-sizing:border-box;position:relative;z-index:1}
#rp-year-chart .rp-pro-bars{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
#rp-year-chart .rp-pro-month{scroll-snap-align:center;flex:0 0 auto}
@media(max-width:640px){
  #rp-year-chart.rp-mon-container{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}
  #rp-year-chart .rp-pro-chart{min-width:620px;padding:12px;box-shadow:0 10px 28px rgba(2,6,23,.14)}
  #rp-year-chart .rp-pro-bars{display:grid;grid-template-columns:repeat(12,44px);gap:8px;min-height:164px;overflow:visible;padding:6px 2px 0}
  #rp-year-chart .rp-pro-month{width:44px;min-width:44px;height:152px;padding:6px 2px}
  #rp-year-chart .rp-pro-track{max-width:24px;min-height:82px}
  #rp-year-chart .rp-pro-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:380px){#rp-year-chart .rp-pro-chart{min-width:590px}#rp-year-chart .rp-pro-bars{grid-template-columns:repeat(12,41px);gap:7px}#rp-year-chart .rp-pro-month{width:41px;min-width:41px}}

/* v5.9.9 account profile name + header welcome */
.app-brand-copy{display:flex;flex-direction:column;line-height:1.15;min-width:0}.app-brand-copy h1{margin:0}.app-welcome-subtitle{margin:.12rem 0 0;color:#94a3b8;font-size:.68rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.profile-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}html[data-theme="light"] .app-welcome-subtitle{color:#64748b}@media(max-width:420px){.app-welcome-subtitle{max-width:10rem;font-size:.62rem}.profile-name-grid{grid-template-columns:1fr}}
/* v5.10.20 3D top sync status orb */
.sync-orb{width:42px;height:42px;border:0!important;border-radius:16px!important;position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;background:linear-gradient(145deg,#f8fafc,#cbd5e1)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.75),inset 0 -8px 16px rgba(15,23,42,.13),0 12px 26px rgba(2,6,23,.22)!important}
.sync-orb:hover{transform:translateY(-1px) scale(1.03);filter:saturate(1.08)}.sync-orb:active{transform:translateY(1px) scale(.98)}
.sync-orb-core{width:25px;height:25px;border-radius:50%;position:relative;display:block;background:radial-gradient(circle at 30% 24%,#fff 0 12%,#94a3b8 22%,#475569 72%,#1e293b 100%);box-shadow:inset -5px -7px 12px rgba(15,23,42,.25),inset 4px 5px 10px rgba(255,255,255,.45),0 7px 15px rgba(15,23,42,.25)}
.sync-orb-core:before{content:'';position:absolute;inset:4px 8px auto auto;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.92);filter:blur(.2px)}
.sync-orb-dot{position:absolute;right:-3px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#64748b;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 3px rgba(100,116,139,.15),0 4px 8px rgba(15,23,42,.18)}
.sync-orb-ok{background:linear-gradient(145deg,#ecfdf5,#a7f3d0)!important}.sync-orb-ok .sync-orb-core{background:radial-gradient(circle at 30% 24%,#fff 0 11%,#86efac 23%,#10b981 68%,#047857 100%)}.sync-orb-ok .sync-orb-dot{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.18),0 0 18px rgba(16,185,129,.56)}
.sync-orb-warn{background:linear-gradient(145deg,#fffbeb,#fde68a)!important}.sync-orb-warn .sync-orb-core{background:radial-gradient(circle at 30% 24%,#fff 0 11%,#fde68a 22%,#f59e0b 70%,#b45309 100%)}.sync-orb-warn .sync-orb-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.20),0 0 18px rgba(245,158,11,.55);animation:syncPulse 1.5s infinite}
.sync-orb-bad{background:linear-gradient(145deg,#fff1f2,#fecdd3)!important}.sync-orb-bad .sync-orb-core{background:radial-gradient(circle at 30% 24%,#fff 0 11%,#fca5a5 22%,#ef4444 70%,#991b1b 100%)}.sync-orb-bad .sync-orb-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.20),0 0 18px rgba(239,68,68,.55);animation:syncPulse 1.1s infinite}
.sync-orb-info .sync-orb-dot{animation:syncPulse 1.8s infinite}@keyframes syncPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.72}}
html[data-theme="light"] .sync-orb{box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -7px 14px rgba(15,23,42,.10),0 10px 22px rgba(15,23,42,.12)!important}

/* v5.10.21 minimal sync status orb */
.sync-guard-badge{display:none!important}
.sync-orb{width:34px!important;height:34px!important;border-radius:13px!important;padding:0!important;background:rgba(15,23,42,.06)!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:none!important;backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,border-color .16s ease!important}
.sync-orb:hover{transform:translateY(-1px)!important;background:rgba(148,163,184,.12)!important}
.sync-orb-core{width:18px!important;height:18px!important;border-radius:50%!important;background:#94a3b8!important;box-shadow:none!important;display:block!important;position:relative!important}
.sync-orb-core:before{display:none!important}
.sync-orb-dot{position:absolute!important;right:-2px!important;bottom:-2px!important;width:7px!important;height:7px!important;border-radius:999px!important;border:2px solid var(--card,#fff)!important;background:#64748b!important;box-shadow:none!important;animation:none!important}
.sync-orb-ok .sync-orb-core{background:linear-gradient(135deg,#34d399,#059669)!important}.sync-orb-ok .sync-orb-dot{background:#10b981!important}
.sync-orb-warn .sync-orb-core{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}.sync-orb-warn .sync-orb-dot{background:#f59e0b!important;animation:syncTinyPulse 1.5s infinite!important}
.sync-orb-bad .sync-orb-core{background:linear-gradient(135deg,#fb7185,#ef4444)!important}.sync-orb-bad .sync-orb-dot{background:#ef4444!important;animation:syncTinyPulse 1.1s infinite!important}
@keyframes syncTinyPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}
html[data-theme="light"] .sync-orb{background:rgba(255,255,255,.72)!important;border-color:#e2e8f0!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important}

/* v5.10.28 daily expense modal scroll fix */
.day-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:clamp(10px,2.5vh,22px) 12px calc(12px + env(safe-area-inset-bottom,0px));direction:rtl}
.day-modal.hidden{display:none!important}
.day-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.day-modal-shell{position:relative;z-index:1;width:min(42rem,100%);max-height:calc(100vh - 24px - env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end}
.day-modal-card{width:100%;max-height:inherit;display:flex;flex-direction:column;overflow:hidden;background:var(--surface,#1a2740);border:1px solid var(--border,#2a3a4e);border-radius:1.5rem;box-shadow:0 -22px 70px rgba(2,6,23,.32);color:var(--text,#e2e8f0)}
.day-modal-handle{width:2.5rem;height:4px;background:rgba(148,163,184,.45);border-radius:999px;margin:.85rem auto .35rem;flex:0 0 auto}
.day-modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:inherit;border-bottom:1px solid rgba(148,163,184,.14);flex:0 0 auto}
.day-modal-head h3{font-weight:800;font-size:.95rem}
.day-modal-close{width:2.35rem;height:2.35rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(148,163,184,.14);color:var(--muted,#94a3b8);transition:.2s}
.day-modal-close:active{transform:scale(.94)}
.day-modal-body{flex:1 1 auto;min-height:0;max-height:65vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;overscroll-behavior:contain}
.day-modal-sum{flex:0 0 auto;margin:0 1rem 1rem;padding:.85rem;border-radius:1rem;background:rgba(100,116,139,.24);text-align:center;border:1px solid rgba(148,163,184,.14)}
.day-modal-sum p:first-child{font-size:.72rem;color:var(--muted,#94a3b8);margin-bottom:.25rem}
.day-modal-sum p:last-child{font-size:1.05rem;font-weight:900;color:#f87171}
@media(min-width:640px){.day-modal{align-items:center}.day-modal-card{border-radius:1.5rem}.day-modal-body{max-height:68vh}}

/* v5.10.29 check list readability polish */
#checks-list .check-card-pro{position:relative!important;margin-bottom:11px!important;padding:12px 13px 11px!important;border-radius:19px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#checks-list .check-person-pro{font-size:13.2px!important;font-weight:900!important;letter-spacing:-.01em!important;max-width:132px!important}
#checks-list .check-date-pro{font-size:10.8px!important;font-weight:900!important;letter-spacing:-.01em!important}
#checks-list .check-amount-pro{font-size:14.2px!important;font-weight:950!important;letter-spacing:-.03em!important}
#checks-list .check-status-pro{font-size:10px!important;font-weight:700!important}
html[data-theme="light"] #checks-list .check-card-pro{background:linear-gradient(145deg,#ffffff 0%,#fbfdff 58%,#f3f7fb 100%)!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 9px 24px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.9)!important;color:#0f172a!important}
html[data-theme="light"] #checks-list .check-card-pro:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;border-radius:999px;background:linear-gradient(180deg,rgba(52,211,153,.8),rgba(59,130,246,.45));opacity:.75}
html[data-theme="light"] #checks-list .check-person-pro{color:#111827!important;text-shadow:none!important}
html[data-theme="light"] #checks-list .check-date-pro{color:#334155!important;text-shadow:none!important}
html[data-theme="light"] #checks-list .check-status-pro{color:#475569!important}
html[data-theme="light"] #checks-list .check-unit-pro{color:#64748b!important}
html[data-theme="light"] #checks-list .check-amount-pro{filter:saturate(1.08) contrast(1.05)!important;text-shadow:none!important}
html[data-theme="dark"] #checks-list .check-person-pro{color:#f8fafc!important}
html[data-theme="dark"] #checks-list .check-date-pro{color:#e2e8f0!important}
@media(max-width:390px){#checks-list .check-person-pro{max-width:110px!important;font-size:12.8px!important}#checks-list .check-date-pro{font-size:10.4px!important}#checks-list .check-amount-pro{font-size:13.8px!important}}


/* ═══════════════════════════════════════════════
   تنظیمات — بازنویسی کامل CSS
═══════════════════════════════════════════════ */

/* ── صفحه تنظیمات ── */
#p-set { padding-bottom: 7rem; direction: rtl; }
#p-set > .space-y-3 { display: flex; flex-direction: column; gap: .75rem; }

/* ── هدر hero ── */
.settings-hero, .clean-settings-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .85rem 1rem;
  border-radius: 1.2rem;
  background: linear-gradient(135deg, rgba(59,130,246,.10), rgba(16,185,129,.07));
  border: 1px solid rgba(148,163,184,.18);
}
.settings-hero h2 { font-size: 1rem; font-weight: 900; margin: 0; color: var(--text,#e2e8f0); }
.settings-hero p  { font-size: .68rem; color: var(--muted,#94a3b8); margin: .15rem 0 0; line-height: 1.7; }
.settings-hero span, .settings-version-chip {
  font-size: .68rem; font-weight: 850;
  background: rgba(59,130,246,.12); color: #60a5fa;
  border: 1px solid rgba(59,130,246,.22);
  border-radius: 999px; padding: .28rem .65rem;
  white-space: nowrap; flex-shrink: 0;
}
html[data-theme="light"] .settings-hero { background: linear-gradient(135deg,rgba(59,130,246,.07),rgba(16,185,129,.05)); }
html[data-theme="light"] .settings-hero h2 { color: #0f172a; }
html[data-theme="light"] .settings-hero span { background: #eff6ff; color: #2563eb; border-color: #bfdbfe; }

/* ── گروه‌های accordion ── */
.settings-groups, .clean-settings-groups {
  display: flex; flex-direction: column; gap: .6rem;
}

/* ── سکشن accordion ── */
.settings-section, .clean-settings-section {
  border: 1px solid rgba(148,163,184,.15);
  background: rgba(30,41,59,.55);
  border-radius: 1.1rem;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
html[data-theme="light"] .settings-section,
html[data-theme="light"] .clean-settings-section {
  background: rgba(255,255,255,.88);
  border-color: rgba(203,213,225,.7);
}

/* ── هدر هر سکشن ── */
.settings-section-head, .clean-settings-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .8rem .95rem;
  text-align: right;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  transition: background .15s;
}
.settings-section-head:hover, .clean-settings-head:hover {
  background: rgba(148,163,184,.06);
}
.settings-section-icon {
  width: 2.2rem; height: 2.2rem;
  border-radius: .8rem;
  display: grid; place-items: center;
  background: rgba(59,130,246,.10);
  font-size: 1rem;
  flex-shrink: 0;
  color: #60a5fa;
}
.settings-section-copy {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; gap: .1rem;
}
.settings-section-copy b {
  font-size: .84rem; font-weight: 850;
  color: var(--text,#e2e8f0);
  line-height: 1.3;
}
.settings-section-copy span {
  font-size: .65rem; color: var(--muted,#94a3b8); line-height: 1.6;
}
.settings-section-count {
  font-size: .66rem; font-weight: 800; color: #94a3b8;
  background: rgba(148,163,184,.10);
  border: 1px solid rgba(148,163,184,.15);
  border-radius: 999px; padding: .18rem .48rem;
  flex-shrink: 0;
}
.settings-section-chevron {
  font-size: 1rem; color: #94a3b8;
  transition: transform .2s ease;
  flex-shrink: 0;
}
.settings-section.open .settings-section-chevron { transform: rotate(180deg); }

html[data-theme="light"] .settings-section-copy b { color: #0f172a; }
html[data-theme="light"] .settings-section-icon { background: #eff6ff; color: #2563eb; }
html[data-theme="light"] .settings-section-count { background: #f1f5f9; color: #64748b; border-color: #e2e8f0; }

/* ── بدنه سکشن ── */
.settings-section-body, .clean-settings-body {
  display: none;
  flex-direction: column;
  gap: .55rem;
  padding: 0 .72rem .72rem;
}
.settings-section.open .settings-section-body,
.clean-settings-section.open .clean-settings-body,
.settings-section.open .clean-settings-body {
  display: flex;
}

/* ── کارت داخل گروه ── */
.settings-card-in-group, .clean-settings-card {
  margin: 0 !important;
  border-radius: .95rem !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  background: rgba(148,163,184,.055) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .settings-card-in-group,
html[data-theme="light"] .clean-settings-card {
  background: rgba(248,250,252,.9) !important;
  border-color: rgba(203,213,225,.6) !important;
}

/* ── درگ‌هندل مخفی ── */
.settings-drag-handle { display: none !important; }

/* ══ کارت‌های امنیت (security-minimal-stack) ══ */
.security-minimal-stack {
  display: flex; flex-direction: column; gap: .5rem; width: 100%;
}
.security-mini-card {
  padding: .75rem .85rem;
  border-radius: .95rem;
  background: rgba(148,163,184,.06);
  border: 1px solid rgba(148,163,184,.13);
}
.security-mini-card h4 {
  margin: 0; font-size: .82rem; font-weight: 850;
  color: var(--text,#e5e7eb);
}
.security-mini-card p {
  margin: .12rem 0 0; font-size: .67rem;
  color: var(--muted,#94a3b8); line-height: 1.6;
}
.security-mini-head {
  display: flex; align-items: center; gap: .6rem;
}
.security-mini-icon {
  width: 2rem; height: 2rem; border-radius: .72rem;
  display: grid; place-items: center;
  background: rgba(148,163,184,.12);
  color: var(--text,#e5e7eb);
  font-size: .95rem; font-weight: 900;
  flex-shrink: 0;
}
/* دکمه‌های داخل کارت‌های امنیت */
.security-mini-actions { display: flex; gap: .4rem; margin-top: .6rem; }
.security-mini-actions button,
.security-mini-upload,
.security-mini-danger-btn,
.security-mini-pin-actions button,
#pin-card-actions button,
#pin-card-actions .plk-btn {
  height: 2.1rem;
  border-radius: .72rem !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  background: rgba(148,163,184,.10) !important;
  color: var(--text,#e5e7eb) !important;
  font-size: .74rem !important;
  font-weight: 750 !important;
  display: inline-flex; align-items: center; justify-content: center;
  transition: opacity .15s, transform .12s;
  cursor: pointer;
  font-family: inherit;
  flex: 1;
  padding: 0 .7rem;
  box-shadow: none !important;
}
.security-mini-actions button:active,
.security-mini-upload:active,
.security-mini-danger-btn:active { opacity: .8; transform: scale(.97); }

.security-mini-upload { cursor: pointer; }
.security-mini-pin-actions, #pin-card-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: .4rem !important;
  margin-top: .6rem !important;
}
#pin-card-actions .plk-btn-primary {
  background: rgba(37,99,235,.12) !important;
  color: #93c5fd !important;
  border-color: rgba(37,99,235,.2) !important;
}
#pin-card-actions .plk-btn-danger {
  background: rgba(239,68,68,.1) !important;
  color: #fca5a5 !important;
  border-color: rgba(239,68,68,.2) !important;
}
/* کارت خطر */
.security-mini-card.danger {
  background: rgba(239,68,68,.05);
  border-color: rgba(239,68,68,.14);
  display: flex; align-items: center; gap: .75rem;
}
.security-mini-card.danger .security-mini-head { flex: 1; }
.security-mini-card.danger .security-mini-icon { background: rgba(239,68,68,.12); color: #fca5a5; }
.security-mini-danger-btn {
  background: rgba(239,68,68,.10) !important;
  color: #fca5a5 !important;
  border-color: rgba(239,68,68,.18) !important;
  flex: 0 0 auto !important;
  min-width: 6rem;
}
/* light mode */
html[data-theme="light"] .security-mini-card { background: #f8fafc; border-color: #e2e8f0; }
html[data-theme="light"] .security-mini-card h4 { color: #0f172a; }
html[data-theme="light"] .security-mini-card p { color: #64748b; }
html[data-theme="light"] .security-mini-icon { background: #f1f5f9; color: #475569; }
html[data-theme="light"] .security-mini-actions button,
html[data-theme="light"] .security-mini-upload,
html[data-theme="light"] #pin-card-actions button { background: #fff !important; color: #334155 !important; border-color: #e2e8f0 !important; }
html[data-theme="light"] .security-mini-card.danger { background: #fff7f7; border-color: rgba(239,68,68,.14); }
html[data-theme="light"] .security-mini-danger-btn { background: rgba(239,68,68,.07) !important; color: #dc2626 !important; border-color: rgba(239,68,68,.18) !important; }

/* ══ کارت وضعیت دیتابیس ══ */
.settings-clean-status-card {
  border: 1px solid rgba(148,163,184,.15);
  background: rgba(15,23,42,.4);
  border-radius: 1rem;
  padding: .85rem;
  backdrop-filter: blur(8px);
}
html[data-theme="light"] .settings-clean-status-card {
  background: rgba(248,250,252,.9);
  border-color: rgba(203,213,225,.7);
}
.settings-clean-status-head {
  display: flex; align-items: center; gap: .65rem;
  margin-bottom: .65rem; direction: rtl;
}
.settings-clean-status-icon {
  width: 2rem; height: 2rem; border-radius: .72rem;
  display: grid; place-items: center;
  background: rgba(59,130,246,.12);
  color: #60a5fa; font-size: .95rem; font-weight: 900;
  flex-shrink: 0;
}
.settings-clean-status-title { display: flex; flex-direction: column; gap: .12rem; }
.settings-clean-status-title b { font-size: .8rem; color: var(--text,#e2e8f0); }
.settings-clean-status-title span { font-size: .65rem; color: var(--muted,#94a3b8); line-height: 1.6; }
html[data-theme="light"] .settings-clean-status-title b { color: #0f172a; }

/* پنل وضعیت */
.db-sync-status-panel {
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.25);
  border-radius: .8rem; padding: .55rem .7rem;
  min-height: 2.4rem; font-size: .74rem;
  line-height: 1.8; color: #cbd5e1;
}
.db-sync-status-panel.clean {
  border: 0;
  background: rgba(2,6,23,.2);
  border-radius: .8rem; padding: .5rem .65rem;
  min-height: 2.2rem; color: #cbd5e1;
}
html[data-theme="light"] .db-sync-status-panel { background: rgba(241,245,249,.8); color: #334155; }
html[data-theme="light"] .db-sync-status-panel.clean { background: rgba(241,245,249,.7); color: #475569; }
.db-sync-status-panel .db-sync-empty { color: #64748b; text-align: center; padding: 3px 0; font-size: .72rem; }
.db-sync-status-panel .db-sync-line { display: flex; justify-content: space-between; gap: 8px; direction: rtl; font-size: .72rem; }
.db-sync-status-panel .db-sync-title { font-weight: 800; }
.db-sync-status-panel .ok   { color: #34d399; }
.db-sync-status-panel .bad  { color: #fb7185; }
.db-sync-status-panel .warn { color: #fbbf24; }
.db-sync-status-panel .info { color: #60a5fa; }
.db-sync-status-panel .db-sync-meta { margin-top: 4px; color: #94a3b8; font-size: .66rem; }

/* دکمه‌های وضعیت */
.settings-clean-status-actions {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: .45rem; margin-top: .6rem;
}
.settings-clean-status-actions button {
  border: 0; border-radius: .72rem;
  padding: .55rem .5rem;
  font-size: .72rem; font-weight: 800;
  font-family: inherit; cursor: pointer;
  background: rgba(37,99,235,.10); color: #60a5fa;
  transition: opacity .15s;
}
.settings-clean-status-actions button:last-child {
  background: rgba(148,163,184,.10); color: #94a3b8;
}
.settings-clean-status-actions button:active { opacity: .8; }
html[data-theme="light"] .settings-clean-status-actions button { background: rgba(37,99,235,.07); color: #2563eb; }
html[data-theme="light"] .settings-clean-status-actions button:last-child { background: #f1f5f9; color: #475569; }

/* ══ account-pill / پنل حساب ══ */
.account-pill {
  display: flex; align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .8rem;
  border-radius: .85rem;
  background: rgba(16,185,129,.07);
  border: 1px solid rgba(16,185,129,.18);
}
.account-pill b { font-size: .8rem; font-weight: 850; color: var(--text,#e2e8f0); display: block; }
.account-pill span { font-size: .7rem; color: #94a3b8; direction: ltr; display: block; margin-top: .08rem; }
html[data-theme="light"] .account-pill { background: rgba(209,250,229,.4); border-color: rgba(16,185,129,.22); }
html[data-theme="light"] .account-pill b { color: #0f172a; }

/* دکمه خروج */
.logout-btn {
  padding: .38rem .8rem;
  border-radius: .68rem;
  border: 1px solid rgba(239,68,68,.2);
  background: rgba(239,68,68,.08);
  color: #f87171;
  font-size: .72rem; font-weight: 750;
  font-family: inherit; cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
}
.logout-btn:hover { background: rgba(239,68,68,.15); }
html[data-theme="light"] .logout-btn { background: #fff5f5; color: #dc2626; border-color: rgba(220,38,38,.18); }

/* ══ کارت نسخه (modern-setting-card) ══ */
.modern-setting-card { overflow: visible; }

/* ══ toggle های نمایش (صرافی / حساب‌ها) ══ */
#sarafi-visibility-card,
#dashboard-accounts-visibility-card {
  padding: .7rem .9rem !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}
#sarafi-visibility-card > div,
#dashboard-accounts-visibility-card > div {
  display: flex; align-items: center; gap: .55rem;
}
#sarafi-visibility-card .text-sm,
#dashboard-accounts-visibility-card .text-sm {
  font-size: .82rem !important; font-weight: 750;
}
#sarafi-toggle-status,
#dashboard-accounts-toggle-status {
  display: none !important;
}

/* ══ پروفایل کاربر ══ */
.profile-name-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;
}

/* ══ مبالغ سریع ══ */
.quick-amt-setting {
  width: 100%; border-radius: .72rem;
  border: 1px solid rgba(148,163,184,.2);
  background: rgba(148,163,184,.07);
  color: inherit; padding: .42rem .55rem;
  font-family: inherit; font-size: .78rem;
  text-align: center;
}
html[data-theme="light"] .quick-amt-setting { background: #f8fafc; border-color: #e2e8f0; color: #1e293b; }

/* ══ Responsive ══ */
@media (max-width: 430px) {
  .profile-name-grid { grid-template-columns: 1fr; }
  #quick-amt-inputs { grid-template-columns: 1fr 1fr !important; }
  .security-mini-card.danger { flex-direction: column; align-items: flex-start; }
  .security-mini-danger-btn { width: 100% !important; }
  .settings-clean-status-actions { grid-template-columns: 1fr; }
  .settings-section-count { display: none; }
}

/* ══ مخفی‌کردن المان‌های اضافه ══ */
#ca-direct-db-badge { display: none !important; }
#sync-status { margin-top: .35rem !important; font-size: .68rem !important; }

/* ══ Home Skeleton — پوشش داشبورد هنگام لود ══ */
.home-sk-wrap {
  position: absolute;
  inset: 0;
  z-index: 5;
  padding: .85rem .75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  background: var(--bg, #0f172a);
  transition: opacity .28s ease, visibility .28s ease;
}
html[data-theme="light"] .home-sk-wrap { background: #f6f8fc; }

.home-sk-wrap.done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* shimmer مشترک */
.home-sk-hero, .home-sk-chip, .home-sk-card,
.home-sk-item, .home-sk-row {
  background: linear-gradient(90deg,
    rgba(148,163,184,.12) 0%,
    rgba(148,163,184,.24) 45%,
    rgba(148,163,184,.12) 100%);
  background-size: 220% 100%;
  animation: hskShimmer 1.2s ease-in-out infinite;
  border-radius: 1.1rem;
}
html[data-theme="light"] .home-sk-hero,
html[data-theme="light"] .home-sk-chip,
html[data-theme="light"] .home-sk-card,
html[data-theme="light"] .home-sk-item {
  background: linear-gradient(90deg, #e8eef7 0%, #f4f8ff 45%, #e8eef7 100%);
  background-size: 220% 100%;
}
@keyframes hskShimmer {
  0%   { background-position: 120% 0 }
  100% { background-position: -120% 0 }
}
.home-sk-hero {
  min-height: 9.5rem;
  background-image: linear-gradient(
    135deg,
    rgba(37,99,235,.22),
    rgba(6,182,212,.12)
  );
  animation: none;
  border: 1px solid rgba(59,130,246,.18);
}
.home-sk-row {
  display: flex;
  gap: .55rem;
  background: none;
  animation: none;
}
.home-sk-chip {
  flex: 1;
  height: 2.4rem;
  border-radius: .85rem;
}
.home-sk-card {
  height: 3.6rem;
  border-radius: 1.1rem;
}
.home-sk-card.sm { height: 2.8rem; }
.home-sk-list {
  display: flex;
  flex-direction: column;
  gap: .45rem;
}
.home-sk-item {
  height: 3.1rem;
  border-radius: .95rem;
}
.home-sk-item.w70 { width: 70%; }

/* p-home باید position:relative باشه */
#p-home { position: relative; }

/* ══ پنل آپلود JSON حرفه‌ای ══ */
.pro-upload-block {
  margin-top: .65rem;
  padding: .85rem;
  border-radius: 1rem;
  border: 1px solid rgba(148,163,184,.15);
  background: rgba(148,163,184,.05);
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
html[data-theme="light"] .pro-upload-block {
  background: #f8fafc;
  border-color: #e2e8f0;
}
/* هدر */
.pro-upload-head {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.pro-upload-icon-sm {
  font-size: 1.1rem;
  width: 2rem;
  text-align: center;
}
.pro-upload-head b {
  display: block;
  font-size: .8rem;
  font-weight: 850;
  color: var(--text, #e2e8f0);
}
html[data-theme="light"] .pro-upload-head b { color: #0f172a; }
.pro-upload-head span {
  display: block;
  font-size: .64rem;
  color: #94a3b8;
  margin-top: .08rem;
}
/* ناحیه دراپ */
.pro-upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .45rem;
  padding: 1.2rem .75rem;
  border-radius: .9rem;
  border: 1.5px dashed rgba(59,130,246,.3);
  background: rgba(59,130,246,.05);
  cursor: pointer;
  transition: border-color .18s, background .18s;
  text-align: center;
}
.pro-upload-zone:hover,
.pro-upload-zone.drag-over {
  border-color: rgba(59,130,246,.65);
  background: rgba(59,130,246,.1);
}
.pro-upload-zone.has-file {
  border-color: rgba(16,185,129,.45);
  background: rgba(16,185,129,.06);
}
html[data-theme="light"] .pro-upload-zone {
  background: #eff6ff;
  border-color: #bfdbfe;
}
html[data-theme="light"] .pro-upload-zone:hover,
html[data-theme="light"] .pro-upload-zone.drag-over {
  background: #dbeafe;
  border-color: #3b82f6;
}
.pro-upload-arrow {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background: rgba(59,130,246,.14);
  border: 1px solid rgba(59,130,246,.22);
  color: #60a5fa;
  font-size: 1.1rem;
  font-weight: 900;
  display: grid;
  place-items: center;
  transition: transform .2s ease;
}
.pro-upload-zone:hover .pro-upload-arrow { transform: translateY(-3px); }
.pro-upload-zone-text b {
  display: block;
  font-size: .76rem;
  font-weight: 800;
  color: var(--text, #e2e8f0);
}
html[data-theme="light"] .pro-upload-zone-text b { color: #1e293b; }
.pro-upload-zone-text span {
  display: block;
  font-size: .64rem;
  color: #94a3b8;
  margin-top: .15rem;
}
/* وضعیت فایل انتخاب‌شده */
.pro-upload-status {
  display: flex;
  flex-direction: column;
  gap: .45rem;
}
.pro-upload-status.hidden { display: none; }
.pro-upload-file-row {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .7rem;
  border-radius: .78rem;
  background: rgba(16,185,129,.08);
  border: 1px solid rgba(16,185,129,.18);
}
.pro-upload-filename {
  flex: 1;
  font-size: .72rem;
  color: #34d399;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: ltr;
}
html[data-theme="light"] .pro-upload-filename { color: #059669; }
.pro-upload-clear {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  border: 0;
  background: rgba(239,68,68,.12);
  color: #f87171;
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  line-height: 1;
}
.pro-upload-confirm {
  width: 100%;
  padding: .6rem;
  border-radius: .78rem;
  border: 0;
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff;
  font-size: .76rem;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
  transition: opacity .15s, transform .12s;
  box-shadow: 0 8px 20px rgba(37,99,235,.25);
}
.pro-upload-confirm:hover { opacity: .92; }
.pro-upload-confirm:active { transform: scale(.97); }
.pro-upload-confirm:disabled { opacity: .6; cursor: not-allowed; }
/* hint */
.pro-upload-hint {
  font-size: .65rem;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}


/* v5.10.192: پنل نمایش اختلاف لوکال و دیتابیس */
.settings-clean-status-actions.db-sync-actions-3 { grid-template-columns: 1fr 1fr 1fr; }
.settings-clean-status-actions.db-sync-actions-3 button:nth-child(3) { background: rgba(245,158,11,.12); color: #f59e0b; }
.db-sync-diff-panel { margin-top: .65rem; border: 1px solid rgba(245,158,11,.22); background: rgba(15,23,42,.22); border-radius: .9rem; padding: .65rem; direction: rtl; font-size: .72rem; line-height: 1.8; max-height: 330px; overflow: auto; }
html[data-theme="light"] .db-sync-diff-panel { background: rgba(255,251,235,.75); color: #334155; }
.db-diff-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.5rem; font-weight:900; }
.db-diff-badge { border-radius:999px; padding:.12rem .45rem; background:rgba(245,158,11,.14); color:#f59e0b; font-size:.66rem; white-space:nowrap; }
.db-diff-section { margin-top:.55rem; padding-top:.5rem; border-top:1px solid rgba(148,163,184,.18); }
.db-diff-section b { color: var(--text,#e2e8f0); font-size:.74rem; }
html[data-theme="light"] .db-diff-section b { color:#0f172a; }
.db-diff-row { margin-top:.38rem; padding:.45rem .5rem; border-radius:.7rem; background:rgba(148,163,184,.08); }
.db-diff-row-title { font-weight:900; color:#cbd5e1; }
html[data-theme="light"] .db-diff-row-title { color:#1e293b; }
.db-diff-meta { color:#94a3b8; font-size:.66rem; margin-top:.14rem; word-break:break-word; }
.db-diff-empty { text-align:center; color:#34d399; font-weight:900; padding:.7rem .2rem; }