:root{--bg:#06101a;--panel:#0e1b27;--line:#223747;--cyan:#43d4f5;--gold:#edaa58;--text:#eefaff;--muted:#8aa2ad}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#0d4360,transparent 35%),var(--bg);color:var(--text);font:16px Inter,Arial,sans-serif}.client-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(18px,5vw,70px);border-bottom:1px solid var(--line);background:rgba(6,16,26,.9)}button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--cyan);color:#021017;font-weight:800}.client-brand{display:flex;align-items:center;gap:10px;font-weight:900}.client-brand>b{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--cyan);border-radius:11px;color:var(--cyan)}.client-brand small{display:block;color:var(--muted);font-size:.6rem}.client-main{max-width:1250px;margin:auto;padding:48px clamp(18px,5vw,60px)}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.16em}.client-hero h1{max-width:800px;margin:8px 0 0;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.9}.client-hero h2{color:var(--cyan)}.client-hero p{color:var(--muted)}.client-nav{display:flex;gap:8px;margin:35px 0 22px;overflow:auto}.client-nav button{white-space:nowrap;background:transparent;color:var(--muted)}.client-nav button.active{border-color:var(--cyan);color:var(--text);background:#0b2533}.tab{display:none}.tab.active{display:block}.client-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.client-cards article,.columns article,.expense{padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(14,27,39,.9)}.client-cards small{display:block;min-height:32px;color:var(--muted);font-size:.75rem}.client-cards b{display:block;margin-top:10px;font-size:1.45rem}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.columns h3{color:var(--gold)}.columns p{display:flex;justify-content:space-between;color:var(--muted)}.columns b{color:white}.expense{display:flex;justify-content:space-between;gap:20px;margin:10px 0}.expense p,.expense small{color:var(--muted)}.expense>div:last-child{display:grid;justify-items:end;gap:7px}.expense span{font-size:.72rem;color:var(--cyan)}.client-login{min-height:100svh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,450px);padding:34px;border:1px solid var(--line);border-radius:22px;background:rgba(8,20,31,.96)}.login-card h1{font-size:2.5rem;line-height:.95}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:14px;margin-top:24px}.login-card label{display:grid;gap:7px;color:var(--muted)}.login-card input{min-height:48px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#050c13;color:white}.error{color:#ff827d!important;min-height:20px}@media(max-width:800px){.client-cards{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}}@media(max-width:480px){.client-cards{grid-template-columns:1fr}.expense{display:grid}}

.client-brand img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain}.login-card .client-brand img{width:220px}
.client-integrity-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:13px 16px;border:1px solid rgba(67,212,245,.35);border-radius:13px;background:rgba(67,212,245,.08)}.client-integrity-banner b,.realtime-trust{color:var(--cyan)}.client-integrity-banner span{color:var(--muted);font-size:.84rem}.realtime-trust{display:inline-flex;padding:8px 11px;border:1px solid rgba(67,212,245,.32);border-radius:999px;background:rgba(67,212,245,.07);font-size:.74rem;font-weight:800;text-align:center}@media(max-width:600px){.client-top{padding:10px 12px}.client-brand img{width:135px}.client-top #logout{min-height:32px;padding:0 10px;font-size:.7rem}.client-main{padding:22px 12px 60px}.client-integrity-banner{display:grid;gap:5px}.realtime-trust{width:100%;justify-content:center;border-radius:10px}}
