:root{--navy:#173C69;--navy-deep:#0D3C70;--blue:#0071CE;--teal:#76BDEA;--line:#E2E8F0;--muted:#64748B;--text:#1E293B;--bg:#F4F6FA;--in:#3DAE2B;--out:#F5333F;--yellow:#FFD100;--orange:#FF8300;--shadow:0 1px 3px rgba(13,33,78,.06), 0 2px 8px rgba(13,33,78,.05)}*{box-sizing:border-box}body{margin:0;font-family:Open Sans,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:680px;margin:0 auto;padding:0 14px 60px;min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -14px 4px;padding:14px 18px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d214e2e}.brand{display:flex;align-items:center;gap:10px}.brand svg{display:block}.brand-title{font-weight:700;font-size:17px;color:#fff;letter-spacing:.2px;padding-left:10px;margin-left:2px;border-left:1px solid rgba(255,255,255,.28)}.who{font-size:12px;color:#ffffffd9;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.who-name{font-weight:600;color:#fff}.who-home{background:#ffffff24;padding:2px 8px;border-radius:20px}.who .link,header .link{color:#fff;opacity:.85}.tag{background:var(--yellow);color:var(--navy);font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;margin-left:8px;text-transform:uppercase;letter-spacing:.4px}.signin-hero{margin:18px 0 6px;padding:34px 20px;border-radius:16px;text-align:center;background:linear-gradient(135deg,var(--navy) 0%,#0F2E52 60%,var(--navy-deep) 100%);color:#fff;box-shadow:var(--shadow)}.signin-hero .tagline{margin:14px 0 0;font-size:15px;font-weight:300;color:#ffffffe6;font-style:italic}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;box-shadow:var(--shadow)}.card h3{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--navy)}.center{text-align:center}.center p{color:#4a4a49}label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:8px 0 4px}input,select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;font-family:inherit;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071ce1f}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:15px;font-family:inherit;cursor:pointer;color:var(--navy);transition:filter .12s,background .12s}button:hover:not(:disabled){filter:brightness(.97)}button.primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}button.primary:hover:not(:disabled){background:#1e4c82}button.link{background:none;border:none;color:var(--blue);text-decoration:underline;padding:0;font-size:13px}button:disabled{opacity:.5;cursor:default}.toggle{display:flex;gap:8px;margin:12px 0}.toggle button{flex:1}.toggle button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.balance{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.balance label{text-align:center}.balance b{display:block;font-size:18px;font-weight:700;margin-top:2px}.in{color:var(--in)}.out{color:var(--out)}.closing{color:var(--navy)}.row{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;align-items:center}.row:first-of-type{border-top:none}.row .grow{flex:1}.row span{white-space:nowrap}.muted{color:var(--muted);font-size:13px}.error{color:var(--out);font-size:13px}.banner{background:var(--navy);color:#fff;padding:10px 14px;border-radius:10px;margin:10px 0;font-size:14px;cursor:pointer}.banner.warn{background:var(--orange)}.acts{display:flex;gap:8px}.row.edit{gap:6px;flex-wrap:wrap}.row.edit input,.row.edit select{padding:6px;width:auto}.row.hist{font-size:13px}.run{font-weight:700;color:var(--navy);min-width:64px;text-align:right}.row.txnhead{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;border-top:none;padding-bottom:2px}.row.txnhead .run{color:var(--muted);font-weight:600}.adminbar{display:flex;gap:10px;align-items:center;padding:8px 0 0;flex-wrap:wrap}.adminbar>button{background:#fff;color:var(--navy);border-color:var(--line);font-weight:600}.adminbar>button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.viewas{display:flex;gap:6px;flex:1}.viewas input{width:auto;flex:1}.card.confirm{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-left:4px solid var(--yellow)}.card.confirm.done{border-color:var(--line);border-left-color:var(--in);background:#f3fbf1}.card.confirm.done>span{color:var(--in);font-weight:600}.email-field{display:flex;flex-direction:column;gap:4px}.email-hint{font-size:12px;font-weight:600}.email-hint.ok{color:var(--in)}.email-hint.no{color:var(--out)}.email-hint.wait{color:var(--muted);font-weight:400}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.export-grid button{width:100%;font-weight:600}.brand-dots{display:flex;gap:6px}.brand-dots span{width:9px;height:9px;border-radius:50%;display:block}footer{margin-top:auto;padding:22px 4px 6px;display:flex;align-items:center;gap:12px;justify-content:center;color:var(--muted);font-size:12px}@media (max-width: 640px){.app{padding:0 10px 50px}header{padding:12px 14px;flex-wrap:wrap;gap:6px}.brand-title{font-size:16px}.who{width:100%;justify-content:flex-start;font-size:12px}.grid2{grid-template-columns:1fr}.balance{grid-template-columns:repeat(2,1fr);gap:10px 6px}.export-grid{grid-template-columns:1fr}.toggle{flex-wrap:wrap}.viewas{width:100%}input,select{font-size:16px;padding:12px}button{padding:12px 16px}.row{flex-wrap:wrap}.row .acts{margin-left:auto}}@media (min-width: 641px) and (max-width: 900px){.app{max-width:760px}}@media (hover: none){button,.row .link{min-height:30px}button.primary,.toggle button{min-height:46px}}