:root{--bg:#030706;--bg-soft:#07120f;--surface:#0d1a16d1;--surface-strong:#12251feb;--surface-muted:#ffffff0b;--border:#e5f4eb1f;--border-strong:#47dc9352;--text:#f4f1e8;--muted:#a9b9af;--muted-2:#6f8077;--emerald:#2de58f;--emerald-deep:#0d7d55;--gold:#d4b46a;--danger:#ff6b6b;--warning:#f2c66d;--shadow:0 24px 80px #0000006b;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:radial-gradient(circle at 18% 12%, #2de58f2e, transparent 32rem), radial-gradient(circle at 80% 0%, #d4b46a1c, transparent 26rem), var(--bg);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.15rem,1vw + 1rem,1.65rem)}h2{letter-spacing:-.06em;font-size:clamp(1.35rem,2vw,2.4rem);line-height:.98}h3{letter-spacing:-.03em;font-size:1.05rem}p{color:var(--muted);line-height:1.65}#root,.app-shell{min-height:100vh}.rail{z-index:20;border:1px solid var(--border);width:242px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050c0ad1;border-radius:30px;flex-direction:column;gap:20px;padding:18px;display:flex;position:fixed;inset:18px auto 18px 18px}.workspace{min-height:100vh;padding:24px 28px 64px 288px}.brand-mark{position:relative}.brand-mark summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.brand-mark summary::-webkit-details-marker{display:none}.brand-symbol{width:52px;height:52px;color:var(--text);letter-spacing:-.08em;background:linear-gradient(135deg,#2de58f3d,#d4b46a21),#07120f;border:1px solid #2de58f66;border-radius:18px;place-items:center;font-weight:900;display:grid;position:relative;overflow:hidden}.radar-ring{border:1px solid #2de58f6b;border-radius:999px;position:absolute;inset:7px}.radar-ring:after{content:"";background:var(--emerald);transform-origin:0;height:1px;position:absolute;inset:8px -2px auto 50%;transform:rotate(-28deg)}.brand-mark strong,.brand-mark small{display:block}.brand-mark small{color:var(--muted);font-size:.76rem}.brand-panel{border:1px solid var(--border-strong);width:min(330px,100vw - 36px);box-shadow:var(--shadow);background:#06110ef5;border-radius:22px;padding:16px;position:absolute;top:70px;left:0}.logo-proposals{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.logo-proposal{border:1px solid var(--border);background:var(--surface-muted);text-align:center;border-radius:18px;place-items:center;gap:4px;min-height:98px;padding:10px;display:grid}.logo-proposal.active{border-color:var(--emerald);box-shadow:inset 0 0 0 1px #2de58f3d}.logo-proposal>span:not(.proposal-icon){font-weight:900}.logo-proposal small{font-size:.68rem;line-height:1.2}.proposal-icon{color:var(--emerald)}.primary-nav{gap:6px;display:grid}.primary-nav a{color:var(--muted);border:1px solid #0000;border-radius:16px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:12px;font-size:.95rem;display:grid}.primary-nav a.active,.primary-nav a:hover{color:var(--text);background:#2de58f14;border-color:#2de58f38}.primary-nav b{background:var(--emerald);color:#032017;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.75rem;display:grid}.rail-footer,.topbar-meta,.match-meta,.match-card-header,.card-actions{align-items:center;gap:10px;display:flex}.rail-footer{color:var(--muted-2);margin-top:auto;font-size:.82rem}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:10px 4px;display:flex}.topbar-meta{flex-wrap:wrap;justify-content:flex-end}.topbar-meta span{border:1px solid var(--border);color:var(--muted);background:#ffffff09;border-radius:999px;padding:8px 12px;font-size:.8rem}.page-stack{gap:18px;display:grid}.page-heading,.hero-dashboard,.panel,.notice-bar,.metric-grid>span{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0e, #ffffff05), var(--surface);box-shadow:0 18px 52px #0000003d}.page-heading,.panel{border-radius:var(--radius-xl);padding:clamp(18px,2vw,28px)}.page-heading{gap:10px;display:grid}.hero-dashboard{border-radius:34px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:28px;min-height:280px;padding:clamp(24px,4vw,44px);display:grid;position:relative;overflow:hidden}.hero-dashboard:before,.radar-orb:before,.radar-orb:after{content:"";border-radius:999px;position:absolute}.hero-dashboard:before{background:radial-gradient(circle,#2de58f33,#0000 70%);height:320px;inset:auto -10% -65% 35%}.hero-dashboard h2{max-width:760px;margin-bottom:18px;font-size:clamp(2.4rem,6vw,5.8rem)}.hero-dashboard p{max-width:720px}.radar-orb{aspect-ratio:1;background:linear-gradient(135deg,#2de58f2b,#0000 58%),#ffffff0a;border:1px solid #2de58f57;border-radius:999px;place-items:center;width:210px;display:grid;position:relative}.radar-orb:before{border:1px solid #2de58f57;inset:28px}.radar-orb:after{border:1px solid #d4b46a66;inset:68px}.radar-orb span{color:var(--text);letter-spacing:-.1em;font-size:3rem;font-weight:900}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800}.muted,small{color:var(--muted)}.notice-bar{color:var(--text);background:#d4b46a14;border-color:#d4b46a57;border-radius:18px;align-items:center;gap:12px;padding:14px 18px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-grid.priority{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr)}.content-split{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.section-title>div{flex:1}.icon-bubble{width:38px;height:38px;color:var(--emerald);background:#2de58f1c;border-radius:14px;place-items:center;display:grid}.icon-bubble.gold{color:var(--gold);background:#d4b46a1f}.radar-summary-grid,.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid.mini{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item,.metric-grid>span{border-radius:20px;gap:8px;min-height:108px;padding:16px;display:grid}.summary-item{background:#ffffff0b}.summary-item strong,.metric-grid b,.selection,.score-projection strong{color:var(--text)}.summary-item span,.confidence{color:var(--emerald);font-size:.84rem;font-weight:800}.alert-list,.favorite-list,.player-list,.combo-list,.risk-list,.ticket-list,.memory-list,.selected-picks,.ticket-pick-list,.ranked-list,.odds-table,.strategy-memory{gap:10px;display:grid}.alert-item,.favorite-row,.player-row,.combo-row,.risk-item,.ticket-row,.memory-row,.selected-pick,.ranked-row,.odds-table>div,.strategy-memory>div,.empty-state{border:1px solid var(--border);background:#ffffff09;border-radius:18px;padding:14px}.alert-item,.player-row,.combo-row,.risk-item,.memory-row,.strategy-memory>div,.empty-state{gap:5px;display:grid}.severity-alto,.severity-extremo{border-color:#ff6b6b57}.severity-medio{border-color:#f2c66d52}.severity-bajo{border-color:#2de58f3d}.cards-grid,.match-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.match-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-card,.match-card{border:1px solid var(--border);background:linear-gradient(#ffffff0d,#ffffff06),#050e0cbd;border-radius:24px;gap:14px;padding:18px;display:grid}.pick-card.compact{padding:16px}.pick-card-top,.teams-row,.selected-pick,.ticket-row,.ranked-row,.odds-table>div,.favorite-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.category-chip,.simulation-chip{width:max-content;color:var(--emerald);background:#2de58f14;border:1px solid #2de58f3d;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:800}.ghost-icon,.selected-pick button{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:#ffffff08;border-radius:12px;place-items:center;display:grid}.ghost-icon.active,.ghost-icon:hover,.selected-pick button:hover{color:var(--gold);border-color:#d4b46a66}.add-button,.detail-link,.back-link,.segmented-control button,.prompt-grid button,.ticket-pick-list button{border:1px solid var(--border-strong);color:var(--text);background:#2de58f1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.add-button,.detail-link,.back-link{min-height:40px;padding:0 13px}.add-button.wide{width:100%}.add-button:hover,.detail-link:hover,.back-link:hover{background:#2de58f2b}.team-badge{align-items:center;gap:8px;display:inline-flex}.team-badge>span{font-size:1.55rem}.versus{color:var(--muted-2);text-transform:uppercase;font-size:.76rem;font-weight:900}.prediction-strip{color:var(--muted);background:#2de58f13;border-radius:16px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:12px;font-size:.86rem;display:grid}.match-hero{justify-content:space-between;align-items:center;gap:18px;display:flex}.match-hero h2 span{color:var(--muted-2);font-size:1rem}.score-projection{background:#d4b46a14;border:1px solid #d4b46a4d;border-radius:24px;place-items:center;min-width:170px;min-height:120px;padding:16px;display:grid}.score-projection strong{letter-spacing:-.08em;font-size:2.5rem}.segmented-control{border:1px solid var(--border);background:#ffffff09;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(520px,100%);padding:6px;display:inline-grid}.segmented-control button{min-height:44px;color:var(--muted);background:0 0;border-color:#0000}.segmented-control button.active{border-color:var(--border-strong);color:var(--text);background:#2de58f1f}.ranked-row{grid-template-columns:34px 1fr auto;display:grid}.ranked-row small{grid-column:2/3}.ranked-row>span:first-child{width:28px;height:28px;color:var(--emerald);background:#2de58f1a;border-radius:10px;place-items:center;font-weight:900;display:grid}.builder-layout{align-items:start}.ticket-builder{position:sticky;top:22px}.ticket-pick-list button{border-color:var(--border);text-align:left;background:#ffffff08;justify-content:space-between;width:100%;padding:12px}.ticket-pick-list button span{gap:4px;display:grid}.form-field{color:var(--muted);gap:8px;margin-top:12px;display:grid}.form-field input,.form-field select,.chat-form input,.ticket-row select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#0003;border-radius:14px;padding:0 12px}.ticket-row{align-items:start}.ticket-row>div{gap:8px;display:grid}.prompt-grid{flex-wrap:wrap;gap:10px;display:flex}.prompt-grid button{border-color:var(--border);background:#ffffff09;min-height:42px;padding:0 13px}.chat-panel{gap:16px}.chat-log{gap:12px;max-height:620px;padding-right:4px;display:grid;overflow:auto}.chat-message{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;width:min(760px,88%);padding:14px 16px}.chat-message.usuario{background:#2de58f14;border-color:#2de58f42;justify-self:end}.chat-form{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.import-placeholders{flex-wrap:wrap;gap:10px;display:flex}.import-placeholders span{border:1px dashed var(--border);color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.secondary-balance h2{font-size:clamp(2rem,4vw,4rem)}@media (width<=1100px){.rail{border-radius:24px;width:auto;min-height:72px;padding:10px;inset:auto 12px 12px}.brand-mark,.rail-footer{display:none}.primary-nav{grid-template-columns:repeat(6,1fr);gap:3px}.primary-nav a{flex-direction:column;gap:3px;min-height:54px;padding:8px 2px;font-size:.67rem;display:flex}.primary-nav b{margin:-34px 0 0 28px;position:absolute}.workspace{padding:14px 14px 104px}}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start}.hero-dashboard,.dashboard-grid,.dashboard-grid.priority,.content-split,.match-grid,.match-grid.wide,.cards-grid,.radar-summary-grid,.metric-grid{grid-template-columns:1fr}.hero-dashboard{min-height:auto}.radar-orb{width:160px;margin:0 auto}.match-hero{flex-direction:column;align-items:stretch}.ticket-builder{position:static}.chat-form{grid-template-columns:1fr}}@media (width<=520px){.page-heading,.panel{border-radius:22px;padding:17px}.hero-dashboard{border-radius:26px;padding:22px}.hero-dashboard h2{font-size:2.3rem}.primary-nav a span{text-overflow:ellipsis;white-space:nowrap;max-width:52px;overflow:hidden}}
