:root{--ink:#0f172a;--sky:#38bdf8;--blue:#2563eb;--green:#34d399;--yellow:#facc15;--purple:#a78bfa;--pink:#fb7185;--paper:#ffffff}*{box-sizing:border-box}body{margin:0;background-color:#1e3a8a;background-image:radial-gradient(#60a5fa 2px,transparent 2px),radial-gradient(#1d4ed8 2px,#1e3a8a 2px);background-size:32px 32px;background-position:0 0,16px 16px}button,input,select{font:inherit}.hidden{display:none!important}.brand-btn{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:inherit;cursor:pointer}.brand-cube,.feature-icon{width:48px;height:48px;border:4px solid #000;background:#fbbf24;display:grid;place-items:center;box-shadow:3px 3px 0 #000;border-radius:10px;color:#111827}.brand-cube{font-size:22px}.feature-icon{font-size:24px}.nav-row{display:flex;flex-wrap:wrap;gap:8px}.nav-btn{border:3px solid #000;background:#e0f2fe;color:#0f172a;box-shadow:3px 3px 0 #000;border-radius:8px;padding:8px 11px;font-weight:800;cursor:pointer;transition:.08s}.nav-btn.active,.nav-btn:hover{background:#facc15;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.block-card{background:#fff;border:4px solid #0f172a;box-shadow:7px 7px 0 #0f172a;border-radius:12px}.block-btn,.block-icon{border:4px solid #0f172a;box-shadow:4px 4px 0 #0f172a;font-weight:800;cursor:pointer;transition:.08s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.block-btn:hover,.block-icon:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0f172a}.block-btn:active,.block-icon:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0f172a}.block-icon{width:42px;height:42px;border-radius:10px}.hero-card{min-height:430px;background:linear-gradient(120deg,#38bdf8,#818cf8 55%,#c084fc);color:#0f172a}.pixel-tag{display:inline-flex;align-items:center;gap:7px;background:#facc15;border:3px solid #000;box-shadow:3px 3px 0 #000;border-radius:8px;padding:5px 10px;font-family:'Chakra Petch',sans-serif;font-weight:800;color:#111827}.text-shadow-block{text-shadow:3px 3px 0 #0f172a}.hero-robot{position:absolute;right:42px;bottom:26px;width:230px;height:230px;background:#fde047;border:5px solid #0f172a;box-shadow:7px 7px 0 #0f172a;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg)}.hero-robot i{font-size:92px}.hero-robot span{font-family:'Chakra Petch',sans-serif;font-weight:800;margin-top:8px}.section-heading,.card-heading{font-family:'Chakra Petch',sans-serif;font-weight:800;color:#0f172a}.section-heading{font-size:clamp(26px,4vw,38px);border-bottom:4px solid #0f172a;padding-bottom:12px}.card-heading{font-size:22px;margin:0 0 16px}.page-title{text-align:center;color:#fff;margin-bottom:4px}.page-title h2{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:clamp(30px,5vw,48px);text-shadow:3px 3px 0 #0f172a;margin-top:12px}.learn-step{background:#fff;border:3px solid #0f172a;box-shadow:4px 4px 0 #0f172a;border-radius:10px;padding:18px;min-height:160px}.learn-step b{float:right;color:#fb7185;font-family:'Chakra Petch',sans-serif;font-size:24px}.learn-step h3{font-size:21px;font-weight:800;margin:8px 0}.learn-step p{color:#475569;line-height:1.65}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:800;color:#334155;font-size:14px}input,select{width:100%;margin-top:7px;border:3px solid #0f172a;border-radius:8px;padding:11px 12px;background:#fff;color:#0f172a;box-shadow:inset 2px 2px 0 rgba(15,23,42,.12)}.inline-form{display:flex;gap:10px}.inline-form input{margin-top:0}.manage-list{display:grid;gap:9px;margin-top:14px}.manage-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:3px solid #0f172a;border-radius:8px;padding:9px 10px}.manage-actions{display:flex;gap:7px}.tiny-btn{border:2px solid #0f172a;border-radius:6px;padding:5px 8px;box-shadow:2px 2px 0 #0f172a;font-weight:800;cursor:pointer}.tiny-edit{background:#facc15}.tiny-delete{background:#fb7185;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card{background:#0f172a;color:#fff;border:4px solid #000;box-shadow:5px 5px 0 #facc15;border-radius:10px;padding:18px}.summary-card small{display:block;color:#bfdbfe;font-weight:700}.summary-card b{display:block;font-size:clamp(20px,3vw,28px);font-family:'Chakra Petch',sans-serif;margin-top:6px}.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-scroll{overflow:auto}table{width:100%;min-width:680px;border-collapse:collapse;margin-top:12px}th,td{text-align:left;border-bottom:2px solid #e2e8f0;padding:12px 10px;vertical-align:top}th{background:#e0f2fe;color:#0f172a;font-weight:900}.right{text-align:right}.in{color:#059669;font-weight:900}.out{color:#e11d48;font-weight:900}.bars{min-height:220px;display:flex;align-items:flex-end;gap:14px;border:3px solid #0f172a;border-top:0;padding:18px;background:#f8fafc}.bar{flex:1;min-height:16px;background:#38bdf8;border:3px solid #0f172a;position:relative;box-shadow:3px 3px 0 #0f172a}.bar:nth-child(2){background:#fb7185}.bar:nth-child(3){background:#facc15}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:12px;font-weight:800;white-space:nowrap;text-align:center;margin-bottom:6px}.report-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:3px solid #0f172a;background:#fff;border-radius:8px;box-shadow:3px 3px 0 #0f172a;padding:10px 13px;font-weight:900;cursor:pointer}.tab.active{background:#facc15}.filter-input{width:auto;min-width:150px;margin-top:0}.report-title{font-family:'Chakra Petch',sans-serif;font-size:28px;font-weight:800}.modal{position:fixed;inset:0;background:rgba(15,23,42,.72);display:grid;place-items:center;z-index:100;padding:18px}.modal-box{background:#fff;border:5px solid #0f172a;box-shadow:8px 8px 0 #facc15;border-radius:14px;max-width:470px;width:100%;padding:30px;position:relative;text-align:center}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:22px;cursor:pointer}.modal-box .big{font-size:52px;color:#10b981}.modal-box h3{font-family:'Chakra Petch',sans-serif;font-size:26px;font-weight:800;margin:12px 0}.modal-box p{color:#475569;line-height:1.65}.star-row{display:flex;justify-content:center;gap:8px;margin:10px 0}.star-row i{font-size:36px;color:#facc15;text-shadow:2px 2px 0 #0f172a}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;border:3px solid #facc15;box-shadow:4px 4px 0 #000;padding:13px 16px;font-weight:800;z-index:120;border-radius:8px}@media(max-width:900px){.hero-robot{position:relative;right:auto;bottom:auto;margin:24px auto 0;width:180px;height:180px}.hero-robot i{font-size:70px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.nav-row{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.nav-btn span{white-space:nowrap}.form-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}.summary-grid{grid-template-columns:1fr}.page-title{text-align:left}.page-title h2{font-size:32px}.hero-card{min-height:auto}.table-head{align-items:flex-start}.block-card{box-shadow:5px 5px 0 #0f172a}}@media print{body{background:#fff!important;color:#000}.no-print,.toast,.modal,canvas{display:none!important}.view{display:none!important}.view#view-reports{display:block!important}.print-area{box-shadow:none!important;border:0!important}.block-card{box-shadow:none!important;border:1px solid #000!important}.max-w-7xl{max-width:none!important}.table-scroll{overflow:visible}table{min-width:0;font-size:12px}th,td{border:1px solid #999}.report-title{font-size:22px}}

.header-shell{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:14px}.header-tools{display:flex;align-items:center;gap:10px;justify-content:flex-end}.header-balance{display:flex;align-items:center;gap:8px;background:#facc15;color:#0f172a;border:4px solid #000;box-shadow:4px 4px 0 #000;border-radius:12px;padding:7px 10px;font-weight:900;white-space:nowrap}.header-balance i{color:#92400e}.header-balance span{font-size:11px}.header-balance b{font-family:'Chakra Petch',sans-serif;font-size:15px}.nav-row{justify-content:center;gap:10px}.nav-btn{min-height:48px;padding:10px 14px;border-width:4px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px}.nav-btn i{font-size:17px}.nav-btn:nth-child(1){background:#38bdf8}.nav-btn:nth-child(2){background:#facc15}.nav-btn:nth-child(3){background:#34d399}.nav-btn:nth-child(4){background:#c084fc}.nav-btn:nth-child(5){background:#fb7185}.nav-btn:nth-child(6){background:#818cf8}.nav-btn.active{background:#fff;color:#0f172a;transform:translate(2px,2px);box-shadow:1px 1px 0 #000}.saving-wallet{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#facc15,#34d399);border:5px solid #0f172a;box-shadow:7px 7px 0 #0f172a;border-radius:16px;padding:18px 20px;color:#0f172a}.wallet-icon{width:70px;height:70px;display:grid;place-items:center;background:#fff;border:4px solid #0f172a;box-shadow:4px 4px 0 #0f172a;border-radius:14px;font-size:34px;color:#db2777;flex:0 0 auto}.saving-wallet small{display:block;font-weight:900;color:#1e293b}.saving-wallet strong{display:block;font-family:'Chakra Petch',sans-serif;font-size:clamp(28px,5vw,46px);font-weight:900;line-height:1.1}.saving-wallet p{font-weight:800;color:#334155;margin:5px 0 0}@media(max-width:1100px){.header-shell{grid-template-columns:1fr}.brand-btn{justify-content:center}.header-tools{justify-content:center;flex-wrap:wrap}.nav-row{order:3;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:2px 2px 8px;scroll-snap-type:x proximity}.nav-btn{flex:0 0 auto;scroll-snap-align:start}}@media(max-width:640px){.header-shell{padding-top:10px!important;padding-bottom:10px!important;gap:10px}.brand-btn{justify-content:flex-start}.brand-cube{width:42px;height:42px}.header-tools{display:grid;grid-template-columns:1fr auto;align-items:stretch;width:100%}.header-balance{grid-column:1/-1;justify-content:center;padding:8px}.header-balance span{font-size:10px}.header-balance b{font-size:14px}.header-tools #dbStatus{width:100%;font-size:12px;padding:9px}.nav-row{gap:8px}.nav-btn{min-height:44px;padding:8px 11px;font-size:13px}.saving-wallet{align-items:flex-start;padding:15px;gap:12px}.wallet-icon{width:56px;height:56px;font-size:27px}.saving-wallet strong{font-size:29px}.saving-wallet p{font-size:13px}}
/* Budget wallet and analysis upgrade */
.header-shell{grid-template-columns:auto minmax(360px,1fr) auto}.header-tools{align-items:center}.mini-tool{width:42px;height:42px;border:3px solid #000;background:#e0f2fe;color:#0f172a;box-shadow:3px 3px 0 #000;border-radius:10px;font-weight:900;display:inline-grid;place-items:center;cursor:pointer}.mini-tool span{font-size:11px}.header-balance{padding:6px 10px;border-radius:10px;background:#facc15;max-width:210px}.header-balance span{font-size:10px;text-transform:uppercase}.header-balance b{font-size:14px}.summary-card em{display:block;color:#93c5fd;font-style:normal;font-size:12px;font-weight:700;margin-top:4px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end}.filter-row select,.filter-row input{width:auto;min-width:140px;margin-top:0;padding:9px 10px}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analysis-list{display:grid;gap:10px}.analysis-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:3px solid #0f172a;border-radius:10px;background:#f8fafc;padding:10px 12px;box-shadow:3px 3px 0 #0f172a}.analysis-list span{font-weight:800;color:#334155}.analysis-list b{font-family:'Chakra Petch',sans-serif;color:#0f172a;text-align:right}.modal-box form label{text-align:left}.modal-box form input,.modal-box form select{margin-bottom:10px}@media(max-width:1100px){.header-shell{grid-template-columns:1fr}.header-tools{justify-content:center}.header-balance{max-width:none}.filter-row{justify-content:flex-start;width:100%}}@media(max-width:640px){.header-tools{grid-template-columns:1fr auto auto}.header-balance{grid-column:auto;justify-content:flex-start;min-width:0}.header-balance span{display:none}.header-balance b{font-size:13px}.mini-tool{width:40px;height:40px}.filter-row{display:grid;grid-template-columns:1fr;gap:8px}.filter-row select,.filter-row input{width:100%;min-width:0}.analysis-grid{grid-template-columns:1fr}.analysis-list div{align-items:flex-start;flex-direction:column}.saving-wallet{display:grid;grid-template-columns:auto 1fr}.saving-wallet p{line-height:1.45}}