*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--card:#1a1a1a;--card2:#222;--border:#333;--gold:gold;--red:#e63946;--green:#2ecc71;--blue:#3498db;--orange:#e67e22;--white:#fff;--grey:#b0b0b0;--dim:#666}html{font-size:16px}body{background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.gold{color:var(--gold)}.red{color:var(--red)}.green{color:var(--green)}.blue{color:var(--blue)}.grey{color:var(--grey)}.dim{color:var(--dim)}.bold{font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.btn{letter-spacing:.3px;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-gold{background:var(--gold);color:#000}.btn-red{background:var(--red);color:#fff}.btn-ghost{color:var(--white);border:1px solid var(--border);background:0 0}.btn-full{width:100%}.input{background:var(--card2);border:1px solid var(--border);width:100%;color:var(--white);border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--dim)}.label{color:var(--grey);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.tag{letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.tag-green{color:var(--green);background:#2ecc7126;border:1px solid #2ecc714d}.tag-blue{color:var(--blue);background:#3498db26;border:1px solid #3498db4d}.tag-orange{color:var(--orange);background:#e67e2226;border:1px solid #e67e224d}.tag-red{color:var(--red);background:#e6394626;border:1px solid #e639464d}.tag-gold{color:var(--gold);background:#ffd70026;border:1px solid #ffd7004d}.page{max-width:680px;margin:0 auto;padding:16px 16px 100px}.section-title{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700}.bottom-nav{background:var(--card);border-top:1px solid var(--border);z-index:100;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--dim);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;font-size:10px;transition:color .15s;display:flex}.nav-item.active{color:var(--gold)}.nav-item svg{width:22px;height:22px}.fight-row{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:14px}.fight-row.has-bet{border-color:#2ecc7180}.fighter-name{font-size:15px;font-weight:700}.fighter-sub{color:var(--grey);font-size:12px}.odds-num{color:var(--grey);font-size:13px;font-weight:700}.model-conf{font-size:28px;font-weight:800}.model-conf.high{color:var(--green)}.model-conf.medium{color:var(--gold)}.model-conf.low{color:var(--orange)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-box{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:14px}.stat-val{color:var(--gold);font-size:26px;font-weight:800}.stat-lbl{color:var(--grey);margin-top:2px;font-size:11px}@media (width>=480px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.error-box{color:var(--red);background:#e639461a;border:1px solid #e639464d;border-radius:8px;margin-bottom:12px;padding:12px;font-size:14px}.loading{color:var(--dim);text-align:center;padding:40px;font-size:14px}.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:16px;display:flex}@media (width>=480px){.form-row{flex-direction:row}.form-row .form-group{flex:1}}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:left;padding:8px 10px;font-size:11px;font-weight:700}.tbl td{border-bottom:1px solid #ffffff0d;padding:10px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#ffffff05}