:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#102b4a;background:#e9eff5}*{box-sizing:border-box}body{margin:0}.phone-shell{max-width:520px;min-height:100vh;margin:auto;background:#f7f9fc;padding:22px 18px 92px}header{display:flex;align-items:center;gap:10px;margin-bottom:28px}header strong{display:block;font-size:19px}header small,.eyebrow,small{color:#6e8195}.brand-mark{background:#08a875;color:white;border-radius:11px;padding:9px 13px;font-weight:800;font-size:20px}.brand-icon{width:48px;height:48px;object-fit:cover;padding:0;border-radius:14px;box-shadow:0 5px 14px #08213d33}.profile{margin-left:auto;border:0;background:#dce7f1;color:#17324d;border-radius:50%;height:40px;width:40px;font-weight:700}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.09em;margin:0 0 5px}h1{font-size:28px;margin:0 0 18px}h2{font-size:16px;margin:26px 0 10px}h2 span{float:right;color:#087c5b}.balance{background:#08213d;border-radius:20px;padding:21px;color:#d7e5f2}.balance span,.balance small{display:block}.balance b{display:block;font-size:33px;color:#fff;margin:8px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.cards button,.wide,.near,.range button{border:0;border-radius:15px;background:#fff;padding:16px;text-align:left;color:#52677d;box-shadow:0 2px 12px #cbd7e344}.cards b{display:block;color:#102b4a;font-size:19px;margin-top:6px}.wide{width:100%;text-align:center;color:#087c5b;font-weight:800;margin-top:8px}.title-row{display:flex;justify-content:space-between;align-items:start}.add{background:#08a875;color:#fff;border:0;border-radius:14px;font-size:26px;width:47px;height:47px}.search{width:100%;border:1px solid #d5e0ea;border-radius:12px;padding:14px;font-size:15px}.near{width:100%;margin-top:10px;color:#087c5b;font-weight:700}.near span{float:right;color:#8091a2;font-size:11px}.client{display:flex;align-items:center;gap:11px;padding:13px 3px;border-bottom:1px solid #e2eaf1}.client div{flex:1}.client b,.client small{display:block}.client strong{color:#087c5b}.order{background:#e0eaf3;color:#17324d;border-radius:9px;padding:8px 11px;font-weight:800}.empty{color:#71869a;font-size:14px;padding:10px 0}.range{display:flex;gap:8px}.range button{flex:1;text-align:center;color:#087c5b;font-weight:700}.view{display:none}.view.active{display:block}nav{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:520px;display:flex;justify-content:space-around;padding:10px 20px 20px;background:#fff;border-top:1px solid #e0e8f0}nav button{border:0;background:transparent;color:#75879a;font-size:19px}nav span{display:block;font-size:11px;margin-top:3px}nav .selected{color:#08a875;font-weight:800}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#08213d,#164a70)}.login-card{width:min(100%,420px);padding:32px 25px;background:#f7f9fc;border-radius:25px;box-shadow:0 20px 45px #00142666}.login-card .brand-mark{display:inline-block;margin-bottom:24px}.login-copy{color:#64788b;line-height:1.45;margin:-7px 0 25px}.login-card label{display:block;margin:16px 0 5px;font-size:13px;font-weight:700;color:#40566c}.login-card input{width:100%;margin-top:7px;border:1px solid #d3dee9;border-radius:12px;background:#fff;padding:14px;font:inherit}.login-button{width:100%;border:0;border-radius:13px;background:#08a875;color:#fff;font:700 16px inherit;padding:15px;margin:20px 0 15px}.login-error{min-height:20px;color:#bb2632;font-size:13px;margin:8px 0}
:root{--user-team-border:#d8e4ee}.user-team{margin-left:18px;border-left:2px solid var(--user-team-border);padding-left:10px}.user-nested{padding:10px 3px}.user-expand,.user-delete{border:0;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:700;white-space:nowrap}.user-expand{background:#e6f5ef;color:#087c5b}.user-delete{background:#fff0f1;color:#b4232f}
:root{--installment-border:#dbe5ed}.installment-grid{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:9px;max-height:58vh;overflow:auto;padding:5px 0 15px}.installment-card{display:flex;flex-direction:column;gap:5px;border-radius:13px;padding:10px 8px;background:#f4f7fa;border:1px solid var(--installment-border)}.installment-card b{font-size:13px;color:#17324d}.installment-card span{font-size:11px;font-weight:800}.installment-card strong{font-size:15px;color:#102b4a}.installment-card small{font-size:10px}.installment-card.paid{background:#e8f8f1;border-color:#8bd8b8}.installment-card.paid span{color:#087c5b}.installment-card.pending{background:#fff8e9;border-color:#f1cf80}.installment-card.pending span{color:#ad6b00}#installments-dialog{width:min(96vw,520px);border:0;border-radius:20px;padding:20px;box-shadow:0 20px 50px #00142655}
[hidden]{display:none!important}
.installment-pay{border:0;border-radius:8px;background:#087c5b;color:#fff;padding:7px 5px;font-weight:800;font-size:11px;margin-top:3px}
.logout{margin-left:2px;border:1px solid #b9cad9;border-radius:10px;background:#fff;color:#17324d;font:700 12px inherit;padding:9px 10px}