:root{--azul-descaro: #112b42;--azul-descaro-deep: #0a1a2a;--lila-descaro: #9c89d7;--lila-descaro-soft: rgba(156, 137, 215, .18);--lila-descaro-glow: rgba(156, 137, 215, .25);--lila-descaro-tint: rgba(156, 137, 215, .12);--marino-descaro: #53cfcc;--marino-descaro-tint: rgba(83, 207, 204, .08);--crema-descaro: #f8f6e9;--crema-muted: rgba(248, 246, 233, .65);--crema-faint: rgba(248, 246, 233, .35);--gris-descaro: #323232;--glass-bg: rgba(26, 61, 92, .55);--glass-border: rgba(156, 137, 215, .18);--radius-card: 14px;--radius-input: 8px;--radius-pill: 100px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;font-feature-settings:"ss01","cv11";color:var(--crema-descaro);background-color:var(--azul-descaro);background-image:radial-gradient(circle at 18% 12%,var(--lila-descaro-tint),transparent 45%),radial-gradient(circle at 82% 88%,var(--marino-descaro-tint),transparent 50%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.6),transparent 60%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif;letter-spacing:-.02em;font-weight:700;color:var(--crema-descaro);margin:0 0 12px}h1{font-size:32px}h2{font-size:24px;margin-bottom:16px}h3{font-size:16px;font-weight:600;color:var(--crema-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:24px}p{color:var(--crema-muted);line-height:1.5}a{color:var(--lila-descaro);text-decoration:none;font-weight:500}a:hover{color:var(--marino-descaro)}button{font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;padding:10px 18px;border-radius:var(--radius-input);border:1px solid var(--lila-descaro-soft);background:linear-gradient(180deg,#9c89d740,#9c89d71a);color:var(--crema-descaro);cursor:pointer;transition:box-shadow .15s ease,transform 80ms ease,background .15s ease}button:hover{background:linear-gradient(180deg,#9c89d766,#9c89d72e);box-shadow:0 0 24px var(--lila-descaro-glow)}button:active{transform:translateY(1px)}input,textarea{font-family:Inter,sans-serif;font-size:14px;width:100%;padding:10px 14px;background:#0a1a2a99;border:1px solid var(--glass-border);border-radius:var(--radius-input);color:var(--crema-descaro);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--crema-faint)}input:focus{border-color:var(--lila-descaro);box-shadow:0 0 0 3px var(--lila-descaro-tint)}ul{padding-left:0;list-style:none}li{padding:6px 0;color:var(--crema-muted)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-card)}.pill{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);background:var(--marino-descaro-tint);color:var(--marino-descaro);border:1px solid rgba(83,207,204,.3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pill-lila{background:var(--lila-descaro-tint);color:var(--lila-descaro);border-color:var(--lila-descaro-soft)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--crema-muted)}.nav-link{color:var(--crema-muted);font-weight:500;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .15s ease}.nav-link:hover{color:var(--crema-descaro)}.nav-link.active{color:var(--lila-descaro);background:var(--lila-descaro-tint);border-color:var(--lila-descaro-soft)}.btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--crema-muted);font-size:12px;padding:6px 12px}.btn-ghost:hover{color:var(--crema-descaro);box-shadow:none}.btn-danger{background:transparent;border:1px solid rgba(231,99,122,.35);color:#e7637a;font-size:12px;padding:6px 12px}.btn-danger:hover{background:#e7637a1f;box-shadow:0 0 18px #e7637a33}.recharts-cartesian-axis-tick text{fill:var(--crema-muted);font-size:12px}.recharts-cartesian-grid-vertical line,.recharts-cartesian-grid-horizontal line{stroke:var(--glass-border)}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--azul-descaro-deep)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-input)!important;color:var(--crema-descaro)!important}
