:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#151515;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#fff;border-bottom:1px solid #e7e7e7;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.wrap{max-width:1180px;margin:0 auto;padding:56px 24px}.eyebrow{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.muted{color:#6b7280}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.cards article,.panel,.login-card{background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:22px;box-shadow:0 6px 24px rgba(0,0,0,.04)}.cards span{display:block;color:#6b7280;font-size:13px}.cards b{font-size:28px}.hero{border-color:#cfd6ff!important}.panel{margin-top:16px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%)}.brand{width:48px;height:48px;border-radius:14px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800}label{display:block;margin:18px 0 8px;font-weight:600}input{width:100%;padding:13px 14px;border:1px solid #d7d7d7;border-radius:11px;margin-top:7px;font:inherit}button{border:0;border-radius:11px;padding:12px 16px;background:#111;color:#fff;font-weight:700;cursor:pointer}form>button{width:100%;margin-top:12px}.linkbtn{width:auto;background:transparent;color:#111;margin:0}.alert{background:#fff0f0;color:#a00000;padding:12px;border-radius:10px;margin-top:16px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.wrap{padding-top:32px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.wrap{padding-inline:16px}}
a{color:#111;text-decoration:none}nav{display:flex;gap:18px}.primary{display:inline-block;background:#111;color:#fff;padding:12px 16px;border-radius:11px;font-weight:700}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}select{width:100%;padding:13px 14px;border:1px solid #d7d7d7;border-radius:11px;margin-top:7px;background:#fff;font:inherit}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}th{font-size:12px;text-transform:uppercase;color:#6b7280}@media(max-width:800px){.formgrid{grid-template-columns:1fr}nav{gap:10px;font-size:13px}}
.monthbar{display:flex;align-items:center;justify-content:center;gap:22px}.monthbar h1{margin:4px 0 0}.monthbtn{width:42px;height:42px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:26px}.cards small{display:block;color:#6b7280;margin-top:7px}.planningcards{margin-top:-16px}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionhead h2{margin:0}.budgetrow{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:20px}.budgetrow span{display:block;color:#6b7280;font-size:13px;margin-top:4px}.progress{grid-column:1/-1;height:8px;background:#eceef2;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#111;border-radius:99px}.due{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #eee}.bad{color:#b42318}.good{color:#18794e}.compact{display:flex;justify-content:space-between;align-items:center;gap:24px}.compact h2,.compact p{margin:0 0 6px}.inlineform{display:flex;align-items:end;gap:10px}.inlineform label{margin:0}.inlineform input{width:100px}.inlineform button{margin:0;width:auto}@media(max-width:800px){.grid2{grid-template-columns:1fr}.compact{align-items:stretch;flex-direction:column}.inlineform{align-items:end}.planningcards{margin-top:0}}@media(max-width:600px){header nav{display:none}.cards,.planningcards{grid-template-columns:1fr 1fr}.cards b{font-size:21px}.wrap{padding-top:24px}.monthbar{justify-content:space-between}.budgetrow{grid-template-columns:1fr auto}}@media(max-width:390px){.cards,.planningcards{grid-template-columns:1fr}}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #ddd;vertical-align:top}td form{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;align-items:end}
.villain-kpis{margin-bottom:16px}.rankrow{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.rank{width:28px;height:28px;border-radius:50%;background:#f0f1f4;display:grid;place-items:center;font-weight:800}.rankrow strong{text-align:right}.rankrow strong small,.rankrow .muted{display:block;font-size:12px;font-weight:400;margin-top:3px}.mini-progress{height:5px;background:#eceef2;border-radius:99px;margin-top:7px;overflow:hidden}.mini-progress i{height:100%;display:block;background:#111}.attention{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.attention span{display:block;color:#6b7280;font-size:13px;margin-top:4px}@media(max-width:600px){.rankrow{grid-template-columns:30px 1fr auto}.attention{align-items:flex-start}.villain-kpis{grid-template-columns:1fr 1fr}}