:root{font-family:Outfit,IBM Plex Sans Thai,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0c0f14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-dark: #0c0f14;--bg-card: rgba(22, 28, 36, .7);--accent-primary: #10b981;--accent-secondary: #3b82f6;--accent-warning: #f59e0b;--accent-danger: #ef4444;--text-dim: #94a3b8;--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#1a202c,#0c0f14)}#root{max-width:1280px;margin:0 auto;padding:2rem;min-height:100vh}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);padding:2rem;transition:all .3s ease}.glass-card:hover{border-color:#fff3;transform:translateY(-2px)}.btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid var(--glass-border)}.btn:active{transform:scale(.98)}input,select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-family:inherit;transition:all .2s}input:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-debt{background:#f59e0b26;color:var(--accent-warning)}.badge-expense{background:#3b82f626;color:var(--accent-secondary)}.grid{display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}#root{padding:1rem}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;animation:fadeIn .3s forwards}.drawer-content{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background:#161c24e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);box-shadow:-10px 0 30px #00000080;z-index:1001;padding:2.5rem;overflow-y:auto;transform:translate(100%);animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.drawer-content{top:auto;right:0;left:0;bottom:0;height:85vh;border-left:none;border-top:1px solid var(--glass-border);transform:translateY(100%);animation:slideInUp .4s cubic-bezier(.4,0,.2,1) forwards;border-radius:30px 30px 0 0}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}