:root{--ink:#24233a;--muted:#7b7b91;--purple:#5f4ad7;--bg:#f7f7fb;--line:#e8e7ef;--green:#168b7a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.auth{width:min(480px,100%);padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #2d255415}.auth h1{margin:10px 0 6px}.auth h2{font-size:13px;margin:22px 0 8px}.auth p,.auth small{color:var(--muted)}form{display:grid;gap:10px}input,button{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}button{border:0;background:var(--purple);color:#fff;font-weight:700}.alert{padding:12px;border-radius:10px;background:#fff2f4;color:#9b3044}.logo{display:inline-grid;width:35px;height:35px;place-items:center;border-radius:11px 11px 11px 3px;background:var(--purple);color:#fff;font-weight:800}header{display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100% - 1100px)/2));background:#fff;border-bottom:1px solid var(--line)}header>div{display:flex;align-items:center;gap:10px}nav{display:flex;gap:16px}a{color:var(--purple);text-decoration:none;font-weight:700}.container{width:min(1100px,calc(100% - 32px));margin:32px auto}.hero{display:flex;justify-content:space-between;align-items:end}.hero small{color:var(--purple);font-weight:800}.hero h1{margin:7px 0;font-size:30px}.hero p{color:var(--muted)}.notice{margin:20px 0;padding:12px;border-radius:10px;background:#eef9f6;color:#47736b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article,.panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px}.cards span,.cards strong{display:block}.cards span{color:var(--muted)}.cards strong{margin-top:10px;font-size:24px}.cards .primary{background:var(--purple);color:#fff}.cards .primary span{color:#e2ddff}.panel{margin-top:15px}.movement{display:grid;grid-template-columns:1fr 60px 150px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.movement small{display:block;color:var(--muted)}.movement>strong{text-align:right}.positive{color:var(--green)}code{display:block;padding:12px;overflow-wrap:anywhere;background:#f3f1fb;border-radius:8px}@media(max-width:650px){.cards{grid-template-columns:1fr}.hero{display:grid}.movement{grid-template-columns:1fr auto}.movement time{display:none}}