:root{--navy:#10243e;--blue:#1967d2;--sky:#eaf3ff;--ink:#172033;--muted:#697386;--line:#e6eaf0;--bg:#f6f8fb}*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.brand{font-size:22px;font-weight:800;color:var(--navy);text-decoration:none}.brand span{color:var(--blue)}.guest{min-height:100vh;background:linear-gradient(135deg,var(--navy),#1e4f82);display:grid;place-items:center}.auth-shell{width:min(92%,420px)}.auth-card{background:#fff;padding:38px;border-radius:18px;box-shadow:0 24px 60px #07182c55}.auth-card p{color:var(--muted);margin-bottom:28px}label{display:grid;gap:7px;margin:16px 0;font-weight:600}input{padding:12px;border:1px solid var(--line);border-radius:9px}.primary{width:100%;padding:13px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:700}.alert{padding:10px;background:#fff0f0;color:#a12626;border-radius:8px}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:26px}.sidebar nav{margin-top:40px}.sidebar nav a{display:block;padding:12px;border-radius:8px;text-decoration:none;color:var(--ink)}.sidebar nav .active{background:var(--sky);color:var(--blue);font-weight:700}.page{margin-left:230px}.page header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;justify-content:flex-end;padding:0 32px}.page header form{margin:0}.page header button{background:none;border:1px solid var(--line);padding:8px 12px;border-radius:8px;cursor:pointer}.page main{padding:34px}.heading small{color:var(--blue);font-weight:800}.heading h1{margin:5px 0 25px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.card>span{color:var(--muted)}.money{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:23px}.money b{font:inherit}.eye{border:0;background:var(--sky);color:var(--blue);border-radius:50%;width:34px;height:34px}.panel{margin-top:20px;min-height:220px}.empty{text-align:center;color:var(--muted);padding:45px}.empty strong{color:var(--ink)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sidebar{position:static;width:auto;height:65px;padding:20px}.sidebar nav{display:none}.page{margin:0}.page header{padding:0 16px}.page main{padding:20px}.cards{grid-template-columns:1fr}.page header>span{display:none}}