:root{--bg-primary: #0a0a0c;--bg-secondary: #141418;--bg-card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-purple: #8b5cf6;--glass-bg: rgba(255, 255, 255, .05);--glass-blur: 12px;--font-main: "Inter", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:600px;margin:0 auto;padding:2rem 1rem}.card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000080}h1{font-size:2rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.amount{font-size:2.25rem;font-weight:700;font-variant-numeric:tabular-nums}.amount.positive{color:var(--accent-green)}.amount.negative{color:var(--accent-red)}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 0 20px #3b82f666}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.input-flat{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.input-flat:focus{border-color:var(--accent-blue)}.timeline{display:flex;flex-direction:column;gap:2rem}.cycle-group{position:relative;padding-left:2rem;border-left:2px solid var(--border)}.cycle-header{margin-bottom:1rem}.event-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-card);border-radius:12px;margin-bottom:.75rem}.event-info h4{font-size:1rem;font-weight:600}.event-info p{font-size:.875rem;color:var(--text-secondary)}.event-amount{font-weight:600}.event-amount.income{color:var(--accent-green)}.event-amount.expense{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s ease forwards}