/* FINNEX 63.1 — clean, responsive SaaS command center */
.fnxf631{max-width:1480px;margin:20px auto;padding:0 20px 35px;color:#1a2b45;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}
.fnxf631 *{box-sizing:border-box}
.fnxf631-header{background:linear-gradient(118deg,#122c4e,#245bb4);border-radius:20px;color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.fnxf631-kicker{font-size:11px;letter-spacing:.13em;color:#bed5fb;font-weight:700}
.fnxf631-header h1{color:#fff!important;font-size:clamp(28px,3vw,38px)!important;font-weight:720!important;letter-spacing:-.045em!important;line-height:1.2!important;margin:10px 0!important}
.fnxf631-header p{color:#d7e6fc!important;font-size:14px!important;margin:0!important}
.fnxf631-chip{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:9px 13px;border-radius:99px;white-space:nowrap;font-size:12px;font-weight:620}
.fnxf631-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0 23px}
.fnxf631-kpis article,.fnxf631-panel{background:#fff;border:1px solid #e1e8f1;border-radius:16px;box-shadow:0 5px 18px rgba(18,44,80,.035)}
.fnxf631-kpis article{padding:22px 20px;min-height:142px}
.fnxf631-kpis article span{display:block;font-size:12px;font-weight:600;color:#6b7e96}
.fnxf631-kpis article strong{display:block;font-size:21px;line-height:1.2;color:#172d4c;letter-spacing:-.025em;margin:14px 0 8px;overflow-wrap:anywhere}
.fnxf631-kpis article small{display:block;font-size:11px;color:#77889e;line-height:1.4}
.fnxf631-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
.fnxf631-panel{padding:23px}
.fnxf631-panelhead{margin-bottom:20px}
.fnxf631-panelhead h2{font-size:20px!important;font-weight:700!important;letter-spacing:-.03em!important;margin:0 0 6px!important;color:#193151!important}
.fnxf631-panelhead p{color:#70829a!important;font-size:13px!important;margin:0!important}
.fnxf631-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.fnxf631-action{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:90px;border:1px solid #e0e9f3;border-radius:13px;padding:15px;background:#f9fbff;text-decoration:none!important;color:#1c365b!important;transition:background .12s,border-color .12s}
.fnxf631-action:hover{background:#edf4ff;border-color:#9ebce9}
.fnxf631-action strong{display:block;font-size:14px;font-weight:660}
.fnxf631-action small{display:block;font-size:11px;color:#6c809a;margin-top:5px;line-height:1.35}
.fnxf631-arrow{font-size:20px;color:#2865c4}
.fnxf631-checks>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e8eef6}
.fnxf631-checks span{color:#60748f}
.fnxf631-checks strong{font-size:12px;font-weight:650;text-align:right;color:#687b95}
.fnxf631-checks .fnxf631-good{color:#137d59}
.fnxf631-checks .fnxf631-bad{color:#b45309}
.fnxf631-note,.fnxf631-alert{font-size:12px!important;color:#75849a!important;line-height:1.6!important;margin:18px 0 0!important}
.fnxf631-alert{grid-column:1/-1;color:#a24b17!important}
.fnxf631 :focus-visible{outline:3px solid #8bb7fc;outline-offset:3px}
@media(max-width:1100px){.fnxf631-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fnxf631-columns{grid-template-columns:1fr}}
@media(max-width:620px){.fnxf631{padding:0 8px}.fnxf631-header{display:block;padding:23px}.fnxf631-chip{display:inline-block;margin-top:15px}.fnxf631-kpis{gap:9px}.fnxf631-kpis article{padding:15px;min-height:124px}.fnxf631-kpis article strong{font-size:18px}.fnxf631-panel{padding:16px}.fnxf631-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.fnxf631 *{transition:none!important}}

.fnxf632-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:19px 0 0;background:#fff;border:1px solid #e1e8f1;padding:14px 17px;border-radius:13px}
.fnxf632-picker label{font-weight:650;color:#304b70}
.fnxf632-picker select{min-height:39px;max-width:440px;border:1px solid #d4e0ef;border-radius:9px;padding:6px 10px;background:#fff;color:#243e60}
.fnxf632-picker button{min-height:39px;background:#245bd6;border:0;border-radius:9px;color:#fff;padding:7px 15px;font-weight:650;cursor:pointer}
.fnxf632-picker button:hover{background:#1849b4}
.fnxf632-benefits{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e1e8f1;border-radius:15px;padding:18px 22px;margin:0 0 20px}
.fnxf632-benefits strong{display:block;font-size:14px;color:#203a5c}
.fnxf632-benefits small{display:block;font-size:11px;color:#6b7e96;margin-top:4px}
.fnxf632-benefits-list{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.fnxf632-benefits-list span{font-size:11px;font-weight:570;background:#edf4ff;border:1px solid #d8e6fb;border-radius:99px;color:#315b91;padding:7px 10px}
.fnxf632-benefits-list .fnxf632-empty{background:#fff7ed;color:#92400e;border-color:#fed7aa}
@media(max-width:750px){.fnxf632-benefits{display:block}.fnxf632-benefits-list{justify-content:flex-start;margin-top:12px}}