*{box-sizing:border-box}:root{--bg-main: #07152d;--bg-secondary: #0b1d3a;--bg-card: #0f2345;--bg-card-2: #132a52;--border-soft: rgba(255, 255, 255, .08);--text-main: #f8fbff;--text-soft: #9fb2d0;--blue-strong: #1e6bff;--blue-light: #3b82f6;--green: #22c55e;--red: #ef4444;--purple: #8b5cf6;--yellow: #f59e0b;--shadow-main: 0 20px 40px rgba(0, 0, 0, .28)}html,body,#root{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,rgba(30,107,255,.22),transparent 25%),linear-gradient(180deg,#061225,#08172f 45%,#07152d);color:var(--text-main)}body{min-height:100vh}.page-content{min-height:100vh;padding:32px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.page-header h1{margin:0;font-size:36px;line-height:1.1;font-weight:700;color:var(--text-main)}.page-header p{margin:8px 0 0;color:var(--text-soft);font-size:15px}.period-box{min-width:180px;display:flex;flex-direction:column;gap:8px}.period-box span{font-size:13px;color:var(--text-soft)}.period-box select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border-soft);background:#0e2243f2;color:var(--text-main);outline:none}.dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;margin-bottom:22px}.dashboard-card{background:linear-gradient(180deg,#112549fa,#0b1c38fa);border:1px solid var(--border-soft);border-radius:22px;padding:22px;box-shadow:var(--shadow-main)}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.card-title{font-size:16px;color:var(--text-main);font-weight:600}.dashboard-card h2{margin:0 0 10px;font-size:34px;font-weight:700;color:var(--text-main)}.dashboard-card p{margin:0;font-size:14px;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px}.panel{background:linear-gradient(180deg,#0e2142fa,#0a1a34fa);border:1px solid var(--border-soft);border-radius:22px;padding:22px;box-shadow:var(--shadow-main)}.panel-large{min-height:320px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-header h3{margin:0;font-size:24px;font-weight:700;color:var(--text-main)}.panel-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#3b82f624;color:#bfd7ff;font-size:12px;font-weight:700;border:1px solid rgba(59,130,246,.2)}.fake-chart{position:relative;height:240px;border-radius:18px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,#132a52f2,#09162df2);background-size:100% 48px,72px 100%,100% 100%;overflow:hidden}.chart-line{position:absolute;left:4%;width:92%;height:3px;border-radius:999px;opacity:.95}.chart-line:before{content:"";position:absolute;top:-36px;right:0;bottom:-36px;left:0;background:inherit;filter:blur(26px);opacity:.28}.chart-line.blue{top:38%;background:linear-gradient(90deg,transparent 0%,#2e72ff 8%,#4a8dff 18%,#2e72ff 28%,#5ca2ff 40%,#2e72ff 52%,#63aaff 64%,#2e72ff 76%,#6eb2ff 88%,transparent 100%);transform:skewY(-8deg)}.chart-line.red{top:58%;background:linear-gradient(90deg,transparent 0%,#ff5d5d 8%,#ff7b7b 18%,#ff5d5d 30%,#ff8686 42%,#ff5d5d 54%,#ff8f8f 68%,#ff5d5d 82%,transparent 100%);transform:skewY(4deg)}.chart-line.green{top:76%;background:linear-gradient(90deg,transparent 0%,#1ed760 10%,#4ade80 22%,#1ed760 34%,#61f19a 46%,#1ed760 60%,#7bf3ab 72%,#1ed760 84%,transparent 100%);transform:skewY(-5deg)}.expense-legend{display:grid;gap:14px;padding-top:8px}.expense-legend div{display:flex;align-items:center;gap:12px;color:var(--text-main);font-size:15px}.dot{width:12px;height:12px;border-radius:50%}.dot.moradia{background:#2563eb}.dot.alimentacao{background:#ef4444}.dot.transporte{background:#f59e0b}.dot.saude{background:#22c55e}.dot.lazer{background:#8b5cf6}.dot.outros{background:#94a3b8}.list-block,.goals-block{display:flex;flex-direction:column;gap:14px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.list-row div{display:flex;flex-direction:column;gap:6px}.list-row strong{font-size:17px}.list-row span{font-size:13px;color:var(--text-soft)}.goal-item{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.goal-top{display:flex;justify-content:space-between;gap:10px;font-size:15px}.goal-top strong{color:var(--text-main)}.goal-top span{color:var(--text-soft);font-weight:700}.goal-bar{width:100%;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.goal-fill{height:100%;border-radius:999px}.goal-item small{color:var(--text-soft);font-size:13px}@media (max-width: 1100px){.dashboard-grid,.dashboard-cards{grid-template-columns:1fr}}@media (max-width: 768px){.page-content{padding:20px}.page-header{flex-direction:column}.page-header h1{font-size:30px}.dashboard-card h2{font-size:28px}.panel-header h3{font-size:20px}.fake-chart{height:220px}}