*{box-sizing:border-box}:root{--oe-heritage-blue: #003466;--oe-heritage-blue-1: #091939;--oe-sky-blue: #008ac8;--oe-dark-cool-grey: #455055;--oe-light-cool-grey: #7c8891;--oe-heritage-gold: #b38d2f;--oe-aged-plum: #61385c;--oe-plum: #b3107a;--oe-red: #ef4130;--oe-orange: #e7a800;--oe-yellow: #ffdf00;--oe-green: #8ba612;--oe-teal: #30b5ae;--bg-primary: #f4f7fa;--bg-secondary: #ffffff;--bg-tertiary: #eef2f5;--bg-card: #ffffff;--bg-hover: #e9eff4;--border-primary: #d7dfe5;--border-secondary: #c6d2db;--text-primary: var(--oe-heritage-blue-1);--text-secondary: var(--oe-dark-cool-grey);--text-muted: var(--oe-light-cool-grey);--accent-blue: var(--oe-sky-blue);--accent-blue-bg: rgba(0, 138, 200, .12);--accent-yellow: var(--oe-heritage-gold);--accent-yellow-bg: rgba(179, 141, 47, .14);--accent-green: var(--oe-green);--accent-green-bg: rgba(139, 166, 18, .12);--accent-red: var(--oe-red);--accent-red-bg: rgba(239, 65, 48, .12);--accent-plum: var(--oe-plum);--accent-plum-bg: rgba(179, 16, 122, .12)}body{margin:0;font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:600}ul{margin:0;padding-left:1.25rem}li{margin-bottom:.25rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:64px;background:var(--oe-heritage-blue);border-bottom:1px solid var(--oe-heritage-blue-1);gap:2rem}.app-header__brand{display:flex;align-items:center;gap:.75rem}.app-header__title{font-size:1.1rem;font-weight:700;color:#fff}.app-header__subtitle{font-size:.75rem;color:#ffffffbf;display:none}.app-nav{display:flex;gap:.25rem;flex:1}.app-nav a{padding:.5rem 1rem;border-radius:6px;color:#ffffffd1;font-size:.9rem;font-weight:500;transition:all .15s}.app-nav a:hover{color:#fff;background:#ffffff1a}.app-nav a.active{color:#fff;background:#008ac859}.app-header__user{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#ffffffd1}.link-button{border:none;background:transparent;color:#ffffffd1;cursor:pointer;font:inherit;padding:0;transition:color .15s}.link-button:hover{color:#fff}.badge{padding:.2rem .5rem;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600;letter-spacing:.05em}.app-main{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.app-footer{padding:2rem;text-align:center;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-primary)}.card{background:var(--bg-card);border-radius:12px;padding:1.25rem;border:1px solid var(--border-primary)}.card h2{color:var(--text-primary);font-size:1.1rem;margin-bottom:.75rem}.card h3{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pill{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pill.open{background:var(--accent-blue-bg);color:var(--accent-blue)}.pill.closed{background:var(--accent-yellow-bg);color:var(--accent-yellow)}.pill.resolved{background:var(--accent-blue-bg);color:var(--accent-blue)}.pill.review{background:var(--accent-yellow-bg);color:var(--accent-yellow)}.pill.draft{background:var(--bg-tertiary);color:var(--text-muted)}.pill.cancelled{background:var(--accent-red-bg);color:var(--accent-red)}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.row.wrap{flex-wrap:wrap}.row.start{justify-content:flex-start}.markets-tabs{margin-top:1rem;gap:.5rem}.market-detail-meta{margin-top:1rem}.muted{color:var(--text-secondary);font-size:.85rem}.stat{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.stat.green{color:var(--accent-blue)}.stat.red{color:var(--accent-red)}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.form{display:grid;gap:1rem}.form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form input,.form textarea,.form select{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;transition:border-color .15s}.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--accent-blue)}.form input::placeholder{color:var(--text-muted)}.button{padding:.75rem 1.5rem;border-radius:8px;border:none;background:var(--accent-blue);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s}.button:hover{opacity:.9}.button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.button.secondary:hover{background:var(--bg-hover)}.button.buy-yes{background:var(--accent-blue);color:#fff}.button.buy-no{background:var(--accent-red);color:#fff}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border-primary);font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border-primary);font-size:.9rem;color:var(--text-primary)}.table tr:hover td{background:var(--bg-hover)}.notice{padding:1rem;background:var(--accent-blue-bg);border-radius:8px;color:var(--accent-blue);font-size:.9rem;border:1px solid rgba(0,138,200,.22)}.market-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;transition:all .15s;cursor:pointer}.market-card:hover{border-color:var(--border-secondary);background:var(--bg-hover)}.market-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.market-card__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;line-height:1.4}.market-card__description{font-size:.85rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.market-card__stat{display:flex;flex-direction:column;gap:.15rem}.market-card__stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.market-card__stat-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.market-card__probability{font-size:1.5rem;font-weight:700;color:var(--accent-blue)}.trade-panel{display:grid;gap:1.5rem}.trade-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.trade-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.trade-price{text-align:right}.trade-form{gap:1rem}.trade-side-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.toggle{border:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:8px;padding:1rem;font-weight:600;font-size:.95rem;cursor:pointer;color:var(--text-secondary);transition:all .15s}.toggle:hover{border-color:var(--border-secondary)}.toggle.active{border-color:transparent;color:#fff}.toggle.active.yes{background:var(--accent-blue)}.toggle.active.no{background:var(--accent-red)}.trade-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.trade-summary__item{display:flex;flex-direction:column;gap:.25rem}.trade-summary__label{font-size:.8rem;color:var(--text-muted)}.trade-summary__value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.trade-actions{display:flex;flex-direction:column;gap:.75rem}.price-chart{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem}.price-chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.price-chart__title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.price-chart__container{height:200px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stats-grid__item{background:var(--bg-tertiary);border-radius:8px;padding:1rem;border:1px solid var(--border-primary)}.stats-grid__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem}.stats-grid__value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.auth-card{max-width:400px;margin:4rem auto}.tabs{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:8px;width:fit-content}.tab{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;border:none;background:transparent}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--text-primary)}.leaderboard-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.85rem;font-weight:600}.leaderboard-rank.gold{background:var(--accent-yellow-bg);color:var(--accent-yellow)}.leaderboard-rank.silver{background:#c0c0c026;color:silver}.leaderboard-rank.bronze{background:#cd7f3226;color:#cd7f32}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.execution-help{position:relative}.execution-help__popover{display:none;position:absolute;bottom:calc(100% + 8px);right:0;width:260px;padding:.75rem;background:var(--oe-heritage-blue-1);color:#fff;border-radius:8px;font-size:.8rem;line-height:1.4;box-shadow:0 4px 20px #0000004d;z-index:100}.execution-help__popover:after{content:"";position:absolute;top:100%;right:4px;border:6px solid transparent;border-top-color:var(--oe-heritage-blue-1)}.execution-help:hover .execution-help__popover,.execution-help:focus-within .execution-help__popover{display:block}
