body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(120deg,#eef6ff,#fff7e6);color:#172554}.layout{display:flex;min-height:100vh;padding:20px;gap:25px}.sidebar{width:240px;background:#fffc;border-radius:28px;padding:25px;box-shadow:0 20px 50px #00000014}.logo{margin-bottom:30px;color:#1d4ed8}.sidebar button{width:100%;border:0;background:transparent;padding:15px;border-radius:18px;text-align:left;margin-bottom:8px;color:#1e293b;font-size:15px;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:#fff;color:#2563eb;box-shadow:0 10px 25px #00000014}.bottom{margin-top:160px}.main{flex:1}.topbar{height:70px;background:#ffffffbf;border-radius:28px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:0 20px 50px #0000000f}.topbar nav{display:flex;gap:35px;align-items:center}.pill{border:2px solid #2563eb;color:#2563eb;padding:12px 22px;border-radius:999px;font-weight:700}.profile{font-size:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.stat-card,.chart-card,.invoice-card{background:#ffffffd1;border-radius:28px;padding:25px;box-shadow:0 20px 50px #00000014}.stat-card strong{font-size:42px;display:block;margin:25px 0 10px}.stat-card p{color:#64748b}.content{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin-top:25px}.chart{height:420px;display:flex;align-items:end;gap:18px;padding-top:30px}.bar-wrap{flex:1;text-align:center}.bar-bg{height:330px;background:#dbeafe;border-radius:999px;display:flex;align-items:end;overflow:hidden}.bar{width:100%;background:#fbbf24;border-radius:999px}.bar-wrap small{display:block;margin-top:12px;color:#64748b}.invoice{display:grid;grid-template-columns:35px 1fr auto;gap:15px;align-items:center;background:#fff;border-radius:22px;padding:18px;margin-bottom:15px}.invoice p{margin:5px 0;color:#334155}.invoice small{color:#64748b}.invoice button{border:1px solid #2563eb;background:#fff;color:#2563eb;border-radius:16px;padding:12px 20px;cursor:pointer}.icon{background:#facc15;color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.icon.error{background:#ef4444}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:auto}.stats,.content{grid-template-columns:1fr}.topbar nav{gap:12px;font-size:13px}}