/* v30.5 — full visual layer based on the approved mockup. Visual only; keeps existing phone/page geometry. */
:root{--v305-card:#162338;--v305-card2:#1b2a40;--v305-line:#31455f;--v305-glow:0 14px 34px rgba(0,0,0,.28)}
body.dark{background:radial-gradient(circle at 50% -10%,#10243b 0,#0f1722 42%,#0c141f 100%) fixed}
body.dark .app-shell{background:linear-gradient(180deg,rgba(15,24,37,.96),rgba(12,20,31,.98))}
body.dark .topbar{background:linear-gradient(180deg,rgba(13,23,35,.96),rgba(13,23,35,.90));border-bottom:1px solid rgba(79,108,145,.12)}
body.dark .panel,body.dark .card,body.dark .stats-grid article,body.dark .report-grid article{background:linear-gradient(145deg,#18263a,#142033)!important;border:1px solid #30445e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.22)!important}
body.dark .panel{border-radius:22px!important;padding:18px!important}
body.dark .stats-grid article,body.dark .report-grid article{position:relative;min-height:106px;border-radius:22px!important;padding:17px 18px 16px 76px!important;overflow:hidden}
body.dark .stats-grid article::before,body.dark .report-grid article::before{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.24)}
body.dark .stats-grid article:nth-child(1)::before{content:'↗';background:linear-gradient(145deg,#0c6546,#124334);color:#2df0a2}
body.dark .stats-grid article:nth-child(2)::before{content:'▣';background:linear-gradient(145deg,#124b92,#173763);color:#3d9cff}
body.dark .stats-grid article:nth-child(3)::before{content:'●';background:linear-gradient(145deg,#6f5a17,#40371c);color:#ffd24b}
body.dark .stats-grid article:nth-child(4)::before{content:'▥';background:linear-gradient(145deg,#50328b,#302451);color:#c66bff}
body.dark .stats-grid span,body.dark .report-grid span{font-size:13px!important}.stats-grid b,.report-grid b{font-size:19px!important}
body.dark .hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#075c3e 0%,#08754d 48%,#0b5e43 100%)!important;border:1px solid #12b978!important;border-radius:26px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 36px rgba(1,94,61,.22)!important;padding:25px 24px!important}
body.dark .hero-card::before{content:'▱';position:absolute;left:24px;top:50%;transform:translateY(-50%);width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,rgba(39,223,151,.22),rgba(10,78,55,.34));display:grid;place-items:center;font-size:38px;color:#9ef5cf;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.dark .hero-card>span,body.dark .hero-card>strong,body.dark .hero-card>small{position:relative;z-index:1;margin-right:0;margin-left:92px}
body.dark .hero-card strong{font-size:34px!important;letter-spacing:-.6px}.hero-card small{font-size:14px}
#home .panel .section-title h2{font-size:23px;letter-spacing:-.5px}
#homeTasksNotes .tn-tabs{gap:12px!important;margin:10px 0 16px!important}
#homeTasksNotes .tn-tabs button{min-height:52px!important;border-radius:17px!important;font-size:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 0 rgba(0,0,0,.32),0 12px 24px rgba(0,0,0,.18)!important}
#homeTasksNotes .tn-tabs button:first-child{background:linear-gradient(180deg,#27a9ff,#0768ed)!important}
#homeTasksNotes .tn-tabs button:nth-child(2){background:linear-gradient(180deg,#9368ff,#6137e4)!important}
#homeTasksNotes .tn-row{background:linear-gradient(145deg,#17263a,#132033)!important;border:1px solid #314762!important;border-radius:18px!important;padding:15px 14px!important;min-height:92px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.13)}
#homeTasksNotes .tn-main b{font-size:18px!important}#homeTasksNotes .tn-main small{font-size:13px!important;color:#c2ccdb!important}
#homeTasksNotes .tn-row.note{background:linear-gradient(145deg,#18263a,#152236)!important}
#homeTasksNotes .tn-list .tn-row .tn-check{min-width:106px!important;height:46px!important;border-radius:17px!important;background:linear-gradient(180deg,#22db8c,#08a660)!important;border:1px solid #49f4ad!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 0 #057448,0 10px 20px rgba(2,160,91,.25)!important}
#homeTasksNotes .tn-list .tn-row .tn-check::before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-left:7px;background:#f2fff8;color:#078b52;font-size:15px;font-weight:900;vertical-align:middle}
#homeTasksNotes .tn-list .tn-row .tn-check::after{font-size:14px!important;vertical-align:middle}
#homeTasksNotes .tn-all{min-height:48px!important;background:linear-gradient(180deg,#223650,#18283d)!important;border:1px solid #3a5473!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 0 #0e1825,0 10px 20px rgba(0,0,0,.16)!important}
body.dark .section-title button,body.dark .secondary,body.dark .settings-list button,body.dark .file-label{background:linear-gradient(180deg,#223650,#18283d)!important;border:1px solid #3a5473!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 0 #0d1826,0 8px 16px rgba(0,0,0,.17)!important}
body.dark .primary,#addAccountBtn,#addAssetBtn,#addCommitmentBtn{background:linear-gradient(180deg,#299bff,#0868ef)!important;border:1px solid #5fb4ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 5px 0 #074aa8,0 10px 20px rgba(8,104,239,.24)!important}
body.dark .quick{border-radius:18px!important;min-height:72px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 0 rgba(0,0,0,.28),0 12px 22px rgba(0,0,0,.16)!important}
body.dark input,body.dark select,body.dark textarea{background:linear-gradient(180deg,#111d2b,#0f1925)!important;border-color:#334760!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 12px rgba(0,0,0,.10)}
body.dark dialog{background:linear-gradient(180deg,#18263a,#111d2c)!important;border:1px solid #334a66!important;box-shadow:0 30px 80px rgba(0,0,0,.50)!important}
body.dark .icon-btn{background:linear-gradient(145deg,#1c2c43,#132033)!important;border:1px solid #3b506b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 0 #0c1724,0 10px 18px rgba(0,0,0,.22)!important}
body.dark .bottom-nav{background:rgba(18,31,48,.96)!important;border-top:1px solid #2f435d!important;box-shadow:0 -10px 28px rgba(0,0,0,.22)}
body.dark .bottom-nav .fab{background:linear-gradient(180deg,#2b91ff,#0b68ed)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 6px 0 #0648a9,0 12px 24px rgba(7,94,234,.34)!important}
/* keep all original widths and mobile safe area */
.app-shell,.page,.panel,.card,.stats-grid,.report-grid,.tn-row,.tn-tabs,.form-grid{max-width:100%;min-width:0}.page{overflow-x:hidden}button,input,select,textarea{max-width:100%;box-sizing:border-box}
@media(max-width:390px){body.dark .stats-grid article,body.dark .report-grid article{padding-left:64px!important}body.dark .stats-grid article::before,body.dark .report-grid article::before{left:12px;width:42px;height:42px}.hero-card::before{opacity:.82}.hero-card>span,.hero-card>strong,.hero-card>small{margin-left:72px!important}}