:root{
  --zx-dark:#101418;
  --zx-slate:#2C3E50;
  --zx-gold:#B08D57;
  --zx-sand:#DCC9A6;
  --zx-cream:#FBF6EE;
  --zx-white:#ffffff;
  --zx-text:#17202a;
  --zx-muted:#6b7280;
  --zx-line:rgba(44,62,80,.13);
  --zx-green:#5aa777;
  --zx-red:#d96060;
  --zx-blue:#5878b8;
  --zx-shadow:0 14px 35px rgba(16,20,24,.07);
  --zx-radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;min-height:100%;font-family:'Montserrat',sans-serif;background:#f7f5f1;color:var(--zx-text)}
body.zxfin-standalone{font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
body.zxfin-standalone a{text-decoration:none;color:inherit}
body.zxfin-standalone button,body.zxfin-standalone input,body.zxfin-standalone select,body.zxfin-standalone textarea{font:inherit}
body.zxfin-standalone .fa-solid,body.zxfin-standalone .fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal}
body.zxfin-standalone .fa-regular,body.zxfin-standalone .far{font-family:"Font Awesome 6 Free"!important;font-weight:400!important;font-style:normal}
body.zxfin-standalone .fa-brands,body.zxfin-standalone .fab{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;font-style:normal}
body.zxfin-standalone button{cursor:pointer}
body.zxfin-standalone h1,body.zxfin-standalone h2,body.zxfin-standalone h3,body.zxfin-standalone p{margin-top:0}
.zxfin-app{min-height:100vh;display:flex;background:linear-gradient(145deg,#f9f7f3 0%,#f2efe9 100%)}
.zxfin-sidebar{width:248px;position:fixed;inset:0 auto 0 0;z-index:40;background:linear-gradient(180deg,var(--zx-dark),#14202b);color:#fff;padding:24px 16px 18px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(16,20,24,.08)}
.zxfin-sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px;font-weight:700;letter-spacing:.04em}
.zxfin-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--zx-gold),#c8a86f);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(176,141,87,.26)}
.zxfin-nav{display:flex;flex-direction:column;gap:5px}
.zxfin-nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#dfe5ea;font-size:13px;font-weight:500;transition:.18s ease}
.zxfin-nav a i{width:18px;text-align:center;color:#cbd5df}
.zxfin-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.zxfin-nav a.is-active{background:linear-gradient(135deg,var(--zx-gold),#c9a66c);color:#fff;box-shadow:0 8px 18px rgba(176,141,87,.22)}
.zxfin-nav a.is-active i{color:#fff}
.zxfin-sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 8px 0}
.zxfin-user-mini{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.zxfin-avatar,.zxfin-profile-avatar{display:grid;place-items:center;border-radius:50%;background:var(--zx-slate);color:#fff;font-weight:700}
.zxfin-avatar{width:36px;height:36px}
.zxfin-user-mini div{min-width:0}.zxfin-user-mini strong,.zxfin-user-mini span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zxfin-user-mini strong{font-size:12px}.zxfin-user-mini span{font-size:10px;color:#aeb9c4;margin-top:2px}
.zxfin-logout{display:flex;gap:10px;align-items:center;padding:10px;color:#ff8d85;font-size:12px}
.zxfin-main{margin-left:248px;min-width:0;flex:1}
.zxfin-header{height:76px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--zx-line);display:flex;align-items:center;padding:0 28px;gap:18px}
.zxfin-menu-btn{display:none!important}
.zxfin-month-nav{display:flex;align-items:center;gap:14px;margin-right:auto}
.zxfin-month-nav strong{font-size:16px;text-transform:capitalize}
.zxfin-month-nav a{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--zx-slate)}
.zxfin-month-nav a:hover{background:var(--zx-cream)}
.zxfin-header-actions{display:flex;gap:10px;align-items:center}
.zxfin-icon-btn{border:1px solid var(--zx-line);background:#fff;color:var(--zx-slate);min-width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;padding:0 10px}
.zxfin-content{padding:28px;max-width:1600px;margin:0 auto 80px}
.zxfin-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.zxfin-page-head h1{font-size:26px;margin-bottom:4px;letter-spacing:-.03em}.zxfin-page-head p{color:var(--zx-muted);margin-bottom:0;font-size:13px}
.zxfin-eyebrow{display:block;color:var(--zx-gold);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;margin-bottom:5px}
.zxfin-card{background:rgba(255,255,255,.96);border:1px solid var(--zx-line);border-radius:var(--zx-radius);box-shadow:var(--zx-shadow);padding:20px}
.zxfin-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.zxfin-card-head h2{font-size:16px;margin:0}.zxfin-card-head a{font-size:11px;color:var(--zx-gold);font-weight:600}
.zxfin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:15px}
.zxfin-kpi{position:relative;min-height:154px}.zxfin-kpi-top{display:flex;align-items:center;gap:10px;color:#374151;font-size:12px;font-weight:600}.zxfin-kpi>strong{display:block;font-size:22px;margin:14px 0 4px}.zxfin-kpi>small{display:block;color:var(--zx-muted);font-size:10px;padding-right:35px}.zxfin-kpi>em{position:absolute;right:20px;bottom:18px;font-style:normal;font-size:10px;color:var(--zx-muted)}
.zxfin-kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--zx-cream);color:var(--zx-gold)}.zxfin-kpi-icon.green{background:#ebf5ee;color:var(--zx-green)}.zxfin-kpi-icon.red{background:#fceeee;color:var(--zx-red)}.zxfin-kpi-icon.blue{background:#eef2fb;color:var(--zx-blue)}.zxfin-kpi-icon.gold{background:#f6f0e6;color:var(--zx-gold)}
.zxfin-kpi-progress{height:6px;border-radius:99px;background:#eef0f2;overflow:hidden;margin-top:14px}.zxfin-kpi-progress i{display:block;height:100%;border-radius:99px}.zxfin-kpi-progress i.green{background:var(--zx-green)}.zxfin-kpi-progress i.red{background:var(--zx-red)}.zxfin-kpi-progress i.blue{background:var(--zx-blue)}
.zxfin-kpi-result{background:linear-gradient(135deg,#fff,#fbf5eb)}
.zxfin-dashboard-grid{display:grid;grid-template-columns:1.05fr 1.2fr .95fr;gap:15px;margin-bottom:15px}.zxfin-separate-card{background:linear-gradient(145deg,#fff,#fffaf2)}
.zxfin-separate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zxfin-separate-grid>div{border:1px solid rgba(176,141,87,.24);background:linear-gradient(145deg,#fbf6ee,#fff);border-radius:13px;padding:15px}.zxfin-separate-grid span,.zxfin-separate-grid small{display:block}.zxfin-separate-grid span{font-size:11px;color:#374151}.zxfin-separate-grid span small{font-size:9px;color:var(--zx-muted);display:inline}.zxfin-separate-grid strong{display:block;font-size:21px;margin:13px 0 4px}.zxfin-separate-grid>div>small{font-size:9px;color:var(--zx-muted)}
.zxfin-soft-note{margin:14px 0 0!important;background:#f7f0e4;border:1px solid rgba(176,141,87,.18);color:#645844;border-radius:11px;padding:11px 12px;font-size:10px;display:flex;gap:8px;align-items:flex-start}
.zxfin-list{display:flex;flex-direction:column}.zxfin-list-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--zx-line);min-width:0}.zxfin-list-row:last-child{border-bottom:0}.zxfin-list-icon{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--zx-cream);color:var(--zx-slate)}.zxfin-list-main{min-width:0;flex:1}.zxfin-list-main strong,.zxfin-list-main small{display:block}.zxfin-list-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zxfin-list-main small{font-size:9px;color:var(--zx-muted);margin-top:3px}.zxfin-list-row>strong{font-size:11px;white-space:nowrap}
.zxfin-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:600;background:#f2f3f5;color:#667085;white-space:nowrap}.zxfin-badge.is-pending{background:#fff1df;color:#c77b18}.zxfin-badge.is-paid{background:#eaf5ed;color:#3d8a5e}.zxfin-badge.is-cancelled{background:#f1f1f2;color:#777}
.zxfin-summary-card{overflow:hidden}.zxfin-compare-row{display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--zx-line);font-size:10px}.zxfin-compare-row span:nth-child(n+2),.zxfin-compare-row strong{text-align:right}.zxfin-compare-row.is-result{font-weight:700;border-bottom:0}.is-positive{color:#37835a!important}.is-negative{color:#c84e4e!important}
.zxfin-pending-section{margin-bottom:15px}.zxfin-pending-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zxfin-pending-card{position:relative;display:flex;gap:10px;border:1px solid var(--zx-line);border-radius:13px;padding:12px;background:#fff}.zxfin-pending-card>div{min-width:0;flex:1}.zxfin-pending-card strong,.zxfin-pending-card small,.zxfin-pending-card b{display:block}.zxfin-pending-card strong{font-size:10px}.zxfin-pending-card small{font-size:9px;color:var(--zx-muted);margin:2px 0 6px}.zxfin-pending-card b{font-size:12px}.zxfin-pending-card .zxfin-badge{position:absolute;right:9px;bottom:9px}
.zxfin-bottom-grid{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:15px}.zxfin-action-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zxfin-action-tiles a{border:1px solid var(--zx-line);border-radius:13px;display:flex;min-height:96px;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10px;background:#fff}.zxfin-action-tiles a i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f4eee4;color:var(--zx-gold)}
.zxfin-mini-bars{height:110px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:10px 6px 0}.zxfin-mini-bars>div{display:grid;grid-template-columns:12px 12px;gap:5px;align-items:end;height:100%;position:relative;padding-bottom:20px}.zxfin-mini-bars span{width:12px;border-radius:5px 5px 2px 2px;min-height:5px}.bar-income{background:var(--zx-green)}.bar-out{background:var(--zx-gold)}.zxfin-mini-bars small{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:9px;color:var(--zx-muted)}
.zxfin-category-bars{display:flex;flex-direction:column;gap:10px}.zxfin-category-bars>div{position:relative}.zxfin-category-bars label{display:flex;justify-content:space-between;font-size:9px;margin-bottom:4px}.zxfin-category-track{display:block;height:7px;border-radius:99px;background:#eef0f2;overflow:hidden}.zxfin-category-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--zx-gold),var(--zx-sand))}.zxfin-category-bars small{display:block;text-align:right;font-size:8px;color:var(--zx-muted);margin-top:3px}
.zxfin-planning-summary,.zxfin-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.zxfin-stat-strip{grid-template-columns:repeat(3,1fr)}.zxfin-planning-summary>div,.zxfin-stat-strip>div{background:#fff;border:1px solid var(--zx-line);border-radius:14px;padding:15px 17px;box-shadow:var(--zx-shadow)}.zxfin-planning-summary span,.zxfin-stat-strip span{display:block;font-size:10px;color:var(--zx-muted)}.zxfin-planning-summary strong,.zxfin-stat-strip strong{display:block;font-size:18px;margin-top:5px}.zxfin-planning-summary .is-highlight{background:linear-gradient(145deg,var(--zx-dark),var(--zx-slate));color:#fff}.zxfin-planning-summary .is-highlight span{color:#d4dce3}
.zxfin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.zxfin-period-card{margin-bottom:15px}
.zxfin-form{display:flex;flex-direction:column;gap:13px}.zxfin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.zxfin-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;color:#3d4650}.zxfin-form input,.zxfin-form select,.zxfin-form textarea{width:100%;border:1px solid #d9dde2;border-radius:10px;background:#fff;padding:11px 12px;outline:none;color:#20262c;font-size:11px;transition:.18s}.zxfin-form textarea{resize:vertical}.zxfin-form input:focus,.zxfin-form select:focus,.zxfin-form textarea:focus{border-color:var(--zx-gold);box-shadow:0 0 0 3px rgba(176,141,87,.11)}.zxfin-form-grid .span-2{grid-column:span 2}.zxfin-form-grid .span-4{grid-column:1/-1}.zxfin-form-actions{display:flex;align-items:center;justify-content:flex-end}.zxfin-actual-field.is-hidden{display:none}
.zxfin-btn{border:0;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:10px;transition:.18s}.zxfin-btn-primary{background:linear-gradient(135deg,var(--zx-gold),#c8a467);color:#fff;box-shadow:0 8px 16px rgba(176,141,87,.2)}.zxfin-btn-primary:hover{transform:translateY(-1px)}.zxfin-btn-small{padding:7px 9px;background:#f5eee3;color:#7a5c30;border:1px solid rgba(176,141,87,.2)}.zxfin-btn-block{width:100%;padding:12px}.zxfin-confirm-form,.zxfin-inline-form{display:inline-flex;margin:0 0 0 5px;vertical-align:middle}.zxfin-danger-btn{color:#c65b56!important}
.zxfin-check{flex-direction:row!important;align-items:center;gap:8px!important}.zxfin-check input{width:auto!important;margin:0}.zxfin-check span{font-size:10px;color:#58616b;font-weight:500}
.zxfin-table-wrap{width:100%;overflow-x:auto}.zxfin-table{border-collapse:collapse;width:100%;min-width:850px}.zxfin-table th{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#7b8490;text-align:left;padding:10px;border-bottom:1px solid var(--zx-line)}.zxfin-table td{padding:11px 10px;border-bottom:1px solid var(--zx-line);font-size:10px;vertical-align:middle}.zxfin-table td strong,.zxfin-table td small{display:block}.zxfin-table td small{color:var(--zx-muted);font-size:8px;margin-top:2px}.zxfin-table tbody tr:hover{background:#fcfaf6}
.zxfin-services-list .zxfin-list-row{padding:13px 0}.zxfin-services-list .zxfin-list-main strong{font-size:12px}
.zxfin-calendar-card{padding:16px}.zxfin-calendar-week,.zxfin-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.zxfin-calendar-week span{text-align:center;font-size:9px;font-weight:700;color:#7e8790;padding:8px}.zxfin-calendar-grid{border-left:1px solid var(--zx-line);border-top:1px solid var(--zx-line)}.zxfin-calendar-cell{min-height:125px;border-right:1px solid var(--zx-line);border-bottom:1px solid var(--zx-line);padding:8px;background:#fff}.zxfin-calendar-cell.is-empty{background:#fafafa}.zxfin-day-number{font-size:10px;color:#56616c}.zxfin-day-events{display:flex;flex-direction:column;gap:4px;margin-top:7px}.zxfin-event{border-radius:6px;padding:5px 6px;display:block;font-size:8px}.zxfin-event b,.zxfin-event small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zxfin-event small{opacity:.75;margin-top:1px}.zxfin-event.is-income{background:#eaf5ed;color:#347a52}.zxfin-event.is-expense{background:#fbeaea;color:#a84949}.zxfin-event.is-service{background:#f5eee3;color:#7b5c2f}.zxfin-mobile-agenda{display:none;margin-top:15px}
.zxfin-execution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px}.zxfin-execution-card h2{font-size:15px;margin:12px 0}.zxfin-execution-card>div:not(.zxfin-kpi-progress){display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--zx-line);font-size:10px}.zxfin-execution-card>div strong{font-size:11px}.zxfin-execution-card>small{display:block;font-size:9px;color:var(--zx-muted);margin-top:7px}.zxfin-result-block{margin-bottom:15px}.zxfin-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.zxfin-result-grid>div{background:#faf8f4;border:1px solid var(--zx-line);border-radius:12px;padding:16px}.zxfin-result-grid span,.zxfin-result-grid strong{display:block}.zxfin-result-grid span{font-size:9px;color:var(--zx-muted)}.zxfin-result-grid strong{font-size:18px;margin-top:5px}.zxfin-progress-block{max-width:720px}.zxfin-progress-block label{display:flex;justify-content:space-between;font-size:10px;margin:12px 0 5px}.zxfin-progress-block>div{height:8px;background:#edf0f2;border-radius:99px;overflow:hidden}.zxfin-progress-block>div i{display:block;height:100%;background:linear-gradient(90deg,var(--zx-gold),var(--zx-sand));border-radius:99px}
.zxfin-report-bars{height:280px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding:20px 10px 0;border-bottom:1px solid var(--zx-line)}.zxfin-report-month{height:100%;flex:1;max-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.zxfin-bars{height:230px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:8px}.zxfin-bars i{display:block;width:24px;min-height:2px;border-radius:7px 7px 2px 2px}.zxfin-bars i.is-income{background:var(--zx-green)}.zxfin-bars i.is-out{background:var(--zx-gold)}.zxfin-report-month>span{font-size:9px;margin-top:8px;color:var(--zx-muted)}.zxfin-legend{display:flex;gap:18px;justify-content:center;margin-top:14px;font-size:9px;color:var(--zx-muted)}.zxfin-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend-income{background:var(--zx-green)}.legend-out{background:var(--zx-gold)}.zxfin-report-category{margin-top:15px}
.zxfin-profile-block{display:flex;gap:14px;align-items:center}.zxfin-profile-avatar{width:56px;height:56px;font-size:20px}.zxfin-profile-block div strong,.zxfin-profile-block div span,.zxfin-profile-block div small{display:block}.zxfin-profile-block div strong{font-size:13px}.zxfin-profile-block div span{font-size:10px;color:var(--zx-muted);margin:2px 0}.zxfin-profile-block div small{font-size:9px;color:#9aa1a8}.zxfin-security-row{display:flex;align-items:center;gap:14px}.zxfin-security-row>div{flex:1}.zxfin-security-row strong{font-size:12px}.zxfin-security-row p{font-size:10px;color:var(--zx-muted);margin:3px 0 0}
.zxfin-alert{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;font-size:10px;margin-bottom:15px}.zxfin-alert-success{background:#eaf5ed;color:#367d54;border:1px solid #cee7d6}.zxfin-alert-danger{background:#fbeaea;color:#a84343;border:1px solid #f1cfcf}
.zxfin-empty{min-height:90px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8a929a;font-size:10px}.zxfin-empty i{font-size:16px;color:var(--zx-sand)}
.zxfin-quick-menu{position:fixed;inset:0;z-index:90;background:rgba(16,20,24,.44);display:none;align-items:center;justify-content:center;padding:20px}.zxfin-quick-menu.is-open{display:flex}.zxfin-quick-panel{width:min(430px,100%);background:#fff;border-radius:18px;padding:20px;box-shadow:0 25px 65px rgba(16,20,24,.25)}.zxfin-quick-panel>a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--zx-line);border-radius:12px;margin-top:9px;font-size:11px;font-weight:600}.zxfin-quick-panel>a i{width:34px;height:34px;display:grid;place-items:center;background:var(--zx-cream);color:var(--zx-gold);border-radius:9px}
.zxfin-mobile-nav{display:none}.zxfin-sidebar-overlay{display:none}

/* Login */
.zxfin-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr;background:var(--zx-dark);color:#fff}.zxfin-login-card{background:linear-gradient(180deg,#14202b,var(--zx-dark));padding:8vh 11%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.zxfin-login-brand{display:flex;align-items:center;gap:11px;margin-bottom:42px}.zxfin-brand-name{font-weight:700;letter-spacing:.06em;font-size:14px}.zxfin-brand-subtitle{font-size:9px;color:#aeb8c1;margin-top:2px}.zxfin-login-card h1{font-size:28px;margin-bottom:7px}.zxfin-login-card .zxfin-muted{color:#aeb8c1;font-size:10px;margin-bottom:24px}.zxfin-login-form label{color:#d7dde2}.zxfin-login-form input{background:#17232e;border-color:#36434e;color:#fff}.zxfin-input-icon{position:relative;display:block}.zxfin-input-icon>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#7f8d99}.zxfin-input-icon input{padding-left:34px;padding-right:40px}.zxfin-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:transparent;border:0;color:#8995a1}.zxfin-login-card .zxfin-check span{color:#b7c0c8}.zxfin-forgot{font-size:9px;color:var(--zx-sand);display:block;text-align:center;margin-top:12px}.zxfin-passkey-preview{display:flex;gap:11px;border:1px solid rgba(220,201,166,.18);background:rgba(220,201,166,.06);border-radius:13px;padding:13px;margin-top:22px}.zxfin-passkey-preview>i{font-size:20px;color:var(--zx-sand);margin-top:2px}.zxfin-passkey-preview strong,.zxfin-passkey-preview span{display:block}.zxfin-passkey-preview strong{font-size:9px}.zxfin-passkey-preview span{font-size:8px;color:#9ba7b1;margin-top:3px}.zxfin-login-decoration{position:relative;overflow:hidden;background:radial-gradient(circle at 65% 30%,#32465a 0,#1b2834 32%,#0e1216 73%)}.zxfin-login-orb{position:absolute;width:430px;height:430px;border:1px solid rgba(220,201,166,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px rgba(220,201,166,.035),0 0 0 140px rgba(220,201,166,.025)}

@media(max-width:1180px){
  .zxfin-sidebar{width:220px}.zxfin-main{margin-left:220px}.zxfin-dashboard-grid{grid-template-columns:1fr 1fr}.zxfin-summary-card{grid-column:1/-1}.zxfin-kpi-grid{grid-template-columns:repeat(2,1fr)}.zxfin-bottom-grid{grid-template-columns:1fr 1fr}.zxfin-bottom-grid>article:first-child{grid-column:1/-1}.zxfin-form-grid{grid-template-columns:repeat(2,1fr)}.zxfin-form-grid .span-4{grid-column:1/-1}
}
@media(max-width:900px){
  body.zxfin-standalone{font-size:13px}.zxfin-sidebar{transform:translateX(-105%);transition:.22s;width:min(82vw,290px);z-index:80}.zxfin-sidebar.is-open{transform:translateX(0)}.zxfin-sidebar-overlay{position:fixed;inset:0;background:rgba(16,20,24,.45);z-index:70}.zxfin-sidebar-overlay.is-open{display:block}.zxfin-main{margin-left:0;width:100%}.zxfin-header{height:66px;padding:0 14px;gap:8px;background:rgba(16,20,24,.97);border:0;color:#fff}.zxfin-menu-btn{display:inline-grid!important;background:transparent;border-color:rgba(255,255,255,.12);color:#fff}.zxfin-month-nav{margin:0 auto;gap:7px}.zxfin-month-nav strong{font-size:12px}.zxfin-month-nav a{color:#fff;width:28px;height:28px}.zxfin-header-actions .zxfin-btn{padding:9px 10px}.zxfin-header-actions .zxfin-btn span{display:none}.zxfin-header-actions>.zxfin-icon-btn{display:none}.zxfin-content{padding:15px 12px 94px;margin:0;max-width:none}.zxfin-page-head{margin-bottom:14px}.zxfin-page-head h1{font-size:21px}.zxfin-page-head p{font-size:10px}.zxfin-kpi-grid{grid-template-columns:1fr;gap:9px}.zxfin-kpi{min-height:0;padding:14px;display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.zxfin-kpi .zxfin-kpi-top{display:contents}.zxfin-kpi .zxfin-kpi-icon{grid-column:1;grid-row:1/3}.zxfin-kpi .zxfin-kpi-top>span:last-child{grid-column:2;grid-row:1;font-size:10px}.zxfin-kpi>strong{grid-column:2;grid-row:2;margin:0;font-size:16px}.zxfin-kpi>small{grid-column:3;grid-row:2;font-size:8px;padding:0;text-align:right}.zxfin-kpi-progress,.zxfin-kpi>em{display:none}.zxfin-kpi-result{display:block}.zxfin-kpi-result .zxfin-kpi-top{display:flex}.zxfin-kpi-result>strong{display:block;font-size:20px;margin:9px 0 3px}.zxfin-kpi-result>small{display:block;text-align:left}.zxfin-dashboard-grid,.zxfin-bottom-grid,.zxfin-two-col,.zxfin-execution-grid{grid-template-columns:1fr}.zxfin-summary-card{grid-column:auto}.zxfin-pending-cards{grid-template-columns:1fr 1fr}.zxfin-planning-summary{grid-template-columns:1fr 1fr}.zxfin-stat-strip{grid-template-columns:repeat(3,1fr);gap:7px}.zxfin-stat-strip>div{padding:12px}.zxfin-stat-strip strong{font-size:13px}.zxfin-form-grid{grid-template-columns:1fr}.zxfin-form-grid .span-2,.zxfin-form-grid .span-4{grid-column:1}.zxfin-table{min-width:720px}.zxfin-card{padding:15px;border-radius:15px}.zxfin-card-head{margin-bottom:12px}.zxfin-card-head h2{font-size:14px}.zxfin-list-row{gap:8px}.zxfin-list-row .zxfin-btn-small{font-size:0;width:32px;height:32px;padding:0}.zxfin-list-row .zxfin-btn-small:after{content:'✓';font-size:12px}.zxfin-list-row .zxfin-badge{display:none}.zxfin-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;height:68px;background:rgba(16,20,24,.98);padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));box-shadow:0 -8px 30px rgba(16,20,24,.15)}.zxfin-mobile-nav a,.zxfin-mobile-nav button{border:0;background:transparent;color:#aeb9c4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px}.zxfin-mobile-nav i{font-size:15px}.zxfin-mobile-nav .is-active{color:var(--zx-sand)}.zxfin-mobile-nav>button:nth-child(3){width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--zx-gold),#c9a66c);color:#fff;align-self:center;justify-self:center;transform:translateY(-9px);box-shadow:0 7px 18px rgba(176,141,87,.35)}.zxfin-mobile-nav>button:nth-child(3) i{font-size:18px}.zxfin-calendar-card{display:none}.zxfin-mobile-agenda{display:block}.zxfin-result-grid{grid-template-columns:1fr}.zxfin-report-bars{height:240px}.zxfin-bars{height:190px}.zxfin-security-row{align-items:flex-start;flex-wrap:wrap}.zxfin-security-row .zxfin-badge{margin-left:52px}.zxfin-login-shell{grid-template-columns:1fr;min-height:100svh}.zxfin-login-decoration{display:none}.zxfin-login-card{padding:40px 24px;justify-content:center}.zxfin-login-brand{margin-bottom:35px}.zxfin-login-card h1{font-size:24px}.zxfin-quick-menu{align-items:flex-end;padding:0}.zxfin-quick-panel{border-radius:20px 20px 0 0;padding:20px 16px calc(25px + env(safe-area-inset-bottom));width:100%}
}
@media(max-width:480px){
  .zxfin-month-nav a{display:none}.zxfin-pending-cards{grid-template-columns:1fr}.zxfin-separate-grid{gap:8px}.zxfin-separate-grid>div{padding:12px}.zxfin-separate-grid strong{font-size:18px}.zxfin-planning-summary{grid-template-columns:1fr 1fr;gap:7px}.zxfin-planning-summary>div{padding:12px}.zxfin-planning-summary strong{font-size:14px}.zxfin-action-tiles a{min-height:82px}.zxfin-page-head .zxfin-eyebrow{font-size:8px}.zxfin-content{padding-left:9px;padding-right:9px}.zxfin-card{border-radius:13px}.zxfin-profile-block{align-items:flex-start}.zxfin-login-card{padding-left:20px;padding-right:20px}
}
.zxfin-payment-modal{position:fixed;inset:0;z-index:95;background:rgba(16,20,24,.48);display:none;align-items:center;justify-content:center;padding:20px}.zxfin-payment-modal.is-open{display:flex}.zxfin-payment-panel{width:min(440px,100%);background:#fff;border-radius:18px;padding:20px;box-shadow:0 25px 65px rgba(16,20,24,.28)}
@media(max-width:900px){.zxfin-payment-modal{align-items:flex-end;padding:0}.zxfin-payment-panel{width:100%;border-radius:20px 20px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}}

/* Premium UI update v1.1 */
.zxfin-sidebar{padding:22px 16px 16px;background:
  radial-gradient(circle at top left, rgba(176,141,87,.16), transparent 28%),
  linear-gradient(180deg,#0e1318 0%,#13202c 55%,#101418 100%)}
.zxfin-sidebar-brand{padding:0 10px 22px;align-items:flex-start}
.zxfin-sidebar-brand>div:last-child{display:flex;flex-direction:column;gap:4px}
.zxfin-sidebar-brand span{font-size:15px;line-height:1.1}
.zxfin-sidebar-brand small{font-size:10px;color:#98a5b1;letter-spacing:.02em}
.zxfin-brand-mark{width:38px;height:38px;border-radius:12px;box-shadow:0 10px 22px rgba(176,141,87,.30)}
.zxfin-nav{gap:8px}
.zxfin-nav a{padding:13px 14px;border:1px solid transparent;border-radius:14px;font-size:13px;font-weight:600;letter-spacing:-.01em}
.zxfin-nav a i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);color:#e4edf5;font-size:13px;transition:.18s ease}
.zxfin-nav a:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}
.zxfin-nav a.is-active{border-color:rgba(255,255,255,.08);box-shadow:0 12px 24px rgba(176,141,87,.24)}
.zxfin-nav a.is-active i{background:rgba(255,255,255,.18);color:#fff}
.zxfin-sidebar-bottom{padding:18px 8px 0}
.zxfin-user-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);margin-bottom:10px}
.zxfin-user-card>i{margin-left:auto;color:#b9c2cb;font-size:12px}
.zxfin-avatar,.zxfin-profile-avatar,.zxfin-avatar-chip{background:linear-gradient(145deg,var(--zx-gold),#cfae79);color:#fff;box-shadow:0 10px 22px rgba(176,141,87,.28);overflow:hidden;border:2px solid rgba(255,255,255,.15)}
.zxfin-avatar img,.zxfin-profile-avatar img,.zxfin-avatar-chip img{width:100%;height:100%;object-fit:cover;display:block}
.zxfin-avatar-large{width:48px;height:48px;font-size:17px;flex:0 0 48px}
.zxfin-user-mini strong{font-size:13px}
.zxfin-user-mini span{font-size:10px;color:#d6dee6}
.zxfin-user-mini small{display:block;font-size:9px;color:#8f9baa;margin-top:4px}
.zxfin-logout{border-radius:12px;transition:.18s ease}
.zxfin-logout:hover{background:rgba(255,255,255,.05)}
.zxfin-header{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(16,20,24,.03)}
.zxfin-month-nav strong{font-size:17px;font-weight:700;color:#253647}
.zxfin-month-nav a{background:#fff;border:1px solid var(--zx-line);box-shadow:0 6px 14px rgba(16,20,24,.04)}
.zxfin-user-chip{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border:1px solid var(--zx-line);border-radius:14px;background:linear-gradient(145deg,#fff,#fbf6ee);box-shadow:0 10px 22px rgba(16,20,24,.05)}
.zxfin-avatar-chip{width:38px;height:38px;font-size:14px;flex:0 0 38px}
.zxfin-user-chip-meta{display:flex;flex-direction:column;min-width:0}
.zxfin-user-chip-meta strong{font-size:12px;line-height:1.1;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#243444}
.zxfin-user-chip-meta small{font-size:10px;color:var(--zx-muted);margin-top:2px}
.zxfin-user-chip>i{font-size:11px;color:#7a8793}
.zxfin-kpi{border-radius:20px}
.zxfin-kpi-icon{width:42px;height:42px;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}
.zxfin-kpi-top{font-size:13px}
.zxfin-kpi>strong{font-size:29px;letter-spacing:-.03em}
.zxfin-kpi>small{font-size:11px}
.zxfin-card{border-radius:20px}
.zxfin-card-head h2{font-size:18px;letter-spacing:-.02em}
.zxfin-page-head h1{font-size:32px;letter-spacing:-.04em}
.zxfin-page-head p{font-size:14px}
.zxfin-list-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px}
.zxfin-list-main strong{font-size:13px}
.zxfin-list-main small,.zxfin-badge{font-size:10px}
.zxfin-pending-card strong{font-size:12px}
.zxfin-pending-card b{font-size:16px}
.zxfin-action-tiles a{min-height:110px;font-size:12px;font-weight:600;box-shadow:0 10px 22px rgba(16,20,24,.03)}
.zxfin-action-tiles a i{width:42px;height:42px;border-radius:12px;font-size:16px}
.zxfin-profile-block{gap:16px}
.zxfin-profile-avatar{width:72px;height:72px;font-size:24px;border-width:3px}
.zxfin-profile-block div strong{font-size:16px}
.zxfin-profile-block div span{font-size:12px}
.zxfin-profile-block div small{font-size:10px}
.zxfin-login-card{background:
  radial-gradient(circle at top left, rgba(176,141,87,.14), transparent 32%),
  linear-gradient(180deg,#13202b,var(--zx-dark))}
.zxfin-login-form .zxfin-input-icon input{height:48px;border-radius:14px}
.zxfin-btn{border-radius:14px;font-weight:700;letter-spacing:-.01em}
.zxfin-btn-primary{box-shadow:0 14px 28px rgba(176,141,87,.28)}
.zxfin-login-card .zxfin-btn-primary{height:48px}
.zxfin-passkey-preview{border-radius:16px}
@media(max-width:900px){
  .zxfin-header-actions .zxfin-user-chip{display:none}
  .zxfin-sidebar-brand span{font-size:14px}
  .zxfin-page-head h1{font-size:24px}
  .zxfin-kpi>strong{font-size:20px}
  .zxfin-action-tiles a{min-height:88px}
}


/* Zynexall Fin v1.2 — clarity, icon safety and responsive density */
.zxfin-start-card{display:flex;align-items:center;gap:22px;margin-bottom:16px;padding:18px 20px;background:linear-gradient(135deg,#fffaf2 0%,#fff 55%,#f5f0e8 100%);border-color:rgba(176,141,87,.22)}
.zxfin-start-copy{display:flex;align-items:center;gap:14px;min-width:310px;flex:1}
.zxfin-start-copy h2{font-size:18px;margin:0 0 5px;letter-spacing:-.02em}.zxfin-start-copy p{font-size:11px;color:var(--zx-muted);margin:0;max-width:580px}
.zxfin-start-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--zx-gold),#c9a66c);color:#fff;box-shadow:0 10px 22px rgba(176,141,87,.22)}
.zxfin-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1.25}
.zxfin-start-steps a{display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:9px;padding:11px;border:1px solid var(--zx-line);border-radius:12px;background:rgba(255,255,255,.78);transition:.18s ease}
.zxfin-start-steps a:hover{transform:translateY(-1px);border-color:rgba(176,141,87,.35);box-shadow:0 8px 18px rgba(16,20,24,.05)}
.zxfin-start-steps b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--zx-cream);color:var(--zx-gold);font-size:11px}
.zxfin-start-steps span strong,.zxfin-start-steps span small{display:block}.zxfin-start-steps span strong{font-size:10px}.zxfin-start-steps span small{font-size:8px;color:var(--zx-muted);margin-top:2px}.zxfin-start-steps>a>i{font-size:9px;color:#9aa4ae}
.zxfin-avatar.is-initials{letter-spacing:-.03em;text-transform:uppercase}.zxfin-profile-avatar.is-initials{letter-spacing:-.04em}
.zxfin-icon-btn i,.zxfin-btn i,.zxfin-nav i,.zxfin-list-icon i,.zxfin-kpi-icon i,.zxfin-action-tiles i,.zxfin-start-icon i{line-height:1}

/* 15-inch laptop / compact desktop optimization */
@media(max-width:1440px){
  .zxfin-sidebar{width:224px;padding:18px 13px 14px}.zxfin-main{margin-left:224px}.zxfin-sidebar-brand{padding-bottom:16px}.zxfin-brand-mark{width:34px;height:34px}.zxfin-sidebar-brand span{font-size:13px}.zxfin-sidebar-brand small{font-size:8px}.zxfin-nav{gap:5px}.zxfin-nav a{padding:10px 11px;font-size:11px;border-radius:11px}.zxfin-nav a i{width:22px;height:22px;font-size:11px}.zxfin-header{height:66px;padding:0 20px}.zxfin-content{padding:20px;max-width:1540px}.zxfin-page-head{margin-bottom:15px}.zxfin-page-head h1{font-size:27px}.zxfin-page-head p{font-size:11px}.zxfin-card{padding:16px;border-radius:17px}.zxfin-kpi-grid,.zxfin-dashboard-grid,.zxfin-bottom-grid{gap:12px;margin-bottom:12px}.zxfin-kpi{min-height:132px}.zxfin-kpi>strong{font-size:24px;margin:10px 0 3px}.zxfin-kpi>small{font-size:9px}.zxfin-kpi-icon{width:36px;height:36px;border-radius:10px}.zxfin-card-head{margin-bottom:13px}.zxfin-card-head h2{font-size:15px}.zxfin-list-row{padding:8px 0}.zxfin-list-icon{width:32px;height:32px;flex-basis:32px}.zxfin-list-main strong{font-size:10px}.zxfin-list-main small{font-size:8px}.zxfin-pending-card{padding:10px}.zxfin-start-card{padding:14px 16px}.zxfin-start-copy h2{font-size:15px}.zxfin-start-copy p{font-size:9px}.zxfin-start-icon{width:40px;height:40px;flex-basis:40px}.zxfin-start-steps a{padding:9px}.zxfin-user-card{padding:10px}.zxfin-avatar-large{width:42px;height:42px;flex-basis:42px}
}
@media(max-width:1180px){
  .zxfin-start-card{align-items:stretch;flex-direction:column}.zxfin-start-copy{min-width:0}.zxfin-start-steps{width:100%}
}
@media(max-width:900px){
  .zxfin-start-card{gap:14px}.zxfin-start-steps{grid-template-columns:1fr}.zxfin-start-steps a{grid-template-columns:30px 1fr 14px}.zxfin-start-copy{align-items:flex-start}.zxfin-start-copy p{font-size:10px}.zxfin-sidebar{width:min(82vw,300px)}
  .zxfin-kpi-grid{gap:10px}.zxfin-kpi{border-radius:15px}.zxfin-header{height:62px}.zxfin-content{padding-top:14px}.zxfin-page-head h1{font-size:23px}.zxfin-card{padding:14px}
}
@media(max-width:560px){
  .zxfin-content{padding:10px 9px 88px}.zxfin-header{padding:0 9px}.zxfin-month-nav strong{font-size:12px}.zxfin-header-actions .zxfin-btn{width:38px;height:38px;padding:0;display:grid;place-items:center}.zxfin-kpi{padding:12px}.zxfin-kpi-icon{width:36px;height:36px}.zxfin-page-head p{max-width:95%}.zxfin-start-card{padding:13px}.zxfin-start-copy{gap:10px}.zxfin-start-icon{width:38px;height:38px;flex-basis:38px}.zxfin-start-copy h2{font-size:14px}.zxfin-start-copy p{font-size:9px}.zxfin-start-steps a{padding:10px}.zxfin-separate-grid{grid-template-columns:1fr}.zxfin-stat-strip{grid-template-columns:1fr}.zxfin-pending-cards{grid-template-columns:1fr}.zxfin-mobile-nav{height:66px}.zxfin-mobile-nav i{font-size:16px}
}

/* Zynexall Fin v1.3 — premium finance palette + readability */
:root{
  --zx-dark:#0B1320;
  --zx-slate:#17263A;
  --zx-gold:#C59B62;
  --zx-sand:#E8D9C3;
  --zx-cream:#F7F5F0;
  --zx-white:#FFFFFF;
  --zx-text:#172130;
  --zx-muted:#667386;
  --zx-line:rgba(23,38,58,.13);
  --zx-green:#2F8F83;
  --zx-red:#D96B73;
  --zx-blue:#4F72A8;
  --zx-shadow:0 12px 30px rgba(11,19,32,.07);
}
html,body{background:#F4F6F8;color:var(--zx-text)}
body.zxfin-standalone{font-size:15px;line-height:1.52}
.zxfin-app{background:linear-gradient(145deg,#F8F9FB 0%,#F1F4F7 100%)}
.zxfin-sidebar{background:
  radial-gradient(circle at 0 0, rgba(47,143,131,.18), transparent 27%),
  linear-gradient(180deg,#0B1320 0%,#102033 58%,#0B1320 100%);box-shadow:8px 0 28px rgba(11,19,32,.12)}
.zxfin-brand-mark{background:linear-gradient(145deg,#2F8F83,#397E93);box-shadow:0 8px 18px rgba(47,143,131,.27)}
.zxfin-sidebar-brand small{color:#AAB7C4}
.zxfin-nav a{color:#E5ECF2}
.zxfin-nav a i{background:rgba(255,255,255,.055);color:#DCE7EF}
.zxfin-nav a:hover{background:rgba(47,143,131,.10);border-color:rgba(47,143,131,.20)}
.zxfin-nav a.is-active{background:linear-gradient(135deg,#2F8F83,#397E93);box-shadow:0 10px 22px rgba(47,143,131,.28)}
.zxfin-nav a.is-active i{background:rgba(255,255,255,.16)}
.zxfin-user-card{background:linear-gradient(145deg,rgba(47,143,131,.12),rgba(255,255,255,.035));border-color:rgba(255,255,255,.10)}
.zxfin-avatar,.zxfin-profile-avatar,.zxfin-avatar-chip{background:linear-gradient(145deg,#2F8F83,#397E93);box-shadow:0 8px 18px rgba(47,143,131,.24);border-color:rgba(255,255,255,.20)}
.zxfin-avatar.is-admin-icon,.zxfin-profile-avatar.is-admin-icon,.zxfin-avatar-chip.is-admin-icon{display:grid;place-items:center;color:#fff}
.zxfin-avatar.is-admin-icon i{font-size:17px}.zxfin-avatar-chip.is-admin-icon i{font-size:14px}.zxfin-profile-avatar.is-admin-icon i{font-size:26px}
.zxfin-user-mini strong{font-size:13px}.zxfin-user-mini span{font-size:11px}.zxfin-user-mini small{font-size:10px;color:#9DAAB7}
.zxfin-logout{font-size:12px;color:#F49A9F}
.zxfin-header{background:rgba(255,255,255,.90);border-color:rgba(23,38,58,.10)}
.zxfin-month-nav strong{color:#17263A}
.zxfin-month-nav a{color:#17263A}
.zxfin-btn-primary{background:linear-gradient(135deg,#C59B62,#B78449)!important;color:#fff!important;border-color:#B78449!important;box-shadow:0 10px 22px rgba(197,155,98,.23)!important}
.zxfin-btn-primary:hover{transform:translateY(-1px);filter:brightness(.98)}
.zxfin-user-chip{background:#fff;border-color:rgba(23,38,58,.12)}
.zxfin-card{background:#fff;border-color:rgba(23,38,58,.11);box-shadow:var(--zx-shadow)}
.zxfin-eyebrow{color:#A8753F;font-size:11px}
.zxfin-page-head h1{color:#142033}
.zxfin-page-head p{color:#607083}
.zxfin-card-head h2{color:#172130}
.zxfin-card-head a{color:#2F7F77;font-size:12px}
.zxfin-kpi-icon.green{background:#E8F5F2;color:#2F8F83}.zxfin-kpi-icon.red{background:#FCEDEF;color:#CF5F67}.zxfin-kpi-icon.blue{background:#ECF1FA;color:#4F72A8}.zxfin-kpi-icon.gold{background:#F7EFE5;color:#B78449}
.zxfin-kpi-progress i.green{background:#2F8F83}.zxfin-kpi-progress i.red{background:#D96B73}.zxfin-kpi-progress i.blue{background:#4F72A8}
.zxfin-kpi-result{background:linear-gradient(135deg,#fff 15%,#FAF4EA 100%)}
.zxfin-separate-card{background:linear-gradient(145deg,#fff,#FBF7F0)}
.zxfin-separate-grid>div{border-color:rgba(197,155,98,.28);background:linear-gradient(145deg,#FBF7F0,#fff)}
.zxfin-soft-note{background:#F8F2E8;border-color:rgba(197,155,98,.24);color:#6A5943}
.zxfin-badge.is-pending{background:#FFF3E4;color:#B66D1A}.zxfin-badge.is-paid{background:#E8F5F2;color:#287A70}
.zxfin-start-card{background:linear-gradient(135deg,#F7FBFA 0%,#fff 58%,#FAF3E9 100%);border-color:rgba(47,143,131,.18)}
.zxfin-start-icon{background:linear-gradient(145deg,#2F8F83,#397E93);box-shadow:0 9px 20px rgba(47,143,131,.20)}
.zxfin-start-steps b{background:#EAF4F2;color:#2F8F83}
.zxfin-start-steps a:hover{border-color:rgba(47,143,131,.35)}
.zxfin-action-tiles a i{background:#EAF4F2;color:#2F8F83}
.legend-income{background:#2F8F83}.legend-out{background:#C59B62}
.bar-income{background:#2F8F83}.bar-out{background:#C59B62}
.zxfin-category-track i{background:linear-gradient(90deg,#2F8F83,#4F72A8)}

/* Readability: never shrink important UI copy to micro text */
.zxfin-sidebar-brand span{font-size:15px}.zxfin-sidebar-brand small{font-size:10px}
.zxfin-nav a{font-size:13px}
.zxfin-page-head h1{font-size:31px}.zxfin-page-head p{font-size:14px}
.zxfin-card-head h2{font-size:17px}
.zxfin-kpi-top{font-size:13px}.zxfin-kpi>strong{font-size:28px}.zxfin-kpi>small{font-size:11.5px}.zxfin-kpi>em{font-size:10.5px}
.zxfin-separate-grid span{font-size:12px}.zxfin-separate-grid span small{font-size:10px}.zxfin-separate-grid>div>small{font-size:10.5px}.zxfin-soft-note{font-size:11px}
.zxfin-list-main strong{font-size:12.5px}.zxfin-list-main small{font-size:10.5px}.zxfin-list-row>strong{font-size:12px}.zxfin-badge{font-size:10px}
.zxfin-compare-row{font-size:11.5px}
.zxfin-pending-card strong{font-size:12px}.zxfin-pending-card small{font-size:10.5px}.zxfin-pending-card b{font-size:15px}
.zxfin-action-tiles a{font-size:11.5px}
.zxfin-start-copy h2{font-size:18px}.zxfin-start-copy p{font-size:11.5px}.zxfin-start-steps span strong{font-size:11.5px}.zxfin-start-steps span small{font-size:10px}
.zxfin-form label{font-size:11.5px}.zxfin-form input,.zxfin-form select,.zxfin-form textarea{font-size:13px}
.zxfin-table{font-size:11.5px}
.zxfin-empty{font-size:11px}

/* 15-inch laptop: compact spacing, readable type */
@media(max-width:1440px){
  .zxfin-sidebar{width:220px;padding:17px 12px 13px}.zxfin-main{margin-left:220px}.zxfin-content{padding:18px;max-width:1500px}.zxfin-header{height:64px;padding:0 18px}
  .zxfin-sidebar-brand{padding-bottom:15px}.zxfin-sidebar-brand span{font-size:14px}.zxfin-sidebar-brand small{font-size:9.5px}.zxfin-nav{gap:4px}.zxfin-nav a{padding:10px 10px;font-size:12px}.zxfin-nav a i{width:23px;height:23px;font-size:12px}
  .zxfin-page-head{margin-bottom:14px}.zxfin-page-head h1{font-size:27px}.zxfin-page-head p{font-size:12.5px}.zxfin-eyebrow{font-size:10.5px}
  .zxfin-card{padding:15px}.zxfin-card-head{margin-bottom:12px}.zxfin-card-head h2{font-size:15.5px}.zxfin-card-head a{font-size:11px}
  .zxfin-kpi{min-height:128px}.zxfin-kpi>strong{font-size:24px;margin:9px 0 3px}.zxfin-kpi>small{font-size:10.5px}.zxfin-kpi-top{font-size:12px}.zxfin-kpi-icon{width:36px;height:36px}
  .zxfin-separate-grid span{font-size:11px}.zxfin-separate-grid>div>small{font-size:10px}.zxfin-soft-note{font-size:10.5px}
  .zxfin-list-main strong{font-size:11.5px}.zxfin-list-main small{font-size:10px}.zxfin-compare-row{font-size:10.8px}
  .zxfin-start-card{padding:13px 15px}.zxfin-start-copy h2{font-size:15px}.zxfin-start-copy p{font-size:10.5px}.zxfin-start-steps span strong{font-size:10.5px}.zxfin-start-steps span small{font-size:9px}
  .zxfin-user-card{padding:10px}.zxfin-user-mini strong{font-size:12px}.zxfin-user-mini span{font-size:10px}.zxfin-user-mini small{font-size:9px}
}

/* Tablet */
@media(max-width:1100px){
  .zxfin-sidebar{width:210px}.zxfin-main{margin-left:210px}.zxfin-content{padding:16px}.zxfin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zxfin-dashboard-grid{grid-template-columns:1fr 1fr}.zxfin-summary-card{grid-column:1/-1}.zxfin-page-head h1{font-size:26px}
}
@media(max-width:900px){
  body.zxfin-standalone{font-size:14px}.zxfin-main{margin-left:0}.zxfin-sidebar{width:min(84vw,310px)}.zxfin-content{padding:14px 12px 92px}.zxfin-header{height:62px}.zxfin-page-head h1{font-size:24px}.zxfin-page-head p{font-size:12px}.zxfin-kpi-grid{grid-template-columns:1fr}.zxfin-kpi>strong{font-size:21px}.zxfin-kpi>small{font-size:10.5px}.zxfin-card-head h2{font-size:15px}.zxfin-start-copy p{font-size:10.5px}.zxfin-mobile-nav a,.zxfin-mobile-nav button{font-size:9px}
}
@media(max-width:560px){
  .zxfin-content{padding:10px 9px 88px}.zxfin-page-head h1{font-size:22px}.zxfin-page-head p{font-size:11.5px}.zxfin-eyebrow{font-size:9.5px}.zxfin-card{padding:13px}.zxfin-kpi-top{font-size:11.5px}.zxfin-kpi>strong{font-size:20px}.zxfin-kpi>small{font-size:10px}.zxfin-separate-grid span{font-size:11px}.zxfin-separate-grid>div>small{font-size:10px}.zxfin-list-main strong{font-size:11.5px}.zxfin-list-main small{font-size:10px}.zxfin-soft-note{font-size:10px}.zxfin-form label{font-size:11px}.zxfin-form input,.zxfin-form select,.zxfin-form textarea{font-size:13px}.zxfin-mobile-nav i{font-size:16px}
}


/* Palette refresh v1.3.1 - green financial theme */
:root{
  --zx-dark:#0E3B2E;
  --zx-slate:#1F6F54;
  --zx-gold:#5FB88A;
  --zx-sand:#D7E7DD;
  --zx-cream:#F6FBF7;
  --zx-text:#19342B;
  --zx-muted:#5F7B72;
  --zx-line:rgba(31,111,84,.16);
  --zx-green:#1F6F54;
  --zx-blue:#5FB88A;
  --zx-shadow:0 16px 34px rgba(14,59,46,.08);
}
html,body{background:#F6FBF7;color:var(--zx-text)}
.zxfin-app{background:linear-gradient(145deg,#F6FBF7 0%,#EFF6F2 100%)}
.zxfin-sidebar{background:
  radial-gradient(circle at top left, rgba(95,184,138,.20), transparent 30%),
  linear-gradient(180deg,#0E3B2E 0%,#14513F 52%,#0E3B2E 100%);box-shadow:10px 0 34px rgba(14,59,46,.16)}
.zxfin-sidebar-brand small{color:#cfe2da}
.zxfin-brand-mark{background:linear-gradient(145deg,#5FB88A,#84CFAC);color:#fff;box-shadow:0 10px 22px rgba(95,184,138,.34)}
.zxfin-nav a{color:#eef7f3}
.zxfin-nav a i{background:rgba(255,255,255,.08);color:#f1fbf6}
.zxfin-nav a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10)}
.zxfin-nav a.is-active{background:linear-gradient(135deg,#5FB88A,#7CCCA4);border-color:rgba(255,255,255,.08);box-shadow:0 12px 24px rgba(95,184,138,.24);color:#fff}
.zxfin-nav a.is-active i{background:rgba(255,255,255,.20)}
.zxfin-user-card{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.11)}
.zxfin-avatar,.zxfin-profile-avatar,.zxfin-avatar-chip{background:linear-gradient(145deg,#5FB88A,#1F6F54);box-shadow:0 10px 22px rgba(31,111,84,.28)}
.zxfin-user-chip{background:linear-gradient(145deg,#fff,#F6FBF7)}
.zxfin-user-chip-meta strong{color:#16352B}
.zxfin-month-nav strong{color:#19342B}
.zxfin-month-nav a:hover{background:#ECF6F0}
.zxfin-icon-btn{color:#1F6F54}
.zxfin-page-head h1{color:#173127}
.zxfin-page-head p{color:#5D776F}
.zxfin-eyebrow{color:#1F6F54}
.zxfin-card{background:rgba(255,255,255,.98);border:1px solid rgba(31,111,84,.10);box-shadow:0 16px 34px rgba(14,59,46,.06)}
.zxfin-card-head a{color:#1F6F54}
.zxfin-kpi-icon{background:#EAF6F0;color:#1F6F54}
.zxfin-kpi-icon.green{background:#E4F5EC;color:#1F6F54}.zxfin-kpi-icon.red{background:#FFF0F0;color:#D96060}.zxfin-kpi-icon.blue{background:#EAF6F0;color:#1F6F54}.zxfin-kpi-icon.gold{background:#ECF6F0;color:#1F6F54}
.zxfin-kpi-result{background:linear-gradient(135deg,#fff,#F3FBF6)}
.zxfin-kpi-progress{background:#E6EFEA}.zxfin-kpi-progress i.green,.bar-income,.legend-income{background:#1F6F54}.zxfin-kpi-progress i.blue,.bar-out,.legend-out{background:#5FB88A}
.zxfin-separate-card{background:linear-gradient(145deg,#fff,#F5FBF7)}
.zxfin-separate-grid>div{border:1px solid rgba(31,111,84,.14);background:linear-gradient(145deg,#F6FBF7,#fff)}
.zxfin-soft-note{background:#EDF7F1;border:1px solid rgba(31,111,84,.16);color:#2B5B4B;font-size:11px}
.zxfin-list-icon,.zxfin-action-tiles a i,.zxfin-quick-panel>a i{background:#EAF6F0;color:#1F6F54}
.zxfin-badge.is-pending{background:#EDF7F1;color:#1F6F54}.zxfin-badge.is-paid{background:#E4F5EC;color:#1F6F54}
.is-positive{color:#1F6F54!important}
.zxfin-pending-card{border:1px solid rgba(31,111,84,.10)}
.zxfin-btn-primary{background:linear-gradient(135deg,#1F6F54,#5FB88A);box-shadow:0 14px 28px rgba(31,111,84,.24)}
.zxfin-btn-primary:hover{filter:brightness(1.03)}
.zxfin-header-actions .zxfin-btn-primary{color:#fff}
.zxfin-login-card{background:radial-gradient(circle at top left, rgba(95,184,138,.18), transparent 32%),linear-gradient(180deg,#14513F,var(--zx-dark))}
.zxfin-forgot{color:#D7E7DD}.zxfin-passkey-preview{border:1px solid rgba(215,231,221,.20);background:rgba(215,231,221,.06)}.zxfin-passkey-preview>i{color:#D7E7DD}
.zxfin-mobile-nav{background:rgba(14,59,46,.98)}.zxfin-mobile-nav .is-active{color:#D7E7DD}.zxfin-mobile-nav>button:nth-child(3){background:linear-gradient(135deg,#1F6F54,#5FB88A);box-shadow:0 7px 18px rgba(31,111,84,.35)}
.zxfin-header{background:rgba(255,255,255,.90)}
.zxfin-compare-row,.zxfin-list-main small,.zxfin-kpi>small,.zxfin-pending-card small,.zxfin-separate-grid>div>small{font-size:10.5px}
.zxfin-list-main strong,.zxfin-list-row>strong,.zxfin-pending-card strong{font-size:12px}
.zxfin-card-head h2{font-size:18px}
.zxfin-kpi-top{font-size:13px}.zxfin-kpi>strong{font-size:28px}.zxfin-pending-card b{font-size:14px}
.zxfin-user-mini strong{font-size:13px}.zxfin-user-mini span{font-size:11px}.zxfin-user-mini small{font-size:10px}
@media(max-width:900px){
  .zxfin-header{background:rgba(14,59,46,.98)}
  .zxfin-month-nav a,.zxfin-month-nav strong{color:#fff}
}


/* =========================================================
   Zynexall Fin v1.3.2 — Navy flat premium palette
   Palette: #0B1F3B #123A63 #2F5D8C #C9D6E5 #F2F5F8
   ========================================================= */
:root{
  --zx-dark:#0B1F3B;
  --zx-slate:#123A63;
  --zx-gold:#2F5D8C;
  --zx-sand:#C9D6E5;
  --zx-cream:#F2F5F8;
  --zx-white:#FFFFFF;
  --zx-text:#172A3F;
  --zx-muted:#66788C;
  --zx-line:#D8E1EB;
  --zx-green:#2F5D8C;
  --zx-blue:#2F5D8C;
  --zx-shadow:none;
}

/* Flat system: no visual shadows anywhere */
body.zxfin-standalone *,
body.zxfin-standalone *::before,
body.zxfin-standalone *::after{
  box-shadow:none!important;
  text-shadow:none!important;
}

html,body{background:#F2F5F8;color:#172A3F}
.zxfin-app{background:#F2F5F8}

/* Sidebar */
.zxfin-sidebar{
  background:#0B1F3B;
  border-right:1px solid #123A63;
}
.zxfin-sidebar-brand small{color:#AFC0D2}
.zxfin-brand-mark{
  background:#2F5D8C;
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
}
.zxfin-nav a{color:#E9EFF5}
.zxfin-nav a i{
  background:#123A63;
  color:#E9EFF5;
  border:1px solid rgba(255,255,255,.05);
}
.zxfin-nav a:hover{
  background:#123A63;
  border-color:#2F5D8C;
}
.zxfin-nav a.is-active{
  background:#2F5D8C;
  color:#fff;
  border-color:#2F5D8C;
}
.zxfin-nav a.is-active i{background:#123A63;color:#fff}
.zxfin-sidebar-bottom{border-top-color:rgba(201,214,229,.22)}
.zxfin-user-card{
  background:#123A63;
  border:1px solid #2F5D8C;
}
.zxfin-user-mini span{color:#D7E1EB}
.zxfin-user-mini small{color:#AFC0D2}
.zxfin-user-card>i{color:#C9D6E5}
.zxfin-logout{color:#D7E1EB}
.zxfin-logout:hover{background:#123A63;color:#fff}

/* Administrator avatar */
.zxfin-avatar,.zxfin-profile-avatar,.zxfin-avatar-chip{
  background:#2F5D8C;
  color:#fff;
  border:2px solid #C9D6E5;
}
.zxfin-avatar i,.zxfin-profile-avatar i,.zxfin-avatar-chip i{
  font-size:44%;
  color:#fff;
}
.zxfin-avatar-large{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-width:2px;
}
.zxfin-avatar-large i{font-size:18px}
.zxfin-avatar-chip i{font-size:14px}
.zxfin-profile-avatar i{font-size:25px}

/* Header */
.zxfin-header{
  background:#FFFFFF;
  border-bottom:1px solid #D8E1EB;
  backdrop-filter:none;
}
.zxfin-month-nav strong{color:#0B1F3B}
.zxfin-month-nav a,
.zxfin-icon-btn{
  background:#fff;
  color:#123A63;
  border-color:#C9D6E5;
}
.zxfin-month-nav a:hover,
.zxfin-icon-btn:hover{background:#F2F5F8;border-color:#2F5D8C}

/* "Nuevo" belongs to the visual system */
.zxfin-btn-primary,
.zxfin-header-actions .zxfin-btn-primary{
  background:#2F5D8C;
  color:#fff;
  border:1px solid #2F5D8C;
}
.zxfin-btn-primary:hover,
.zxfin-header-actions .zxfin-btn-primary:hover{
  background:#123A63;
  border-color:#123A63;
}
.zxfin-header-actions .zxfin-btn-primary{
  min-height:42px;
  border-radius:11px;
  padding:0 16px;
}
.zxfin-user-chip{
  background:#FFFFFF;
  border:1px solid #C9D6E5;
}
.zxfin-user-chip-meta strong{color:#0B1F3B}
.zxfin-user-chip-meta small{color:#66788C}
.zxfin-user-chip>i{color:#2F5D8C}

/* Main content */
.zxfin-page-head h1{color:#0B1F3B}
.zxfin-page-head p{color:#66788C}
.zxfin-eyebrow{color:#2F5D8C}
.zxfin-card{
  background:#FFFFFF;
  border:1px solid #D8E1EB;
}
.zxfin-card-head a{color:#2F5D8C}
.zxfin-kpi-result,
.zxfin-separate-card{background:#FFFFFF}
.zxfin-kpi-icon,
.zxfin-kpi-icon.green,
.zxfin-kpi-icon.blue,
.zxfin-kpi-icon.gold{
  background:#EDF3F8;
  color:#2F5D8C;
}
.zxfin-kpi-icon.red{background:#F9EDEE;color:#C8545B}
.zxfin-kpi-progress{background:#E7EDF3}
.zxfin-kpi-progress i.green,
.zxfin-kpi-progress i.blue{background:#2F5D8C}
.zxfin-kpi-progress i.red{background:#C8545B}
.zxfin-separate-grid>div{
  background:#F8FAFC;
  border:1px solid #C9D6E5;
}
.zxfin-soft-note{
  background:#EDF3F8;
  border:1px solid #C9D6E5;
  color:#35516F;
}
.zxfin-list-icon,
.zxfin-action-tiles a i,
.zxfin-quick-panel>a i{
  background:#EDF3F8;
  color:#2F5D8C;
}
.zxfin-list-row,
.zxfin-compare-row{border-bottom-color:#E1E8EF}
.zxfin-pending-card,
.zxfin-action-tiles a{border-color:#D8E1EB;background:#fff}
.zxfin-badge.is-pending{background:#EDF3F8;color:#2F5D8C}
.zxfin-badge.is-paid{background:#E9F3EE;color:#2C7457}
.is-positive{color:#2C7457!important}

/* First steps / onboarding blocks */
.zxfin-onboarding,
.zxfin-first-steps,
.zxfin-getting-started{background:#fff!important;border-color:#D8E1EB!important}

/* Forms */
.zxfin-form input,
.zxfin-form select,
.zxfin-form textarea{
  border-color:#C9D6E5;
  background:#fff;
  color:#172A3F;
}
.zxfin-form input:focus,
.zxfin-form select:focus,
.zxfin-form textarea:focus{
  outline:2px solid rgba(47,93,140,.18);
  border-color:#2F5D8C;
}

/* Login */
.zxfin-login-shell{background:#0B1F3B}
.zxfin-login-card{background:#0B1F3B}
.zxfin-login-decoration{background:#123A63}
.zxfin-login-orb{
  border-color:rgba(201,214,229,.22);
}
.zxfin-login-form input{background:#123A63;border-color:#2F5D8C;color:#fff}
.zxfin-login-form input:focus{border-color:#C9D6E5;outline:2px solid rgba(201,214,229,.14)}
.zxfin-forgot{color:#C9D6E5}
.zxfin-passkey-preview{border-color:rgba(201,214,229,.22);background:rgba(201,214,229,.07)}
.zxfin-passkey-preview>i{color:#C9D6E5}

/* Modals */
.zxfin-quick-panel,
.zxfin-payment-panel{border:1px solid #D8E1EB}
.zxfin-quick-menu,
.zxfin-payment-modal{background:rgba(11,31,59,.46)}

/* Mobile / tablet */
.zxfin-mobile-nav{background:#0B1F3B;border-top:1px solid #123A63}
.zxfin-mobile-nav .is-active{color:#C9D6E5}
.zxfin-mobile-nav>button:nth-child(3){background:#2F5D8C;color:#fff}

@media(max-width:900px){
  .zxfin-header{background:#0B1F3B;border-bottom-color:#123A63}
  .zxfin-month-nav strong,.zxfin-month-nav a{color:#fff}
  .zxfin-month-nav a,.zxfin-menu-btn{background:#123A63;border-color:#2F5D8C}
  .zxfin-header-actions .zxfin-btn-primary{background:#2F5D8C;border-color:#2F5D8C}
}


/* v1.3.3 - definitive action button palette fix */
body.zxfin-standalone .zxfin-btn-primary,
body.zxfin-standalone .zxfin-header-actions .zxfin-btn-primary{
  background:#2F5D8C!important;
  color:#FFFFFF!important;
  border:1px solid #2F5D8C!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
body.zxfin-standalone .zxfin-btn-primary:hover,
body.zxfin-standalone .zxfin-header-actions .zxfin-btn-primary:hover{
  background:#123A63!important;
  border-color:#123A63!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
body.zxfin-standalone .zxfin-btn-primary:focus-visible,
body.zxfin-standalone .zxfin-header-actions .zxfin-btn-primary:focus-visible{
  outline:2px solid #C9D6E5;
  outline-offset:2px;
}
@media(max-width:900px){
  body.zxfin-standalone .zxfin-header-actions .zxfin-btn-primary{
    background:#2F5D8C!important;
    border-color:#2F5D8C!important;
  }
}

/* =========================================================
   Zynexall Fin v1.4.0 — mobile consistency + idle security + passkeys
   ========================================================= */

/* Kill leftover teal/green accents from older versions */
.zxfin-start-card{background:#FFFFFF!important;border-color:#D8E1EB!important}
.zxfin-start-icon{background:#2F5D8C!important;color:#FFFFFF!important;border:1px solid #2F5D8C!important}
.zxfin-start-steps b{background:#EDF3F8!important;color:#2F5D8C!important}
.zxfin-start-steps a{background:#FFFFFF!important;border-color:#D8E1EB!important}
.zxfin-start-steps a:hover{background:#F8FAFC!important;border-color:#2F5D8C!important;transform:none!important}
.zxfin-category-track i{background:#2F5D8C!important}
.bar-income,.legend-income,.zxfin-bars i.is-income{background:#2F5D8C!important}
.bar-out,.legend-out,.zxfin-bars i.is-out{background:#123A63!important}

/* Clear, visible mobile menu control */
.zxfin-menu-btn i{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Idle/security notices */
.zxfin-alert-info{background:#EDF3F8;color:#284C70;border:1px solid #C9D6E5}
.zxfin-security-card .zxfin-security-row,.zxfin-passkey-settings .zxfin-security-row{margin-top:2px}

/* Optional WP-WebAuthn integration, restyled inside Zynexall Fin */
.zxfin-login-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#90A6BB;font-size:10px}
.zxfin-login-divider:before,.zxfin-login-divider:after{content:'';height:1px;background:#2F5D8C;opacity:.45;flex:1}
.zxfin-passkey-live{border:1px solid #2F5D8C;background:#102B4C;border-radius:15px;padding:14px;margin-top:4px}
.zxfin-passkey-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.zxfin-passkey-title>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#2F5D8C;color:#fff;font-size:17px}
.zxfin-passkey-title strong,.zxfin-passkey-title span{display:block}
.zxfin-passkey-title strong{font-size:11px;color:#fff}
.zxfin-passkey-title span{font-size:9px;color:#B9C8D7;margin-top:2px}
.zxfin-passkey-live .wwa-login-form,.zxfin-passkey-live .wwa-login-form-webauthn{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.zxfin-passkey-live .wwa-login-username label,.zxfin-passkey-live .wwa-remember-label,.zxfin-passkey-live .wwa-form-left{color:#DCE6EF!important;font-size:10px!important}
.zxfin-passkey-live .wwa-user-name{width:100%!important;background:#0B1F3B!important;border:1px solid #2F5D8C!important;color:#fff!important;border-radius:11px!important;padding:11px 12px!important}
.zxfin-passkey-live .wp-webauthn-notice{font-size:9px!important;color:#B9C8D7!important;margin:8px 0!important}
.zxfin-passkey-live .wwa-login-submit{width:100%!important;background:#2F5D8C!important;border:1px solid #2F5D8C!important;color:#fff!important;border-radius:11px!important;padding:11px 14px!important;font-weight:700!important;cursor:pointer!important}
.zxfin-passkey-live .wwa-login-submit:hover{background:#123A63!important;border-color:#123A63!important}
.zxfin-passkey-live .wwa-w2t,.zxfin-passkey-live .wwa-t2w{color:#C9D6E5!important;font-size:9px!important}

.zxfin-passkey-register,.zxfin-passkey-list{margin-top:18px;padding-top:18px;border-top:1px solid #D8E1EB}
.zxfin-passkey-list h3{font-size:14px;margin:0 0 12px;color:#0B1F3B}
.zxfin-passkey-register .wwa-register-form,.zxfin-passkey-list .wwa-table-container{font-family:'Montserrat',sans-serif!important}
.zxfin-passkey-register input,.zxfin-passkey-register select{width:100%;border:1px solid #C9D6E5!important;border-radius:10px!important;padding:10px!important;background:#fff!important;color:#172A3F!important}
.zxfin-passkey-register button{background:#2F5D8C!important;border:1px solid #2F5D8C!important;color:#fff!important;border-radius:10px!important;padding:10px 14px!important;font-weight:700!important}
.zxfin-passkey-register label,.zxfin-passkey-register p{font-size:11px!important;color:#526A81!important}
.zxfin-passkey-list table{width:100%!important;border-collapse:collapse!important;font-size:10px!important}
.zxfin-passkey-list th,.zxfin-passkey-list td{padding:9px!important;border-color:#D8E1EB!important}

/* Mobile and tablet */
@media(max-width:900px){
  .zxfin-header{height:64px!important;background:#0B1F3B!important;border-bottom:1px solid #123A63!important;padding:0 14px!important}
  .zxfin-menu-btn{
    display:inline-grid!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    place-items:center!important;
    padding:0!important;
    background:#123A63!important;
    border:1px solid #2F5D8C!important;
    border-radius:11px!important;
    color:#FFFFFF!important;
  }
  .zxfin-month-nav{margin:0 auto!important}
  .zxfin-month-nav strong{font-size:15px!important;color:#fff!important}
  .zxfin-month-nav a{display:none!important}
  .zxfin-header-actions{margin-left:0!important}
  .zxfin-header-actions .zxfin-btn-primary{
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
    background:#2F5D8C!important;border-color:#2F5D8C!important;border-radius:11px!important;
  }
  .zxfin-header-actions .zxfin-btn-primary i{font-size:18px!important}
  .zxfin-content{background:#F2F5F8!important}
  .zxfin-start-card{border-radius:16px!important}
  .zxfin-start-icon{background:#2F5D8C!important}
  .zxfin-start-steps b{background:#EDF3F8!important;color:#2F5D8C!important}
  .zxfin-kpi-icon.green,.zxfin-kpi-icon.blue,.zxfin-kpi-icon.gold{background:#EDF3F8!important;color:#2F5D8C!important}
  .zxfin-soft-note{background:#EDF3F8!important;color:#35516F!important;border-color:#C9D6E5!important}

  .zxfin-mobile-nav{background:#0B1F3B!important;border-top:1px solid #123A63!important}
  .zxfin-mobile-nav a,.zxfin-mobile-nav button{color:#AFC0D2!important;opacity:1!important}
  .zxfin-mobile-nav a i,.zxfin-mobile-nav button i{color:inherit!important;opacity:1!important}
  .zxfin-mobile-nav .is-active{color:#FFFFFF!important}
  .zxfin-mobile-nav>button:nth-child(3){background:#2F5D8C!important;color:#FFFFFF!important;border:1px solid #4B78A4!important;transform:translateY(-9px)!important}
  .zxfin-mobile-nav>button:last-child{color:#C9D6E5!important}
}

@media(max-width:480px){
  .zxfin-page-head h1{font-size:29px!important}
  .zxfin-page-head p{font-size:14px!important;line-height:1.55!important}
  .zxfin-start-copy h2{font-size:19px!important}
  .zxfin-start-copy p{font-size:13px!important;line-height:1.55!important}
  .zxfin-start-steps span strong{font-size:13px!important}
  .zxfin-start-steps span small{font-size:11px!important}
  .zxfin-kpi-top>span:last-child{font-size:13px!important}
  .zxfin-kpi>strong{font-size:29px!important}
  .zxfin-kpi>small{font-size:12px!important}
  .zxfin-card-head h2{font-size:17px!important}
  .zxfin-list-main strong{font-size:13px!important}
  .zxfin-list-main small{font-size:11px!important}
  .zxfin-mobile-nav a,.zxfin-mobile-nav button{font-size:10px!important}
}
@media(max-width:900px){
  .zxfin-menu-btn .fa-bars::before{content:"\f0c9"!important}
}

/* =========================================================
   Zynexall Fin v1.5.0 — simpler UX, dual currency, mobile-first
   ========================================================= */
.zxfin-nav a span{white-space:nowrap}
.zxfin-execution-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.zxfin-execution-title h2{margin:0;font-size:18px}
.zxfin-execution-card>h2{display:none}
.zxfin-entry-card{margin-bottom:16px}

/* Simpler forms: essentials first, optional data collapsed */
.zxfin-simple-form{display:grid;grid-template-columns:2fr 1fr 1fr 1.15fr 1fr;gap:14px;align-items:end}
.zxfin-simple-form label{margin:0}
.zxfin-field-wide{grid-column:span 1}
.zxfin-field-full{grid-column:1/-1}
.zxfin-simple-form input,.zxfin-simple-form select{height:44px}
.zxfin-simple-form textarea{min-height:78px}
.zxfin-simple-form label small{display:block;margin-top:5px;font-size:10px;color:#6B7F93;font-weight:500}
.zxfin-advanced{border:1px solid #D8E1EB;border-radius:12px;background:#F8FAFC;overflow:hidden}
.zxfin-advanced summary{list-style:none;cursor:pointer;padding:12px 14px;font-size:12px;font-weight:700;color:#2F5D8C;display:flex;align-items:center;gap:8px}
.zxfin-advanced summary::-webkit-details-marker{display:none}
.zxfin-advanced[open] summary{border-bottom:1px solid #D8E1EB;background:#F2F5F8}
.zxfin-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}
.zxfin-advanced-grid .zxfin-field-wide{grid-column:span 2}
.zxfin-form-actions{display:flex;justify-content:flex-end;margin-top:0}
.zxfin-form-actions .zxfin-btn{min-height:44px;padding:0 18px}
.zxfin-exchange-field.is-hidden,.zxfin-modal-tc.is-hidden{display:none!important}

/* Dual PEN / USD summary */
.zxfin-dual-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.zxfin-dual-stat{background:#fff;border:1px solid #D8E1EB;border-radius:16px;padding:16px}
.zxfin-dual-stat>span{display:block;font-size:11px;font-weight:700;color:#5C7085;margin-bottom:10px}
.zxfin-dual-stat>div{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.zxfin-dual-stat strong{font-size:21px;color:#0B1F3B;font-weight:600}
.zxfin-dual-stat strong+strong{color:#2F5D8C}
.zxfin-dual-stat small{display:block;margin-top:9px;font-size:10px;color:#6E8193}
.zxfin-tc-missing{color:#B95050;font-weight:700}

/* Mobile records replace wide tables */
.zxfin-mobile-only{display:none}
.zxfin-mobile-records{display:flex;flex-direction:column;gap:10px}
.zxfin-mobile-record{border:1px solid #D8E1EB;border-radius:14px;padding:13px;background:#fff}
.zxfin-mobile-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.zxfin-mobile-record-head strong,.zxfin-mobile-record-head small{display:block}
.zxfin-mobile-record-head strong{font-size:14px;color:#0B1F3B}
.zxfin-mobile-record-head small{font-size:11px;color:#718397;margin-top:3px}
.zxfin-mobile-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.zxfin-mobile-money span{display:flex;flex-direction:column;gap:4px;padding:10px;background:#F6F8FA;border-radius:10px;font-size:10px;color:#6B7E91}
.zxfin-mobile-money b{font-size:16px;color:#0B1F3B;font-weight:600}
.zxfin-mobile-tc{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;margin-top:10px;padding:10px 11px;border:1px solid #C9D6E5;border-radius:10px;background:#F2F5F8}
.zxfin-mobile-tc span{font-size:10px;color:#60758A}.zxfin-mobile-tc b{font-size:13px;color:#123A63}.zxfin-mobile-tc small{grid-column:1/-1;font-size:10px;color:#60758A}
.zxfin-mobile-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:11px}
.zxfin-mobile-actions .zxfin-confirm-form,.zxfin-mobile-actions .zxfin-inline-form{margin:0}

/* Modal TC */
.zxfin-payment-panel .zxfin-modal-tc small{display:block;margin-top:5px;font-size:10px;color:#6B7F93}

/* Reports are the natural place for comparison; keep execution page available but out of main menu */
.zxfin-sidebar{width:228px}
.zxfin-main{margin-left:228px}

/* Keep interface flat */
body.zxfin-standalone .zxfin-card,
body.zxfin-standalone .zxfin-sidebar,
body.zxfin-standalone .zxfin-user-card,
body.zxfin-standalone .zxfin-user-chip,
body.zxfin-standalone .zxfin-brand-mark,
body.zxfin-standalone .zxfin-btn,
body.zxfin-standalone .zxfin-icon-btn,
body.zxfin-standalone .zxfin-quick-panel,
body.zxfin-standalone .zxfin-payment-panel{box-shadow:none!important}

@media(max-width:1280px){
  .zxfin-simple-form{grid-template-columns:2fr 1fr 1fr}
  .zxfin-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zxfin-advanced-grid .zxfin-field-wide{grid-column:1/-1}
}

@media(max-width:900px){
  .zxfin-main{margin-left:0}
  .zxfin-desktop-only{display:none!important}
  .zxfin-mobile-only{display:block!important}
  .zxfin-dual-stat-strip{grid-template-columns:1fr;gap:9px}
  .zxfin-dual-stat{padding:13px 14px;border-radius:13px}
  .zxfin-dual-stat>div{justify-content:space-between;gap:12px}
  .zxfin-dual-stat strong{font-size:18px}
  .zxfin-simple-form{grid-template-columns:1fr 1fr;gap:11px}
  .zxfin-simple-form .zxfin-field-wide,.zxfin-simple-form .zxfin-field-full{grid-column:1/-1}
  .zxfin-advanced-grid{grid-template-columns:1fr}
  .zxfin-advanced-grid .zxfin-field-wide{grid-column:1}
  .zxfin-form-actions .zxfin-btn{width:100%}
  .zxfin-header-actions .zxfin-btn-primary{display:none!important} /* bottom + is the only New action on mobile */
  .zxfin-mobile-nav{box-shadow:none!important}
  .zxfin-mobile-nav>button:nth-child(3){box-shadow:none!important}
  .zxfin-execution-title{margin-bottom:12px}
}

@media(max-width:560px){
  .zxfin-simple-form{grid-template-columns:1fr}
  .zxfin-simple-form .zxfin-field-wide,.zxfin-simple-form .zxfin-field-full{grid-column:1}
  .zxfin-entry-card{padding:14px!important}
  .zxfin-card-head h2{font-size:16px!important}
  .zxfin-form label{font-size:12px!important}
  .zxfin-simple-form input,.zxfin-simple-form select{height:46px;font-size:14px!important}
  .zxfin-advanced summary{font-size:12px;padding:13px}
  .zxfin-mobile-money b{font-size:17px}
  .zxfin-mobile-record{padding:12px}
  .zxfin-page-head p{max-width:100%!important}
}
@media(max-width:900px){.zxfin-service-config-card{display:none!important}}
.zxfin-kpi-dual-money{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:14px 0 4px}.zxfin-kpi-dual-money strong{font-size:22px;font-weight:500;color:#0B1F3B}.zxfin-kpi-dual-money strong+strong{color:#2F5D8C}.zxfin-kpi-income-dual>small{padding-right:0!important}
@media(max-width:560px){.zxfin-kpi-dual-money{margin:0;grid-column:2;grid-row:2}.zxfin-kpi-dual-money strong{font-size:18px}.zxfin-kpi-income-dual>small{grid-column:3;grid-row:2}}

/* =========================================================
   Zynexall Fin v1.6.0 — app-first dashboard, cleaner mobile UX
   ========================================================= */
.zxfin-mobile-dashboard{display:none}
.zxfin-dashboard-essential-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;margin-bottom:16px}
.zxfin-start-card-compact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px!important;background:#fff!important}
.zxfin-start-card-compact .zxfin-start-copy{flex:1;min-width:0}
.zxfin-start-card-compact .zxfin-start-copy p{margin:3px 0 0;font-size:11px;color:#61768A}
.zxfin-start-actions{display:flex;gap:8px;flex-wrap:wrap}
.zxfin-start-actions a{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid #C9D6E5;border-radius:10px;background:#F8FAFC;color:#123A63;font-size:11px;font-weight:700}
.zxfin-start-actions a:hover{background:#EDF3F8}
.zxfin-stat-strip-clean strong{color:#0B1F3B}

/* Keep the public surface PEN-first. USD remains an advanced/internal option. */
.zxfin-stat-strip-clean{margin-bottom:16px}

@media(max-width:900px){
  .zxfin-desktop-dashboard{display:none!important}
  .zxfin-mobile-dashboard{display:flex!important;flex-direction:column;gap:16px}
  .zxfin-content{padding:18px 16px 96px!important;background:#F2F5F8!important}
  .zxfin-header{height:62px!important;padding:0 16px!important}
  .zxfin-menu-btn{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important}
  .zxfin-month-nav strong{font-size:15px!important;letter-spacing:-.01em}

  /* Mobile dashboard: no desktop information density */
  .zxfin-mobile-welcome{padding:2px 2px 0}
  .zxfin-mobile-welcome>span{display:block;color:#2F5D8C;text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:10px;margin-bottom:4px}
  .zxfin-mobile-welcome h1{font-size:29px;line-height:1.05;margin:0 0 6px;color:#0B1F3B;letter-spacing:-.04em}
  .zxfin-mobile-welcome p{font-size:13px;line-height:1.45;color:#65798C;margin:0}

  .zxfin-mobile-setup{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #D7E0E9;border-radius:18px;padding:14px 14px}
  .zxfin-mobile-setup>div{display:flex;align-items:center;gap:11px;min-width:0}
  .zxfin-mobile-setup>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#EDF3F8;color:#2F5D8C;flex:0 0 38px}
  .zxfin-mobile-setup strong,.zxfin-mobile-setup small{display:block}
  .zxfin-mobile-setup strong{font-size:13px;color:#0B1F3B}
  .zxfin-mobile-setup small{font-size:10px;color:#708396;margin-top:2px}
  .zxfin-mobile-setup>a{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#2F5D8C;white-space:nowrap}

  .zxfin-mobile-hero-card{background:#0B1F3B;color:#fff;border:1px solid #0B1F3B;border-radius:20px;padding:19px 18px}
  .zxfin-mobile-hero-card>span,.zxfin-mobile-hero-card>small{display:block}
  .zxfin-mobile-hero-card>span{font-size:11px;font-weight:700;color:#C9D6E5;margin-bottom:7px}
  .zxfin-mobile-hero-card>strong{display:block;font-size:34px;line-height:1;font-weight:600;letter-spacing:-.04em;margin-bottom:8px}
  .zxfin-mobile-hero-card>small{font-size:10.5px;color:#AFC0D2}

  .zxfin-mobile-summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .zxfin-mobile-summary-pair>a{min-width:0;display:grid;grid-template-columns:36px 1fr 10px;align-items:center;gap:10px;background:#fff;border:1px solid #D7E0E9;border-radius:18px;padding:14px}
  .zxfin-mobile-summary-pair>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#EDF3F8;color:#2F5D8C}
  .zxfin-mobile-summary-pair>a>span.is-expense{background:#FCEDEF;color:#CC5562}
  .zxfin-mobile-summary-pair small,.zxfin-mobile-summary-pair strong{display:block}
  .zxfin-mobile-summary-pair small{font-size:10px;color:#6E8194;margin-bottom:3px}
  .zxfin-mobile-summary-pair strong{font-size:16px;color:#0B1F3B;white-space:nowrap}
  .zxfin-mobile-summary-pair>a>i{font-size:10px;color:#91A2B2}

  .zxfin-mobile-reserve-card,.zxfin-mobile-next-card{background:#fff;border:1px solid #D7E0E9;border-radius:20px;padding:16px}
  .zxfin-mobile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .zxfin-mobile-section-head small{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:#2F5D8C;font-weight:800;margin-bottom:2px}
  .zxfin-mobile-section-head h2{font-size:17px;line-height:1.2;margin:0;color:#0B1F3B;letter-spacing:-.02em}
  .zxfin-mobile-section-head>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#EDF3F8;color:#2F5D8C}
  .zxfin-mobile-section-head>a{font-size:10.5px;font-weight:800;color:#2F5D8C}
  .zxfin-mobile-reserve-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .zxfin-mobile-reserve-card>div:last-child>span{display:block;background:#F6F8FA;border:1px solid #E0E7EE;border-radius:13px;padding:12px}
  .zxfin-mobile-reserve-card>div:last-child small,.zxfin-mobile-reserve-card>div:last-child strong{display:block}
  .zxfin-mobile-reserve-card>div:last-child small{font-size:10px;color:#708295;margin-bottom:5px}
  .zxfin-mobile-reserve-card>div:last-child strong{font-size:18px;color:#0B1F3B;font-weight:600}

  .zxfin-mobile-next-list{display:flex;flex-direction:column}
  .zxfin-mobile-next-list>a{display:grid;grid-template-columns:38px 1fr auto 10px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #E5EAF0}
  .zxfin-mobile-next-list>a:last-child{border-bottom:0;padding-bottom:0}
  .zxfin-mobile-next-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#EDF3F8;color:#2F5D8C}
  .zxfin-mobile-next-icon.is-income{background:#EDF3F8;color:#2F5D8C}
  .zxfin-mobile-next-list strong,.zxfin-mobile-next-list small{display:block}
  .zxfin-mobile-next-list strong{font-size:12px;color:#0B1F3B}
  .zxfin-mobile-next-list small{font-size:10px;color:#75879A;margin-top:2px}
  .zxfin-mobile-next-list b{font-size:12px;color:#0B1F3B;white-space:nowrap}
  .zxfin-mobile-next-list>a>i{font-size:9px;color:#9AA9B8}
  .zxfin-mobile-done{display:flex;align-items:center;gap:11px;padding:10px 0}
  .zxfin-mobile-done>i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#EDF3F8;color:#2F5D8C}
  .zxfin-mobile-done strong,.zxfin-mobile-done small{display:block}
  .zxfin-mobile-done strong{font-size:12px;color:#0B1F3B}.zxfin-mobile-done small{font-size:10px;color:#748698;margin-top:2px}

  /* Cards/forms get deliberate breathing room */
  .zxfin-page-head{margin-bottom:16px!important}
  .zxfin-card{border-radius:18px!important;padding:16px!important;margin:0!important}
  .zxfin-entry-card{margin-bottom:16px!important}
  .zxfin-stat-strip,.zxfin-dual-stat-strip{gap:12px!important;margin-bottom:16px!important}
  .zxfin-two-col,.zxfin-execution-grid,.zxfin-planning-summary{gap:14px!important}
  .zxfin-mobile-records{gap:12px!important}
  .zxfin-mobile-record{border-radius:16px!important;padding:14px!important}

  /* Daily navigation: concrete actions, no ambiguous “Plan / Más” */
  .zxfin-mobile-nav{height:74px!important;grid-template-columns:repeat(5,1fr)!important;padding:8px 5px calc(7px + env(safe-area-inset-bottom))!important;background:#0B1F3B!important}
  .zxfin-mobile-nav a,.zxfin-mobile-nav button{font-size:9px!important;gap:4px!important;color:#AFC0D2!important}
  .zxfin-mobile-nav a i,.zxfin-mobile-nav button i{font-size:16px!important}
  .zxfin-mobile-nav a.is-active{color:#fff!important}
  .zxfin-mobile-nav>button:nth-child(3){width:48px!important;height:48px!important;border-radius:50%!important;background:#2F5D8C!important;border:1px solid #4B78A4!important;transform:translateY(-8px)!important}

  /* Mobile pages show only what is needed; secondary configuration stays in the drawer/advanced areas */
  .zxfin-service-config-card{display:none!important}
}

@media(max-width:420px){
  .zxfin-content{padding-left:14px!important;padding-right:14px!important}
  .zxfin-mobile-dashboard{gap:14px}
  .zxfin-mobile-summary-pair{gap:10px}
  .zxfin-mobile-summary-pair>a{padding:12px 11px;grid-template-columns:34px 1fr 8px;gap:8px}
  .zxfin-mobile-summary-pair>a>span{width:34px;height:34px}
  .zxfin-mobile-summary-pair strong{font-size:15px}
  .zxfin-mobile-hero-card{padding:18px 16px}
  .zxfin-mobile-hero-card>strong{font-size:32px}
}

/* =========================================================
   Zynexall Fin v1.7 - Personal finance app simplificada
   ========================================================= */
:root{
  --zx-dark:#0B1F3B;
  --zx-slate:#123A63;
  --zx-blue:#2F5D8C;
  --zx-soft:#C9D6E5;
  --zx-bg:#F2F5F8;
  --zx-text:#14263B;
  --zx-muted:#6D7E90;
  --zx-line:#D6E0EA;
  --zx-success:#2C7A62;
  --zx-danger:#C85460;
}
body.zxfin-standalone{background:var(--zx-bg)!important;color:var(--zx-text)!important}
.zxfin-app{background:var(--zx-bg)!important}
.zxfin-card,.zxfin-header,.zxfin-user-chip,.zxfin-btn,.zxfin-sidebar,.zxfin-quick-panel,.zxfin-payment-panel{box-shadow:none!important}
.zxfin-content{padding:28px 32px 70px!important;max-width:1580px!important}
.zxfin-content>section+section,.zxfin-content>div+section,.zxfin-content>section+div{margin-top:20px}
.zxfin-card{border:1px solid var(--zx-line)!important;border-radius:18px!important;background:#fff!important;padding:22px!important}
.zxfin-card-head{margin-bottom:18px!important}.zxfin-card-head h2{font-size:18px!important}
.zxfin-page-head{margin-bottom:22px!important}.zxfin-page-head h1{font-size:31px!important}.zxfin-page-head p{font-size:13px!important;color:var(--zx-muted)!important}
.zxfin-eyebrow{color:var(--zx-blue)!important;font-size:10px!important}

/* usuario: solo identificación, sin falsas acciones */
.zxfin-user-card-static,.zxfin-user-chip-static{cursor:default!important;pointer-events:none!important}
.zxfin-user-card-static{padding:12px!important}
.zxfin-user-card-static small{display:none!important}
.zxfin-user-chip-static{padding-right:12px!important}
.zxfin-user-chip-static .zxfin-user-chip-meta small{color:#74869A!important}

/* navegación esencial */
.zxfin-nav{gap:7px!important}.zxfin-nav a{padding:12px 13px!important}
.zxfin-nav a.is-active{background:#2F5D8C!important}

/* Home desktop */
.zxfin-home-overview{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:18px}
.zxfin-balance-card{background:#0B1F3B!important;color:#fff!important;display:flex;flex-direction:column;justify-content:center;min-height:150px}
.zxfin-balance-card>span{font-size:12px;color:#C9D6E5}.zxfin-balance-card>strong{font-size:36px;letter-spacing:-.04em;margin:8px 0}.zxfin-balance-card>small{font-size:11px;color:#AFC0D2;line-height:1.5}
.zxfin-home-stat{display:flex!important;align-items:center;gap:14px;color:inherit!important;min-width:0}
.zxfin-home-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#EDF3F8;color:#2F5D8C;display:grid;place-items:center;font-size:16px}
.zxfin-home-stat div{min-width:0}.zxfin-home-stat small,.zxfin-home-stat strong,.zxfin-home-stat div>span{display:block}.zxfin-home-stat small{font-size:11px;color:#6D7E90}.zxfin-home-stat strong{font-size:22px;margin:5px 0;color:#0B1F3B}.zxfin-home-stat div>span{font-size:10px;color:#7C8C9C}
.zxfin-home-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:20px}
.zxfin-reserve-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--zx-line)}
.zxfin-reserve-inline span{padding:12px;background:#F5F8FB;border-radius:12px}.zxfin-reserve-inline small,.zxfin-reserve-inline strong{display:block}.zxfin-reserve-inline small{font-size:10px;color:#6D7E90}.zxfin-reserve-inline strong{margin-top:4px;font-size:17px;color:#123A63}

/* Activity lists: replacement for tables */
.zxfin-activity-list{display:flex;flex-direction:column;gap:2px}
.zxfin-activity-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #E3EAF1}
.zxfin-activity-row:last-child{border-bottom:0}
.zxfin-activity-icon{width:40px;height:40px;border-radius:12px;background:#EDF3F8;color:#2F5D8C;display:grid;place-items:center}.zxfin-activity-icon.is-income{background:#EAF4EF;color:#2C7A62}
.zxfin-activity-main{min-width:0}.zxfin-activity-main strong,.zxfin-activity-main small{display:block}.zxfin-activity-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zxfin-activity-main small{font-size:10px;color:#7A8B9B;margin-top:3px}
.zxfin-activity-money{text-align:right}.zxfin-activity-money>strong{display:block;font-size:13px}.zxfin-activity-money .zxfin-badge{margin-top:4px}
.zxfin-activity-actions{display:flex;align-items:center;gap:5px}

/* ingreso simplificado */
.zxfin-simple-income-form{display:grid!important;grid-template-columns:2fr 1fr 1.15fr 1fr auto!important;gap:14px!important;align-items:end!important}
.zxfin-simple-income-form label{margin:0!important}.zxfin-simple-income-form input,.zxfin-simple-income-form select{height:46px!important}
.zxfin-simple-income-form .zxfin-actual-field{grid-column:auto!important}.zxfin-simple-income-form .zxfin-form-actions{align-self:end}

/* gasto hormiga: iconos primero */
.zxfin-expense-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}
.zxfin-expense-choice,.zxfin-service-choice{border:1px solid var(--zx-line);background:#fff;color:#31475F;border-radius:14px;min-height:82px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;transition:.15s ease}
.zxfin-expense-choice i,.zxfin-service-choice i{font-size:19px;color:#2F5D8C}
.zxfin-expense-choice:hover,.zxfin-service-choice:hover{border-color:#8AA7C3;background:#F8FAFC}
.zxfin-expense-choice.is-selected,.zxfin-service-choice.is-selected{background:#EAF1F8;border-color:#2F5D8C;color:#123A63}
.zxfin-expense-choice.is-selected i,.zxfin-service-choice.is-selected i{color:#123A63}
.zxfin-daily-fields{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:14px;align-items:end}.zxfin-daily-fields label{margin:0!important}.zxfin-daily-fields input{height:46px!important}.zxfin-daily-detail small{font-size:9px;color:#8594A4;font-weight:500}

/* gastos fijos */
.zxfin-service-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-bottom:18px}
.zxfin-service-choice{min-height:78px;font-size:10px}
.zxfin-custom-service{max-width:480px;margin:0 0 16px!important}.zxfin-custom-service input{height:46px!important}
.zxfin-fixed-fields{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr auto;gap:14px;align-items:end}.zxfin-fixed-fields label{margin:0!important}.zxfin-fixed-fields input,.zxfin-fixed-fields select{height:46px!important}
.zxfin-fixed-row .zxfin-list-main small{font-size:10px!important}

/* settings simple */
.zxfin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.zxfin-settings-grid .zxfin-card{min-height:180px}

/* no visual clutter */
.zxfin-advanced,.zxfin-service-config-card{display:none!important}

@media(max-width:1180px){
  .zxfin-home-overview{grid-template-columns:1fr 1fr}.zxfin-balance-card{grid-column:1/-1}
  .zxfin-service-picker{grid-template-columns:repeat(6,1fr)}
  .zxfin-expense-picker{grid-template-columns:repeat(4,1fr)}
  .zxfin-simple-income-form{grid-template-columns:2fr 1fr 1fr!important}.zxfin-simple-income-form .zxfin-form-actions{grid-column:1/-1}
  .zxfin-fixed-fields{grid-template-columns:1fr 1fr 1fr}.zxfin-fixed-fields .zxfin-form-actions{grid-column:1/-1}
}

@media(max-width:900px){
  .zxfin-content{padding:18px 14px 96px!important}
  .zxfin-desktop-dashboard{display:none!important}.zxfin-mobile-dashboard{display:flex!important;flex-direction:column!important;gap:16px!important}
  .zxfin-page-head{margin-bottom:16px!important}.zxfin-page-head h1{font-size:25px!important}.zxfin-page-head p{font-size:12px!important}
  .zxfin-card{padding:17px!important;border-radius:17px!important}
  .zxfin-content>section+section{margin-top:16px!important}
  .zxfin-header-actions .zxfin-btn{display:none!important}.zxfin-user-chip-static{display:none!important}

  /* Dashboard mobile app */
  .zxfin-mobile-balance{background:#0B1F3B;color:#fff;border-radius:20px;padding:22px 20px;border:1px solid #123A63}.zxfin-mobile-balance small,.zxfin-mobile-balance strong,.zxfin-mobile-balance span{display:block}.zxfin-mobile-balance small{font-size:11px;color:#C9D6E5}.zxfin-mobile-balance strong{font-size:34px;letter-spacing:-.04em;margin:8px 0}.zxfin-mobile-balance span{font-size:10px;color:#AFC0D2}
  .zxfin-mobile-home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zxfin-mobile-home-stats a{background:#fff;border:1px solid var(--zx-line);border-radius:16px;padding:13px 10px;min-width:0;color:#0B1F3B}.zxfin-mobile-home-stats i{display:block;color:#2F5D8C;margin-bottom:10px}.zxfin-mobile-home-stats small,.zxfin-mobile-home-stats strong{display:block}.zxfin-mobile-home-stats small{font-size:9px;color:#728497;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zxfin-mobile-home-stats strong{font-size:14px;margin-top:4px;white-space:nowrap}
  .zxfin-mobile-actions-card,.zxfin-mobile-list-card{background:#fff;border:1px solid var(--zx-line);border-radius:18px;padding:16px}.zxfin-mobile-actions-card h2{font-size:15px;margin:0 0 13px}.zxfin-mobile-actions-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zxfin-mobile-actions-card a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#F5F8FB;border:1px solid #DCE5ED;border-radius:14px;min-height:84px;font-size:10px;font-weight:600}.zxfin-mobile-actions-card a i{width:34px;height:34px;border-radius:11px;background:#E4EDF6;color:#2F5D8C;display:grid;place-items:center;font-size:15px}
  .zxfin-mobile-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.zxfin-mobile-section-title h2{font-size:15px;margin:0}.zxfin-mobile-section-title a{font-size:10px;color:#2F5D8C;font-weight:600}
  .zxfin-mobile-list-card .zxfin-list-row{display:grid!important;grid-template-columns:38px 1fr auto!important;gap:10px!important;padding:12px 0!important}.zxfin-mobile-list-card .zxfin-list-row>.zxfin-badge{display:none!important}.zxfin-mobile-list-card .zxfin-list-row>.zxfin-confirm-form{grid-column:2/4;justify-self:end}.zxfin-mobile-list-card .zxfin-list-row>strong{font-size:12px!important}
  .zxfin-mobile-list-card .zxfin-activity-row{grid-template-columns:38px 1fr auto!important}.zxfin-mobile-list-card .zxfin-activity-actions{display:none}

  .zxfin-stat-strip{gap:10px!important;margin-bottom:16px!important}.zxfin-stat-strip>div{padding:14px!important}.zxfin-stat-strip span{font-size:9px!important}.zxfin-stat-strip strong{font-size:17px!important}
  .zxfin-expense-picker{grid-template-columns:repeat(4,1fr);gap:8px}.zxfin-expense-choice{min-height:74px;font-size:9px;padding:8px 4px}.zxfin-expense-choice i{font-size:17px}
  .zxfin-daily-fields{grid-template-columns:1fr 1fr}.zxfin-daily-detail,.zxfin-daily-fields .zxfin-form-actions{grid-column:1/-1}.zxfin-daily-fields .zxfin-btn{width:100%}
  .zxfin-service-picker{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.zxfin-service-choice{flex:0 0 92px;min-height:76px;scroll-snap-align:start}
  .zxfin-fixed-fields{grid-template-columns:1fr 1fr}.zxfin-fixed-fields .zxfin-actual-field,.zxfin-fixed-fields .zxfin-form-actions{grid-column:1/-1}.zxfin-fixed-fields .zxfin-btn{width:100%}
  .zxfin-simple-income-form{grid-template-columns:1fr 1fr!important}.zxfin-simple-income-form label:first-of-type{grid-column:1/-1}.zxfin-simple-income-form .zxfin-actual-field,.zxfin-simple-income-form .zxfin-form-actions{grid-column:1/-1!important}.zxfin-simple-income-form .zxfin-btn{width:100%}
  .zxfin-activity-row{grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;padding:12px 0!important}.zxfin-activity-icon{width:38px;height:38px}.zxfin-activity-main strong{font-size:11.5px}.zxfin-activity-main small{font-size:9.5px}.zxfin-activity-money strong{font-size:12px}.zxfin-activity-actions{grid-column:2/4;justify-self:end}
  .zxfin-settings-grid{grid-template-columns:1fr;gap:16px}.zxfin-settings-grid .zxfin-card{min-height:0}
  .zxfin-mobile-nav{height:72px!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important}.zxfin-mobile-nav a,.zxfin-mobile-nav button{font-size:9px!important}.zxfin-mobile-nav>button:nth-child(3){width:48px!important;height:48px!important}
}
@media(max-width:480px){
  .zxfin-content{padding:14px 11px 94px!important}.zxfin-mobile-dashboard{gap:14px!important}.zxfin-mobile-balance{padding:20px 17px}.zxfin-mobile-balance strong{font-size:31px}
  .zxfin-mobile-home-stats{gap:7px}.zxfin-mobile-home-stats a{padding:11px 8px}.zxfin-mobile-home-stats strong{font-size:13px}
  .zxfin-expense-picker{grid-template-columns:repeat(3,1fr)}
  .zxfin-daily-fields,.zxfin-fixed-fields,.zxfin-simple-income-form{grid-template-columns:1fr!important}.zxfin-daily-detail,.zxfin-daily-fields .zxfin-form-actions,.zxfin-fixed-fields .zxfin-actual-field,.zxfin-fixed-fields .zxfin-form-actions,.zxfin-simple-income-form label:first-of-type,.zxfin-simple-income-form .zxfin-actual-field,.zxfin-simple-income-form .zxfin-form-actions{grid-column:1!important}
  .zxfin-mobile-actions-card>div{gap:7px}.zxfin-mobile-actions-card a{min-height:78px}
}