*{box-sizing:border-box}:root{--bg:#07111c;--card:#0d1b29;--line:#20384d;--text:#f5f8fb;--muted:#8fa4b7;--cyan:#4be3d1;--blue:#58a5ff;--green:#74e3a4;--amber:#ffc565;--red:#ff7c7c}
body{margin:0;background:radial-gradient(circle at 50% -10%,#123a55 0,#07111c 36%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:74px;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;max-width:680px;margin:auto}header b{font-size:19px}header small{display:block;color:var(--muted);margin-top:2px}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#0c1b2a;color:white}
main{max-width:680px;margin:auto;padding:4px 15px 110px}.screen{display:none}.screen.active{display:block}.hero{padding:24px 21px;background:linear-gradient(145deg,#102b3d,#0b1b29);border:1px solid #24475e;border-radius:28px;box-shadow:0 20px 50px #0005}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:900;color:var(--cyan);margin:0 0 8px}.hero-money{font-size:55px;font-weight:950;letter-spacing:-2.5px}.hero-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.hero-row div+div{border-left:1px solid var(--line);padding-left:13px}.hero-row b{display:block;font-size:21px}.hero-row span{font-size:10px;color:var(--muted)}
.big-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.action{min-height:120px;text-align:left;border:1px solid var(--line);border-radius:22px;background:#0d1b29;color:white;padding:16px}.action-green{background:linear-gradient(145deg,#123b39,#0d282c);border-color:#2e756d}.action span{font-size:27px;color:var(--cyan);display:block}.action b{display:block;margin:7px 0 2px}.action small{color:var(--muted)}.card{background:#0c1926;border:1px solid #1c3347;border-radius:22px;padding:17px;margin:14px 0}.card h2{margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-head button,.screen-title button{border:0;background:none;color:var(--cyan);font-weight:850}.row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #193044;gap:12px}.row:first-child{border-top:0}.row b{display:block}.row small{display:block;color:var(--muted);margin-top:4px}.amount{font-weight:900;text-align:right}.badge{display:inline-block;padding:5px 8px;border-radius:10px;font-size:9px;font-weight:900;margin-top:5px}.overdue{background:#4c2028;color:#ffb0b0}.due{background:#4a3a1e;color:#ffd487}.promise{background:#173b3d;color:#91f4df}.paid{background:#173e2a;color:#9df0b9}.insight{color:#c2cfdb;line-height:1.55}.screen-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px}.screen-title h1{margin:0;font-size:27px}.screen-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.screen-title button{font-size:22px}.filter-row{display:flex;gap:8px;margin-bottom:12px}.filter{border:1px solid var(--line);background:#0c1b2a;color:#a9bdcf;border-radius:12px;padding:9px 12px;font-size:10px;font-weight:850}.filter.active{background:#17404a;color:#c8fff5;border-color:#327a7d}
.chase-card{background:linear-gradient(145deg,#11273a,#0b1927);border:1px solid #28465e;border-radius:28px;padding:22px}.chase-card .big-name{font-size:29px;font-weight:950}.chase-card .big-amount{font-size:46px;font-weight:950;margin:14px 0}.tone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.tone{padding:14px 5px;border:1px solid var(--line);border-radius:15px;background:#101f2e;color:white;font-size:11px;font-weight:850}.tone.active{background:#24505a;color:white;border-color:#5fe2d4}.message{background:#07131f;border:1px solid #29445a;border-radius:17px;padding:14px;line-height:1.5;color:#d8e4ec;min-height:125px;white-space:pre-wrap}.send-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.send-grid button,.wide{border:1px solid var(--line);background:#102031;color:white;border-radius:14px;padding:14px;font-weight:800}.primary{border:0!important;background:linear-gradient(135deg,var(--cyan),var(--blue))!important;color:#04151d!important;font-weight:950!important}.giant{min-height:58px;width:100%;border-radius:16px}.secondary{background:#152538!important}.danger{color:#ff9d9d!important}.empty{text-align:center;color:var(--muted);padding:28px 12px}.form label,.sheet-box label{display:block;font-size:12px;color:#b8c8d6;margin:13px 0}.form input,.form select,.sheet-box input,.sheet-box select,.sheet-box textarea{width:100%;margin-top:7px;border:1px solid #28445b;background:#07131f;color:white;border-radius:14px;min-height:52px;padding:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.links{display:flex;justify-content:center;gap:24px}.links a{color:#93b9cf}
.overlay{position:fixed;inset:0;z-index:40;background:radial-gradient(circle at top,#18465e,#06101a 55%);display:flex;align-items:center;justify-content:center;padding:22px}.overlay.hidden{display:none}.welcome-card{max-width:430px;text-align:center}.mark{width:85px;height:85px;margin:0 auto 22px;border-radius:26px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#04151d;font-size:30px;font-weight:950}.welcome-card h1{font-size:44px;margin:8px}.lead{color:#b9cad7;font-size:19px;line-height:1.5}.welcome-card small{display:block;color:#70879b;margin-top:14px;line-height:1.4}
.sheet{position:fixed;inset:0;background:#000a;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet.hidden,.hidden{display:none}.sheet-box{width:100%;max-width:680px;background:#0d1b29;border:1px solid #29445b;border-radius:28px 28px 0 0;padding:22px 18px 30px;max-height:92vh;overflow:auto}.sheet-close{float:right;width:38px;height:38px;border:0;border-radius:50%;background:#172a3c;color:white;font-size:22px}.file-label input{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,100px);background:#eafff8;color:#05160f;border-radius:14px;padding:12px 18px;font-weight:850;z-index:80;transition:.25s}.toast.show{transform:translate(-50%,0)}textarea{resize:vertical}.customer-score{font-size:12px;color:var(--muted);margin-top:6px}
@media(max-width:390px){.big-actions{grid-template-columns:1fr}.hero-money{font-size:46px}.tone-row{grid-template-columns:1fr}.two{grid-template-columns:1fr}}