@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap');
:root{--ink:#27324a;--muted:#778197;--blue:#6c8df5;--pale:#eef3ff;--pink:#ffe9ed;--green:#e7f8ef;--line:#edf0f6}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f8f9ff,#fff7f1);font-family:'DM Sans',sans-serif;color:var(--ink);min-height:100vh}.wrap{max-width:900px;margin:auto;padding:28px 20px 50px}header,.brand,.section-head,.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{justify-content:flex-start}.logo{width:54px;height:54px;border-radius:18px;background:#e9efff;display:grid;place-items:center;font-size:29px}h1,h2,h3,p{margin:0}h1{font:900 27px Nunito,sans-serif;letter-spacing:-.7px}.tag,.muted{color:var(--muted);font-size:13px;margin-top:3px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:0 8px 30px #29375b0a;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.stat{margin:0;padding:19px}.stat span{font-size:13px;color:var(--muted);display:block}.stat strong{font:900 25px Nunito;display:block;margin-top:8px}.stat:nth-child(1){background:#fff9e9}.stat:nth-child(2){background:#f0f4ff}.stat:nth-child(3){background:#effaf3}h2{font:900 20px Nunito}.badge{background:var(--pale);color:#5575dc;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:700}.meter{height:13px;background:#f0f2f7;border-radius:30px;overflow:hidden;margin-top:20px}.meter div{height:100%;width:0;background:linear-gradient(90deg,#8cafff,#79d9b0);border-radius:30px;transition:width .3s}.meter-text{font-size:12px;color:var(--muted);margin-top:8px}.forms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.mini-form{background:#fafbff;border:1px solid var(--line);border-radius:17px;padding:17px}.mini-form h3{font:800 15px Nunito;margin-bottom:14px}.mini-form label{font-size:12px;color:var(--muted);display:block;margin:9px 0 6px}input,select{font:500 14px 'DM Sans';color:var(--ink);background:white;border:1px solid #e4e8f0;border-radius:11px;padding:12px;min-width:0;width:100%;outline:none}input:focus,select:focus{border-color:#91a9ff}.row select{flex:1}.row input{flex:1}.primary,.secondary,.ghost{border:0;border-radius:11px;padding:12px 16px;font:700 13px 'DM Sans';cursor:pointer;white-space:nowrap}.primary{background:var(--blue);color:white}.secondary{background:var(--green);color:#31865a}.ghost{background:#fff;border:1px solid var(--line);color:var(--muted)}.full{width:100%;margin-top:13px}.people{display:grid;gap:11px;margin-top:17px}.person-line{display:flex;align-items:center;gap:12px;padding:12px;background:#fafbff;border-radius:13px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--pink);font-size:19px}.person-name{font-weight:700;flex:1}.person-amount{font-weight:800}.activity{margin-top:14px}.activity-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.activity-row:last-child{border:0}.activity-row small{color:var(--muted)}.login{max-width:430px;margin:70px auto;text-align:center;padding:34px}.big-emoji{font-size:48px;margin-bottom:10px}.login h2{font-size:23px}.login p{color:var(--muted);font-size:14px;margin:9px 0 20px}.login form{display:grid;gap:10px}.error{color:#d44!important;margin:10px 0 0!important}.hidden{display:none!important}footer{text-align:center;color:#9aa2b2;font-size:12px;padding:26px 0}.section-head{align-items:flex-start}@media(max-width:650px){.wrap{padding:18px 13px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:19px}.stat span{font-size:11px}.forms{grid-template-columns:1fr}.card{padding:17px}.badge{display:none}.login{margin:45px auto}}