.predictor-body{min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(214,173,82,.09),transparent 28%),#09090b;color:#f7f4eb}
.predictor-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(214,173,82,.18);background:rgba(9,9,11,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.predictor-brand{display:flex;align-items:center;gap:12px;min-width:0}.predictor-brand img{width:78px;height:58px;object-fit:contain;border-radius:16px}.predictor-brand span{display:block}.predictor-brand strong,.predictor-brand small{display:block}.predictor-brand strong{font:800 .96rem/1.05 Inter,sans-serif;letter-spacing:.08em}.predictor-brand small{margin-top:5px;color:#d6ad52;font-size:.66rem}
.predictor-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.predictor-entry-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:42px;align-items:start;padding:62px 0 80px}
.predictor-intro{position:sticky;top:120px;padding:28px 0}.predictor-intro h1{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.98;margin:5px 0 22px;max-width:650px}.predictor-intro>p{max-width:580px;color:#bdb8ae;font-size:1rem}.predictor-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.predictor-flow div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(214,173,82,.18);border-radius:12px;background:#111114}.predictor-flow b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d6ad52;color:#151109}.predictor-flow span{font-size:.82rem;font-weight:700;color:#e3ddd0}
.predictor-auth-card{border:1px solid rgba(214,173,82,.22);border-radius:18px;background:#101013;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.32)}.predictor-auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.07)}.predictor-auth-tab{border:0;background:#0d0d10;color:#938e84;padding:17px 12px;font-weight:900;cursor:pointer}.predictor-auth-tab.active{background:#17130b;color:#f1cf78;box-shadow:inset 0 -3px #d6ad52}.predictor-auth-view{padding:28px}.predictor-auth-view h2{font-family:"Playfair Display",serif;font-size:2rem;margin:0 0 5px}.form-intro{margin:0 0 22px;color:#9f9a91;font-size:.86rem}
.predictor-form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.predictor-form label{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:800;color:#dcd6ca}.predictor-form input,.predictor-form textarea,.predictor-form select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#17171b;color:#f7f4eb;padding:12px 13px;font:500 .9rem/1.3 Inter,sans-serif;outline:none}.predictor-form input:focus,.predictor-form textarea:focus,.predictor-form select:focus{border-color:#d6ad52;box-shadow:0 0 0 3px rgba(214,173,82,.08)}.predictor-form small{font-size:.65rem;color:#847f76;font-weight:500}.optional{color:#847f76;font-weight:500}.check-row{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:10px!important;font-size:.72rem!important;line-height:1.45}.check-row input{width:18px!important;height:18px;margin-top:2px;accent-color:#d6ad52}.full-width{width:100%}.predictor-message{min-height:22px;color:#e9c86e;font-size:.78rem;line-height:1.45}.predictor-message.error{color:#ff9a9a}.predictor-message.success{color:#9de5a6}.text-action{border:0;background:none;color:#d6ad52;text-align:center;font-weight:800;cursor:pointer;padding:4px}
/* panel */
.predictor-panel-shell{padding:34px 0 70px}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-top h1{font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.4rem);margin:2px 0 4px}.panel-top p{margin:0;color:#9d988f}.panel-actions{display:flex;gap:9px;flex-wrap:wrap}.panel-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#111114;padding:18px}.panel-status{padding:24px;border:1px solid rgba(214,173,82,.24);border-radius:15px;background:linear-gradient(135deg,#17140d,#101013);margin-bottom:18px}.panel-status h2{margin:0 0 8px;font-family:"Playfair Display",serif}.panel-status p{color:#bbb5aa;margin:0}.panel-nav{display:flex;gap:8px;overflow:auto;margin:18px 0}.panel-nav button{white-space:nowrap;border:1px solid rgba(255,255,255,.09);background:#121216;color:#aaa399;padding:10px 14px;border-radius:9px;font-weight:800;cursor:pointer}.panel-nav button.active{background:#d6ad52;color:#161109;border-color:#d6ad52}.panel-view[hidden]{display:none!important}.day-tabs{display:flex;gap:8px;margin-bottom:14px}.day-tab{border:1px solid rgba(214,173,82,.2);background:#131317;color:#aaa399;padding:10px 16px;border-radius:9px;font-weight:900;cursor:pointer}.day-tab.active{background:#d6ad52;color:#171109}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.program-card{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#12161a}.program-card h3{font-family:"Playfair Display",serif;font-size:1.45rem;margin:0 0 6px}.program-card p{color:#9e9a92;font-size:.78rem;margin:0 0 12px}.program-card .mini-actions{display:flex;gap:7px;flex-wrap:wrap}.mini-btn{border:1px solid rgba(214,173,82,.25);background:#17171b;color:#e9c86e;border-radius:7px;padding:8px 10px;font-size:.7rem;font-weight:900;cursor:pointer}.mini-btn.primary{background:#d6ad52;color:#171109}.race-builder{margin-top:16px}.race-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.race-builder-head h2{font-family:"Playfair Display",serif;margin:0}.leg-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111519;margin-bottom:10px;overflow:hidden}.leg-head{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.leg-head b{color:#f2d27b}.leg-head span{font-size:.72rem;color:#9d988f}.horse-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px}.horse-option{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#171b1e;cursor:pointer}.horse-option input{accent-color:#d6ad52}.horse-option strong{font-size:.8rem}.horse-option small{display:block;color:#8f8b84;font-size:.62rem;margin-top:2px}.leg-comment{padding:0 12px 12px}.leg-comment textarea{width:100%;min-height:70px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#151519;color:#fff;padding:10px}.banko-row{padding:0 12px 12px;font-size:.73rem;color:#d7d0c4}.banko-row label{display:flex;align-items:center;gap:8px}.prediction-submit-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:16px;border:1px solid rgba(214,173,82,.2);border-radius:12px;background:#18140c;margin-top:14px}.prediction-submit-box textarea{width:100%;min-height:78px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101013;color:#fff;padding:10px}.prediction-list{display:grid;gap:10px}.prediction-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#121216}.prediction-row h3{margin:0;font-size:1rem}.prediction-row p{margin:4px 0 0;color:#928d84;font-size:.72rem}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:900}.status-pending{background:#3c3116;color:#f4d782}.status-published{background:#153b22;color:#9ce3aa}.status-rejected{background:#431b1d;color:#ffaaaa}.profile-grid{display:grid;grid-template-columns:180px 1fr;gap:20px}.profile-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid rgba(214,173,82,.5);background:#17171b}.notifications{display:grid;gap:8px}.notification-item{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#111519}.notification-item.unread{border-color:rgba(214,173,82,.35);background:#19160f}.notification-item b{display:block}.notification-item small{color:#8f8a82}.empty-state{padding:26px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#8f8a82}.loading-line{padding:14px;color:#a9a399}
@media(max-width:900px){.predictor-entry-shell{grid-template-columns:1fr;gap:12px;padding-top:30px}.predictor-intro{position:static}.predictor-intro h1{font-size:3rem}.program-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.predictor-header{min-height:64px;padding:7px 12px}.predictor-brand img{width:55px;height:46px}.predictor-brand strong{font-size:.75rem}.predictor-brand small{font-size:.55rem}.predictor-header>.ghost-btn{padding:8px 10px;font-size:.66rem}.predictor-shell{width:calc(100% - 22px)}.predictor-entry-shell{padding:18px 0 50px}.predictor-intro{padding:12px 0}.predictor-intro h1{font-size:2.35rem}.predictor-flow{grid-template-columns:1fr 1fr}.predictor-flow div{padding:10px}.predictor-auth-view{padding:18px}.form-grid.two{grid-template-columns:1fr}.program-grid{grid-template-columns:1fr}.horse-list{grid-template-columns:1fr}.prediction-submit-box{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.panel-top{flex-direction:column}.panel-actions{width:100%}.panel-actions>*{flex:1}.predictor-auth-tabs{grid-template-columns:1fr 1fr}.predictor-auth-tab{font-size:.72rem;padding:13px 8px}}
.predictor-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.predictor-stat-grid .admin-summary-card{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#151519}.predictor-stat-grid .admin-summary-card span,.predictor-stat-grid .admin-summary-card strong{display:block}.predictor-stat-grid .admin-summary-card span{color:#8f8a82;font-size:.68rem;font-weight:800}.predictor-stat-grid .admin-summary-card strong{margin-top:5px;color:#f2d27b;font-family:"Playfair Display",serif;font-size:1.8rem}
@media(max-width:620px){.predictor-stat-grid{grid-template-columns:1fr 1fr}}
