*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7fb;color:#172033}a{color:#5b4ce2;text-decoration:none}button,.button{border:0;border-radius:10px;padding:10px 14px;background:#eef0f6;color:#253047;cursor:pointer;display:inline-block}.primary{background:#5b4ce2!important;color:#fff!important}.app{display:flex;min-height:100vh}aside{width:245px;background:#111827;color:#fff;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{font-weight:800;font-size:18px;padding:8px 10px 28px}nav a{display:block;color:#cbd5e1;padding:12px 13px;border-radius:10px;margin:3px 0}nav a:hover{background:#1f2937;color:#fff}.navlabel{font-size:11px;color:#64748b;margin:25px 13px 6px}.logout{position:absolute;bottom:20px;left:16px;right:16px}.logout button{width:100%;background:#1f2937;color:#cbd5e1}main{margin-left:245px;padding:34px;max-width:1500px;width:calc(100% - 245px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:28px}h2{margin:0 0 18px;font-size:18px}.muted{color:#718096;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(20,30,60,.04)}.card span{display:block;color:#718096;font-size:13px}.card strong{font-size:25px;display:block;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.expenseitem{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf0f5}.expenseitem small{display:block;color:#8a94a6;margin-top:4px}.barrow{margin:16px 0}.barrow>div:first-child{display:flex;justify-content:space-between;font-size:13px}.bar{height:8px;background:#edf0f5;border-radius:99px;margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;background:#5b4ce2;border-radius:99px}.filters{display:grid;grid-template-columns:2fr repeat(7,1fr);gap:8px;margin-bottom:18px}.filters input,.filters select,.formgrid input,.formgrid select,.formgrid textarea,.authbox input{width:100%;padding:11px 12px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;outline:none}.filters button,.filters a{white-space:nowrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f5;font-size:13px}th{color:#6b7280;font-weight:600}.amount{font-weight:700}.actions{display:flex;gap:8px;align-items:center}.actions button{background:none;color:#d14b4b;padding:0}.formpanel{max-width:900px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.formgrid label{font-size:13px;color:#4b5563}.formgrid input,.formgrid select,.formgrid textarea{display:block;margin-top:7px}.formgrid textarea{min-height:110px}.wide{grid-column:1/-1}.inlineform{display:flex;gap:8px}.inlineform input{padding:10px;border:1px solid #dfe3eb;border-radius:9px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:18px}.success{background:#e8f8ef;color:#18734b}.error{background:#fff0f0;color:#b42318}.auth{min-height:100vh;display:grid;place-items:center;background:#f5f7fb}.authbox{width:min(420px,92vw);background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 40px rgba(20,30,60,.08);display:grid;gap:13px}.authbox h1{font-size:22px}.authbox label{font-size:13px;color:#667085}.authbox input[type=checkbox]{width:auto}.authbox button{margin-top:5px}small{display:block;color:#8a94a6;margin-top:3px}@media(max-width:1000px){aside{width:210px}main{margin-left:210px;width:calc(100% - 210px);padding:24px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:650px){aside{position:static;width:100%;height:auto}.app{display:block}nav{display:grid;grid-template-columns:1fr 1fr}.logout{position:static;margin-top:10px}main{margin:0;width:100%;padding:16px}.cards{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.panelhead{align-items:flex-start;gap:10px;flex-wrap:wrap}}