@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #222230;--accent-green: #00d26a;--accent-green-dim: rgba(0, 210, 106, .15);--accent-red: #ff4757;--accent-red-dim: rgba(255, 71, 87, .15);--accent-blue: #3b82f6;--accent-blue-dark: #2563eb;--text-primary: #f8f8f8;--text-secondary: #a0a0b0;--text-muted: #606070;--border-color: #2a2a3a;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1}.page-container{max-width:600px;margin-left:auto;margin-right:auto;padding:24px 16px;min-height:calc(100vh - 80px)}@media(min-width:600px){.page-container{padding:24px}}@media(min-width:900px){.page-container{padding:24px 32px}}.page-container--centered{display:flex;flex-direction:column;align-items:stretch}.page-container--narrow{max-width:720px;padding:48px 24px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s ease,background-color .2s ease}.card--hover:hover{border-color:var(--text-muted)}.card--interactive:hover{background:var(--bg-card-hover);border-color:var(--accent-green)}.text-mono{font-family:var(--font-mono)}.text-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.text-label--wide{letter-spacing:.08em}.text-stat-value{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--text-primary)}.text-error{color:var(--accent-red);font-family:var(--font-mono)}.badge--success{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-green);background:var(--accent-green-dim);border-radius:4px}.badge--pnl-positive{background:var(--accent-green-dim);color:var(--accent-green)}.badge--pnl-negative{background:var(--accent-red-dim);color:var(--accent-red)}.bar-pnl-positive{background:var(--accent-green-dim);color:var(--accent-green)}.bar-pnl-negative{background:var(--accent-red-dim);color:var(--accent-red)}.nav-bar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0;z-index:100}.nav-bar__inner{max-width:600px;margin-left:auto;margin-right:auto;padding:0 8px;display:flex;align-items:center;justify-content:space-between}@media(min-width:600px){.nav-bar__inner{padding:0 16px}}.input-dark .MuiOutlinedInput-root{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-radius:8px}.input-dark .MuiOutlinedInput-notchedOutline,.input-dark fieldset{border-color:var(--border-color)!important}.input-dark:hover .MuiOutlinedInput-notchedOutline,.input-dark:hover fieldset{border-color:var(--accent-blue)!important}.input-dark.Mui-focused .MuiOutlinedInput-notchedOutline,.input-dark .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--accent-blue)!important;border-width:1px}.input-dark .MuiSelect-icon,.input-dark .MuiSvgIcon-root{color:var(--text-secondary)!important}.bet-page{min-height:100vh;display:flex;flex-direction:column;padding:12px;box-sizing:border-box}.bet-page__buttons{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.bet-page__buttons .bet-button{flex:1;min-height:0}.bet-button{display:flex;width:100%;text-align:left;border-radius:12px;overflow:hidden;transition:background-color .2s ease,border-color .2s ease;align-items:stretch}.bet-button .bet-card{flex:1;min-height:40vh}.bet-button:hover .bet-card{background:var(--bg-card-hover);border-color:var(--accent-green)}.bet-button:active .bet-card{transform:scale(.98)}.bet-button:disabled{opacity:.5;cursor:not-allowed}.bet-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.bet-card__price-box{background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;min-width:60px;text-align:center}@media(min-width:600px){.bet-card__price-box{border-radius:8px;padding:8px 16px;min-width:80px}}.bet-card__price-placeholder{background:#ffffff0d;color:var(--text-muted);padding:8px 16px;border-radius:8px;font-family:var(--font-mono);font-weight:600;font-size:1.5rem}@media(min-width:600px){.bet-card__price-placeholder{padding:16px 32px;border-radius:12px;font-size:3.5rem}}.order-lookup-page{max-width:720px;margin:0 auto;padding:48px 24px}.order-lookup-header{margin-bottom:32px}.page-title{font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.page-subtitle{font-size:1rem;color:var(--text-secondary)}.order-lookup-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.form-row{display:flex;gap:16px;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:8px}.platform-select{flex-shrink:0}.order-id-input{flex:1}.form-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.order-card-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--accent-green-dim) 0%,transparent 50%)}.order-status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-green);background:var(--accent-green-dim);border-radius:4px}.order-id-display{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);-webkit-user-select:all;user-select:all}.order-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-color)}.order-stat{display:flex;flex-direction:column;gap:6px;padding:20px 24px;background:var(--bg-card)}.order-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.order-stat-value{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--text-primary)}.order-stat-value.highlight{color:var(--accent-blue);font-weight:600}.order-error,.order-empty{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;font-size:.9rem;margin-top:24px}.order-error{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(255,71,87,.3)}.order-empty{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.error-icon,.empty-icon{font-size:1.25rem}@media(max-width:600px){.form-row{flex-direction:column;align-items:stretch}.order-card-grid{grid-template-columns:1fr}.order-card-header{flex-direction:column;align-items:flex-start}.order-id-display{word-break:break-all}}