:root{--boliba-primary: #1E237E;--boliba-accent: #00AEEF;--boliba-light-blue: #A7E6F4;--boliba-dark-navy: #0A2A4A;--boliba-surface: #f7f9fc;--boliba-border: rgba(26, 42, 84, .12);--boliba-text: #12233d;--boliba-muted: #5a6884;--boliba-success: #1ca77b;--boliba-warning: #ffb84d;--boliba-danger: #d94d5c;--shadow-soft: 0 10px 30px rgba(14, 31, 58, .08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--boliba-surface);color:var(--boliba-text)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f5f8ff,#edf8ff)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(0,174,239,.4);outline-offset:3px}#root{min-height:100vh}.container{width:min(1200px,calc(100% - 24px));margin:0 auto}.card{background:#ffffffe6;border:1px solid var(--boliba-border);border-radius:20px;box-shadow:var(--shadow-soft)}.app-shell{display:flex;min-height:100vh;background:var(--boliba-surface)}.sidebar{width:260px;background:linear-gradient(180deg,var(--boliba-primary) 0%,var(--boliba-dark-navy) 100%);color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.03em}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--boliba-accent),#8fe4ff);display:flex;align-items:center;justify-content:center;color:var(--boliba-primary);font-weight:900}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;color:#fffc;transition:all .2s ease;border:none;background:transparent;text-align:left;cursor:pointer}.nav-item.active,.nav-item:hover{background:#a7e6f41f;color:#fff}.content-shell{flex:1;padding:24px 20px 80px}.mobile-nav{position:sticky;bottom:0;display:flex;justify-content:space-around;padding:8px 8px 16px;background:#fffffff2;border-top:1px solid var(--boliba-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--boliba-muted);padding:10px 8px;min-width:56px}.mobile-nav a.active{color:var(--boliba-primary);font-weight:700}.page{display:flex;flex-direction:column;gap:20px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-title{margin:0;font-size:clamp(1.7rem,2vw,2.2rem);color:var(--boliba-dark-navy)}.page-subtitle{margin:6px 0 0;color:var(--boliba-muted)}.primary-btn,.secondary-btn,.ghost-btn{border:none;border-radius:12px;font-weight:700;padding:12px 18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.primary-btn{background:linear-gradient(135deg,var(--boliba-primary),var(--boliba-accent));color:#fff}.secondary-btn{background:#00aeef1f;color:var(--boliba-primary)}.ghost-btn{background:transparent;color:var(--boliba-text);border:1px solid var(--boliba-border)}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.balance-card{padding:22px;background:linear-gradient(135deg,#1d2a8a,#0a2a4a 65%,#0e4166);color:#fff;border-radius:24px;box-shadow:0 18px 35px #1e237e33}.balance-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.balance-label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.balance-amount{font-weight:800;font-size:clamp(2.1rem,4vw,3rem);letter-spacing:-.04em}.kpi-grid,.quick-actions-grid,.finance-grid,.activity-list,.grid-2{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.finance-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card,.tile-card,.panel{background:#ffffffe6;border:1px solid var(--boliba-border);border-radius:20px;padding:18px}.metric-card h3,.tile-card h3,.panel h3{margin:0 0 12px;color:var(--boliba-dark-navy)}.metric-card p{margin:0;color:var(--boliba-muted)}.metric-value{font-weight:800;color:var(--boliba-primary);font-size:1.6rem;margin-top:8px}.tile-card{display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.icon-chip{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#00aeef1f;color:var(--boliba-primary)}.list,.transaction-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.list-item,.transaction-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(18,35,61,.06)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge.info{background:#00aeef1f;color:var(--boliba-primary)}.badge.success{background:#1ca77b1f;color:var(--boliba-success)}.badge.warning{background:#ffb84d1f;color:#a96a00}.badge.danger{background:#d94d5c1f;color:var(--boliba-danger)}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--boliba-dark-navy);font-weight:600}.field input,.field select,.field textarea{width:100%;border-radius:12px;border:1px solid var(--boliba-border);background:#fff;padding:12px 14px;color:var(--boliba-text)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#1e237efa,#0a2a4af2)}.auth-card{width:min(440px,100%);background:#fffffff5;border-radius:24px;box-shadow:0 30px 60px #0000002e;padding:26px}@media(max-width:860px){.app-shell{display:block}.sidebar{display:none}.content-shell{padding-bottom:96px}}@media(min-width:861px){.mobile-nav{display:none}}