@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg:#f1e9e9;--text:#15173d;--muted:#64748b;--accent:linear-gradient(135deg, #982598, #e491c9);--accent-solid:#982598;--sidebar-bg:#15173d;--sidebar-text:#fff;--sidebar-muted:#94a3b8;--card-bg:#fff;--glass:#ffffffb3;--border:#15173d14;--shadow:0 4px 20px -5px #15173d1a}.app.dark{--bg:#020617;--text:#f8fafc;--muted:#94a3b8;--accent:linear-gradient(135deg, #7b2ff7, #f107a3);--accent-solid:#7b2ff7;--sidebar-bg:#000;--sidebar-text:#fff;--sidebar-muted:#64748b;--card-bg:#1e293b66;--glass:#ffffff05;--border:#ffffff14;--shadow:0 20px 50px -12px #000c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.app{background:var(--bg);min-height:100vh;color:var(--text);transition:background .4s cubic-bezier(.4,0,.2,1),color .4s;display:flex}.sidebar{background:var(--sidebar-bg);width:260px;color:var(--sidebar-text);border-right:1px solid var(--border);z-index:100;flex-direction:column;gap:20px;height:100vh;padding:24px;transition:transform .3s;display:flex;position:-webkit-sticky;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:12px;display:flex}.brand .logo{background:var(--accent);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex;transform:rotate(-8deg);box-shadow:0 8px 16px #9825984d}.brand:hover .logo{transform:rotate(0)scale(1.05)}.brand h1{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:800}.nav-links{flex-direction:column;gap:6px;display:flex}.nav-links a{color:var(--sidebar-muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-links a:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.nav-links a.active{color:#fff;background:#ffffff1f;font-weight:600}.main-content{flex-direction:column;flex:1;align-items:center;gap:32px;padding:32px;animation:.5s ease-out fadeIn;display:flex;overflow-y:auto}.container{width:100%;max-width:1000px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow)}.segmented-control{background:#0000000d;border-radius:12px;gap:4px;padding:4px;display:flex}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s}.segmented-control button.active{background:var(--card-bg);color:var(--text);box-shadow:0 2px 8px #0000000d}.category-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.category-item{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.category-item:hover{border-color:var(--accent-solid);background:#9825980d;transform:translateY(-2px)}.category-item.active{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 8px 16px #98259833}.input{background:var(--card-bg);border:1px solid var(--border);color:var(--text);border-radius:14px;outline:none;padding:14px 18px;font-size:16px;transition:all .2s}.input:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px #9825981a}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.3,1);box-shadow:0 10px 20px -5px #9825984d}.button:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 15px 25px -5px #98259866}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.small-muted{color:var(--muted);font-size:13px;font-weight:500}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.transaction-item{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:16px 20px;transition:all .2s}.transaction-item:hover{border-color:var(--accent-solid);transform:translate(4px)}@media (min-width:1200px){.main-content{padding:40px 60px}}@media (max-width:768px){.sidebar{height:100vh;position:fixed;transform:translate(-100%);box-shadow:20px 0 50px #0003}.sidebar.open{transform:translate(0)}.hamburger{z-index:200;display:block;position:fixed;top:16px;left:16px}.main-content{padding:80px 20px 20px}.dashboard-grid{grid-template-columns:1fr}}
.container{max-width:1200px;margin:0 auto}.header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section{margin-top:12px}.chart-box{height:260px}.recent-list{max-height:320px;overflow:auto}