:root{--bg:#f4f5fb;--surface:#fff;--surface-2:#f8f9ff;--ink:#171a2b;--muted:#777d91;--line:#e8eaf3;--primary:#5759d9;--primary-dark:#4143bd;--lavender:#eeefff;--green:#16865c;--green-bg:#e7f8ef;--orange:#b96a17;--orange-bg:#fff2df;--blue:#3973ce;--blue-bg:#eaf2ff;--purple:#7a55d5;--purple-bg:#f1ebff;--radius:24px;--shadow:0 8px 28px rgba(35,42,90,.055)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:26px 17px 20px;display:flex;flex-direction:column;z-index:10}.brand,.login-brand{display:flex;align-items:center;gap:12px;padding:3px 8px 31px}.brand strong,.login-brand strong{display:block;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.45px}.brand small,.login-brand small{display:block;font-size:9px;font-weight:700;letter-spacing:1.25px;color:#969bb0;margin-top:2px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;color:#fff;background:linear-gradient(145deg,#7779f2,#4e50cb);box-shadow:0 7px 14px #5d60d933;font-family:Manrope,sans-serif;font-size:21px;font-weight:800}.brand-mark svg{width:22px;height:22px}.nav-label{padding:5px 12px 12px;color:#a0a5b8;font-size:9px;letter-spacing:1.6px;font-weight:800}.nav-menu{display:grid;gap:5px}.nav-menu a{min-height:46px;padding:0 13px;display:flex;align-items:center;gap:12px;border-radius:15px;color:#70768b;font-size:12px;font-weight:700;transition:.18s}.nav-menu a>span:first-child{font-size:19px;width:23px;text-align:center}.nav-menu a:hover{background:#f7f7ff;color:var(--primary)}.nav-menu a.active{background:var(--lavender);color:var(--primary)}.nav-new{font-size:8px!important;letter-spacing:.3px!important;width:auto!important;background:#dedfff;border-radius:6px;padding:3px 5px;margin-left:auto}.sidebar-bottom{margin-top:auto}.secure-note{display:flex;align-items:center;gap:10px;padding:14px 11px;margin-bottom:10px;border:1px solid var(--line);background:#fafaff;border-radius:17px}.secure-dot,.live-indicator span,.context-dot,.connection-pill span,.environment-pill span{width:8px;height:8px;border-radius:50%;background:#27bd82;box-shadow:0 0 0 4px #27bd821a;flex-shrink:0}.secure-note strong{display:block;font-size:11px}.secure-note small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.logout-btn{border:0;background:transparent;color:#8a8fa1;font-weight:700;font-size:12px;padding:10px 12px;width:100%;text-align:left;border-radius:12px}.logout-btn:hover{background:#fff0f1;color:#c64e5b}.main-area{margin-left:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;padding:0 clamp(24px,4vw,54px);gap:13px;border-bottom:1px solid #e9eaf2;background:rgba(255,255,255,.7);backdrop-filter:blur(14px)}.topbar-context{display:flex;align-items:center;gap:9px;color:#7b8093;font-size:11px;font-weight:600}.context-dot{width:6px;height:6px;box-shadow:none}.topbar-spacer{flex:1}.live-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5f3ec;background:#f4fcf7;border-radius:999px;color:#398263;font-size:10px;font-weight:700}.live-indicator span{width:6px;height:6px;box-shadow:none}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e4e5ff;color:#4d4fc0;font-family:Manrope,sans-serif;font-weight:800}.mobile-brand{display:none;align-items:center;gap:9px}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:12px;font-size:17px}.mobile-brand strong{font-family:Manrope,sans-serif;font-size:13px}.page-content{width:100%;max-width:1420px;margin:0 auto;padding:34px clamp(24px,4vw,54px) 38px;flex:1}.footer{padding:18px clamp(24px,4vw,54px) 25px;color:#a0a4b4;font-size:10px}.footer>span:first-child{padding:0 5px}.footer-secure{float:right}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#969bb1;font-weight:800}.page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-1.25px;margin:7px 0 8px;font-weight:800}.page-heading p{margin:0;color:var(--muted);font-size:12px}.heading-android h1{font-size:clamp(27px,3vw,36px)}.wave{font-size:.7em;color:#e5a33a}.date-chip{padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:13px;color:#777d91;font-size:10px;font-weight:700}.icon-action{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:22px;color:var(--primary);box-shadow:var(--shadow)}.hero-card{position:relative;min-height:246px;overflow:hidden;border-radius:27px;background:linear-gradient(115deg,#5558d3 0%,#6669e5 48%,#8587f3 100%);padding:30px 34px;color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:0 13px 30px #5558d326}.hero-copy{position:relative;z-index:2;max-width:440px}.hero-label{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff40;background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:9px;letter-spacing:1.1px;font-weight:800}.hero-pulse{width:6px;height:6px;border-radius:50%;background:#9dffd0;box-shadow:0 0 0 4px #9dffd026}.hero-subtitle{margin-top:15px;color:#e0e1ff;font-size:11px;font-weight:600}.hero-card h2{font-family:Manrope,sans-serif;font-size:clamp(27px,4vw,40px);letter-spacing:-1.2px;line-height:1.15;margin:2px 0 5px}.hero-card p{color:#e1e2ff;font-size:11px;margin:0 0 18px}.hero-link{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;background:#fff;color:#4e50bf;border-radius:12px;font-size:10px;font-weight:800}.hero-link span{font-size:15px}.hero-art{width:245px;height:200px;position:relative;display:grid;place-items:center;flex-shrink:0}.hero-orb{position:absolute;border:1px solid #ffffff38;border-radius:50%}.orb-a{width:185px;height:185px}.orb-b{width:145px;height:145px}.hero-phone{width:108px;height:168px;background:linear-gradient(150deg,#fafaff,#d9dcff);border:4px solid #d0d3ff;border-radius:20px;box-shadow:0 14px 28px #292b8b55;transform:rotate(7deg);padding:16px 12px;color:#5558c7;position:relative}.phone-speaker{width:25px;height:4px;background:#b7b9e7;border-radius:99px;margin:-8px auto 13px}.phone-logo{width:28px;height:28px;display:grid;place-items:center;background:#6265dc;color:white;border-radius:10px;font-weight:800;font-size:14px}.phone-line{height:5px;background:#bfc1f0;border-radius:8px;margin-top:10px;width:75%}.phone-line.short{width:49%;margin-top:5px}.phone-amount{font-size:8px;margin-top:15px}.phone-amount b{font-size:12px;letter-spacing:1px}.phone-foot{font-size:5px;letter-spacing:1px;margin-top:10px}.hero-mini{position:absolute;right:0;bottom:20px;border:1px solid #ffffff55;background:#ffffff23;padding:8px 10px;border-radius:11px;font-size:9px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px}.stat-card{padding:18px 18px 16px;border:1px solid #e9eaf4;background:#fff;border-radius:21px;min-width:0;box-shadow:0 5px 18px #242a5b05}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.stat-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:17px}.icon-purple{background:var(--purple-bg);color:var(--purple)}.icon-green{background:var(--green-bg);color:var(--green)}.icon-blue{background:var(--blue-bg);color:var(--blue)}.icon-orange{background:var(--orange-bg);color:var(--orange)}.stat-tag{font-size:8px;letter-spacing:1px;color:#a1a5b7;font-weight:800}.stat-label{font-size:10px;color:#777d91;font-weight:600}.stat-value{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.7px;margin:4px 0}.stat-foot{font-size:9px;color:#a1a5b3}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:28px 0 13px}.section-title h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;margin:0;font-weight:800}.section-title p{margin:4px 0 0;color:#858a9c;font-size:10px}.section-title-spaced{margin-top:30px}.subtle-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#999eb1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.quick-card{display:flex;align-items:center;gap:11px;padding:15px 14px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform .18s,box-shadow .18s}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;font-size:19px}.quick-blue{color:#3c6acb;background:#edf3ff}.quick-green{color:#19845c;background:#e7f8ef}.quick-purple{color:#7957d0;background:#f1ebff}.quick-card span:nth-child(2){min-width:0;flex:1}.quick-card strong{display:block;font-size:11px}.quick-card small{display:block;color:#888da0;font-size:9px;line-height:1.4;margin-top:3px}.quick-card>b{color:#9da1b2;font-size:17px}.table-card{border:1px solid var(--line);background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 5px 18px #242a5b04}.table-toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.search-box{flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fafaff;border-radius:12px;padding:0 12px}.search-box span{font-size:18px;color:#969bb0}.search-box input{width:100%;border:0;outline:0;background:transparent;min-width:0;padding:12px 0;font-size:11px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#fafbff;color:#969bb0;font-size:8px;letter-spacing:1px;text-align:left;padding:13px 17px;font-weight:800}td{padding:14px 17px;border-top:1px solid #f0f1f7;font-size:10px;color:#74798d}td strong{display:block;color:#292d40;font-size:10px}td small{display:block;color:#a0a4b3;font-size:9px;margin-top:3px}.amount{font-weight:800;color:#272b40}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef0f8;color:#6f7488;font-size:8px;font-weight:800;letter-spacing:.3px}.status-completed{background:#e4f8ee;color:#16835a}.status-pending,.status-submitted{background:#fff2dd;color:#a56616}.status-failed,.status-unknown{background:#fff0f0;color:#bd4d5b}.empty-state{text-align:center;padding:38px 20px 42px}.empty-icon{width:47px;height:47px;border-radius:17px;display:grid;place-items:center;background:#f0f0ff;color:#696be0;font-size:24px;margin:0 auto 12px}.empty-state h3{font-family:Manrope,sans-serif;font-size:15px;margin:0 0 6px}.empty-state p{font-size:11px;color:#858a9c;max-width:410px;margin:0 auto 15px}.compact-empty{padding:28px 18px}.notice{display:flex;gap:12px;margin-top:19px;padding:15px 17px;background:#edf4ff;border:1px solid #e1eaff;border-radius:17px;color:#41639e}.notice>span{font-size:18px;flex-shrink:0}.notice strong{display:block;font-size:11px;color:#304d85}.notice p{font-size:10px;color:#5c76a7;margin:3px 0 0;line-height:1.6}.notice-warning{background:#fff7e8;border-color:#ffebc8;color:#a66b20}.notice-warning strong{color:#8e5812}.notice-warning p{color:#8c714d}.text-link{font-size:10px;color:var(--primary);font-weight:800}.text-link span{font-size:15px;margin-left:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:13px;padding:12px 16px;font-size:11px;font-weight:800;transition:.15s}.btn span{font-size:16px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 13px #5759d92b}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-dark{background:#24273a;color:#fff}.btn-dark:hover{background:#111324}.btn-full{width:100%;margin-top:15px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.alert{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:14px;margin-bottom:18px;font-size:11px;font-weight:600}.alert-error{background:#fff0f1;border:1px solid #ffdce0;color:#a63d4a}.alert-success{background:#e9f9f0;border:1px solid #d3f1e1;color:#17744f}.alert-symbol{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ffffffa0;font-weight:900;flex-shrink:0}.pagination-wrap{padding:15px}.pagination-wrap nav{display:flex;justify-content:center}.pagination-wrap a,.pagination-wrap span{display:inline-block;padding:7px 10px;margin:2px;border-radius:9px;background:#f5f5ff;color:#6568ce;font-size:10px}.pagination-wrap [aria-current=page] span{background:var(--primary);color:#fff}.daraja-status-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:21px;margin:16px 0 17px;box-shadow:var(--shadow)}.daraja-status-symbol{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:var(--lavender);color:var(--primary);font-size:26px;flex-shrink:0}.daraja-status-copy{flex:1;min-width:0}.daraja-status-copy strong{font-family:Manrope,sans-serif;font-size:14px}.daraja-status-copy p{margin:3px 0 0;color:#858a9c;font-size:10px}.connection-pill,.environment-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 11px;background:#eaf8f0;color:#1d8059;font-size:9px;font-weight:800;white-space:nowrap}.connection-pill span{width:6px;height:6px;box-shadow:none}.connection-pill.disconnected{background:#fff0f0;color:#b64d58}.connection-pill.disconnected span{background:#c64d5a}.environment-pill{margin-bottom:4px}.environment-pill.production{background:#fff0f0;color:#b54b57}.environment-pill.production span{background:#d64c5b;box-shadow:none}.environment-pill.sandbox{background:#fff4df;color:#986017}.environment-pill.sandbox span{background:#e1a13c;box-shadow:none}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tool-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 5px 18px #242a5b04;min-width:0}.tool-card-wide{grid-column:1/-1}.tool-card-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.tool-icon{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;font-size:19px}.tool-blue{background:#eaf2ff;color:#3973ce}.tool-purple{background:#f1ebff;color:#7957d0}.tool-green{background:#e6f8ef;color:#16865c}.tool-label{font-size:8px;letter-spacing:1.1px;color:#969bb0;font-weight:800}.tool-card h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px;margin:0 0 6px}.tool-card>p{color:#82879a;font-size:11px;min-height:47px;margin:0;line-height:1.65}.tool-form{margin-top:15px}.tool-form label,.login-form label{display:block;margin:12px 0 6px;color:#62677c;font-size:10px;font-weight:800}.tool-form input,.login-form input{width:100%;border:1px solid #e2e5f1;background:#fafaff;border-radius:12px;padding:13px 14px;color:#262a3d;outline:0;font-size:12px;transition:border .15s,box-shadow .15s}.tool-form input:focus,.login-form input:focus{border-color:#8586eb;box-shadow:0 0 0 4px #7779ef16}.callback-url{padding:11px 13px;background:#f8f9ff;border:1px solid #ebedf7;border-radius:12px;margin-top:10px;min-width:0}.callback-url small{display:block;font-size:8px;font-weight:800;letter-spacing:1px;color:#8c91a5;margin-bottom:4px}.callback-url code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:10px;color:#5055bd}.inline-warning{font-size:9px;color:#8c744e;background:#fff8eb;border-radius:10px;padding:10px 12px;margin-top:12px}.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.balance-card{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;min-width:0}.balance-dot{width:8px;height:8px;background:#23a974;border-radius:50%;margin-top:6px;flex-shrink:0}.balance-card div{min-width:0}.balance-card small{display:block;color:#8b90a2;font-size:9px;overflow-wrap:anywhere}.balance-card strong{display:block;font-family:Manrope,sans-serif;font-size:15px;margin:4px 0}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(ellipse at 10% 10%,#e2e4ff 0,transparent 34%),radial-gradient(ellipse at 90% 90%,#dceeff 0,transparent 32%),#f5f6fc}.login-decoration{position:fixed;width:460px;height:460px;border:1px solid #d9dcfa;border-radius:50%;right:-230px;top:-180px;pointer-events:none}.login-decoration:before,.login-decoration:after{content:"";position:absolute;inset:35px;border:1px solid #d9dcfa;border-radius:50%}.login-decoration:after{inset:75px}.login-card{position:relative;width:100%;max-width:440px;padding:31px;background:#ffffffeb;backdrop-filter:blur(20px);border:1px solid #ffffff;border-radius:28px;box-shadow:0 25px 80px #373d8520}.login-brand{padding:0 0 29px}.login-heading .eyebrow{display:block}.login-heading h1{font-family:Manrope,sans-serif;font-size:33px;line-height:1.15;letter-spacing:-1.5px;margin:9px 0 9px}.login-heading h1 em{font-style:normal;color:var(--primary)}.login-heading p{font-size:11px;color:#7c8297;margin:0 0 22px}.login-form label{margin-top:13px}.login-form input{padding:14px}.login-form .btn{margin-top:22px;padding:14px}.field-error{font-size:10px;color:#bd4d5b;margin-top:5px}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:#9095a7;font-size:9px}.lock-icon{font-size:16px}.bottom-nav{display:none}@media(max-width:1150px){.sidebar{width:225px}.main-area{margin-left:225px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:1fr}.hero-art{width:200px}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body{font-size:14px}.sidebar{display:none}.main-area{margin-left:0;padding-bottom:83px}.topbar{height:62px;padding:0 18px;gap:10px}.mobile-brand{display:flex}.topbar-context{display:none}.live-indicator{font-size:0;padding:8px;width:30px;height:30px;justify-content:center}.live-indicator span{width:7px;height:7px}.avatar{width:31px;height:31px;font-size:12px}.page-content{padding:25px 16px 28px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1,.heading-android h1{font-size:28px}.page-heading p{max-width:300px;line-height:1.6}.date-chip{display:none}.hero-card{padding:23px 21px;min-height:214px;border-radius:24px}.hero-card h2{font-size:29px}.hero-card p{max-width:205px}.hero-art{width:105px;height:150px;position:absolute;right:3px;bottom:7px;opacity:.86}.hero-orb.orb-a{width:130px;height:130px}.hero-orb.orb-b{width:102px;height:102px}.hero-phone{transform:rotate(8deg) scale(.77)}.hero-mini{right:0;bottom:2px;font-size:7px;padding:6px}.hero-copy{max-width:72%}.hero-label{font-size:8px;padding:5px 8px}.hero-link{font-size:9px;padding:9px 10px}.stats-grid{gap:10px;margin-top:13px}.stat-card{padding:14px;border-radius:18px}.stat-top{margin-bottom:13px}.stat-icon{width:30px;height:30px;border-radius:11px}.stat-tag{font-size:7px}.stat-value{font-size:25px}.stat-label{font-size:10px}.stat-foot{font-size:8px}.section-title{margin-top:24px}.section-title h2{font-size:15px}.section-title p{font-size:9px}.subtle-label{font-size:7px;padding:6px}.quick-grid{gap:9px}.quick-card{padding:13px;border-radius:16px}.quick-card small{font-size:9px}.table-card{border-radius:17px}.table-toolbar{padding:12px}.search-box input{font-size:10px}.btn{padding:11px 13px}.footer{display:none}.bottom-nav{position:fixed;z-index:20;display:flex;align-items:center;justify-content:space-around;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:66px;padding:5px 7px;background:#fffffff2;border:1px solid #e7e8f2;border-radius:23px;box-shadow:0 8px 32px #22284b1a;backdrop-filter:blur(20px)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:53px;border-radius:16px;color:#9297aa}.bottom-nav a span{font-size:21px;line-height:1.1}.bottom-nav a small{font-size:8px;font-weight:700}.bottom-nav a.active{color:var(--primary);background:#efefff}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card-wide{grid-column:auto}.tool-card{padding:18px;border-radius:20px}.tool-card>p{min-height:0}.daraja-status-card{padding:14px;gap:10px;border-radius:18px;flex-wrap:wrap}.daraja-status-symbol{width:41px;height:41px}.daraja-status-copy{flex:1}.daraja-status-copy strong{font-size:12px}.daraja-status-copy p{font-size:9px}.connection-pill{margin-left:51px}.environment-pill{font-size:8px;padding:7px 9px}.balance-grid{grid-template-columns:1fr}.notice{padding:12px;border-radius:14px}.notice p{font-size:9px}.footer-secure{display:none}}@media(max-width:380px){.hero-art{right:-13px;opacity:.65}.hero-copy{max-width:78%}.hero-card h2{font-size:26px}.stat-card{padding:12px}.stat-value{font-size:22px}.stat-tag{letter-spacing:.4px}.page-content{padding-left:12px;padding-right:12px}.bottom-nav{left:6px;right:6px}.bottom-nav a small{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Unified release: mobile-first Android/Material-inspired finance modules. */
.finance-two-col{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.finance-panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:19px;box-shadow:var(--shadow);min-width:0}.finance-panel-spaced{margin-bottom:19px}.finance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.finance-panel-head h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;margin:0}.finance-panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.6}.finance-form{display:grid;gap:13px}.finance-form label{display:grid;gap:6px;color:#646a80;font-size:10px;font-weight:800;min-width:0}.finance-form input,.finance-form select,.finance-form textarea,.finance-search input,.finance-search select{width:100%;min-width:0;border:1px solid #e2e5f1;background:#fafaff;border-radius:12px;padding:12px 13px;color:#272b3f;outline:0;font:inherit;font-weight:500;font-size:12px}.finance-form textarea{resize:vertical}.finance-form input:focus,.finance-form select:focus,.finance-form textarea:focus,.finance-search input:focus,.finance-search select:focus{border-color:#8586eb;box-shadow:0 0 0 4px #7779ef16}.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-muted{color:#a0a4b4;font-weight:500}.finance-search{display:flex;gap:9px;padding-bottom:15px}.finance-search input{flex:1}.finance-search select{max-width:340px}.borrower-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f1f7}.borrower-row:last-of-type{border-bottom:0}.borrower-avatar{width:41px;height:41px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;background:#efefff;color:#5558c9;font-family:Manrope,sans-serif;font-size:17px;font-weight:800}.borrower-data{min-width:0}.borrower-data strong{display:block;font-size:12px}.borrower-data small{display:block;color:#8c91a5;font-size:9px;margin-top:3px;overflow-wrap:anywhere}.finance-stack{display:grid;gap:14px}.loan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #eff0f7}.loan-card-top h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px;margin:5px 0}.loan-card-top p{font-size:10px;color:var(--muted);margin:0}.loan-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0}.loan-amount-grid>div{background:#f8f9ff;border:1px solid #eff0f8;border-radius:14px;padding:12px;min-width:0}.loan-amount-grid small{display:block;color:#858a9e;font-size:9px}.loan-amount-grid strong{display:block;font-family:Manrope,sans-serif;font-size:14px;margin-top:5px;overflow-wrap:anywhere}.finance-note{color:#84899c;font-size:10px;margin:7px 0;line-height:1.6}.loan-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px;margin-top:13px}.btn-secondary{background:#eeefff;color:#5255c6}.repayment-details,.reversal-details{border-top:1px solid #eff0f7;margin-top:14px;padding-top:12px}.repayment-details summary,.reversal-details summary{cursor:pointer;color:#5659c6;font-size:10px;font-weight:800;list-style:none}.repayment-details summary::-webkit-details-marker,.reversal-details summary::-webkit-details-marker{display:none}.repayment-details summary:after,.reversal-details summary:after{content:'＋';float:right;font-size:15px}.repayment-details[open] summary:after,.reversal-details[open] summary:after{content:'−'}.repayment-form{padding-top:14px}.reversal-details{min-width:150px}.reversal-details form{min-width:220px;padding-top:12px}.finance-stats{margin:0 0 20px}.stat-icon.stat-blue{background:#eaf2ff;color:#3973ce}.stat-icon.stat-green{background:#e6f8ef;color:#16865c}.stat-icon.stat-purple{background:#f1ebff;color:#7957d0}.hidden-field{display:none!important}.status-pill.status-draft{background:#eff0f7;color:#747a8f}.status-pill.status-approved{background:#eaf2ff;color:#3973ce}.status-pill.status-active,.status-pill.status-completed,.status-pill.status-repaid,.status-pill.status-resolved{background:#e6f8ef;color:#16865c}.status-pill.status-failed,.status-pill.status-mismatch,.status-pill.status-amount_mismatch{background:#fff0f1;color:#b74453}.status-pill.status-unknown,.status-pill.status-pending,.status-pill.status-submitted,.status-pill.status-processing{background:#fff4df;color:#996016}.status-pill.status-missing_local,.status-pill.status-missing_statement{background:#fff0f1;color:#b74453}.table-scroll code{font-size:10px;color:#5357bf}.finance-panel .table-scroll small{display:block;font-size:9px;color:#8c91a5;margin-top:3px}.finance-panel table td{vertical-align:top}.finance-panel table .btn{white-space:nowrap}.table-scroll{overflow-x:auto}.finance-search .btn{flex-shrink:0}
@media(max-width:950px){.finance-two-col{grid-template-columns:1fr}.finance-panel{padding:16px}.finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-amount-grid strong{font-size:12px}}
@media(max-width:560px){.finance-form-grid{grid-template-columns:1fr}.finance-search{align-items:stretch}.finance-search select{max-width:none}.finance-panel{border-radius:19px;padding:14px}.finance-panel-head h2{font-size:15px}.loan-amount-grid{grid-template-columns:1fr}.loan-amount-grid>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.loan-amount-grid strong{margin:0;text-align:right}.loan-card-top{align-items:flex-start}.loan-card-top h2{font-size:15px}.loan-card-top .status-pill{font-size:8px}.loan-actions{display:grid;grid-template-columns:1fr;width:100%}.loan-actions>.btn,.loan-actions form,.loan-actions form .btn{width:100%}.repayment-details[open] .repayment-form .btn{width:100%}.finance-stats{grid-template-columns:1fr 1fr}.finance-stats .stat-value{font-size:21px}.reversal-details form{min-width:210px}.bottom-nav{gap:1px}.bottom-nav a small{font-size:7px}.bottom-nav a span{font-size:19px}}