:root{--bg:#080c0d;--panel:#111718;--panel2:#182021;--line:#293334;--text:#f2f5f4;--muted:#9ca9a6;--mint:#5de2b5;--orange:#ff9d3f;--blue:#1696e8;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:16px}button,input{font:inherit}button{color:inherit}h1,h2,p{margin:0}h2{font-size:1.4rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--mint);font-weight:800}.muted{color:var(--muted);line-height:1.5;font-size:.9rem}code{background:#20292a;padding:.15rem .4rem;border-radius:5px}.brand{width:52px;height:46px;object-fit:contain;filter:invert(1)}.brand-large{width:104px;height:90px}.topbar{height:82px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0d1213}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup div{display:grid;gap:4px}.brand-lockup strong{font-size:1.15rem}.top-actions{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:8px;color:var(--muted)}.status i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.tabs{height:54px;padding:0 24px;display:flex;gap:4px;border-bottom:1px solid var(--line);background:#0d1213}.tabs button{border:0;background:transparent;padding:0 18px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent;cursor:pointer}.tabs button.active{color:var(--text);border-color:var(--mint)}.badge{padding:2px 7px;border-radius:999px;background:#273132;font-size:.75rem;margin-left:5px}.workspace{height:calc(100vh - 136px);min-height:520px}.tab-panel{display:none;height:100%;padding:20px 24px}.tab-panel.active{display:flex}.side-panel{width:320px;flex:0 0 320px;display:flex;flex-direction:column;gap:16px;padding-right:20px;border-right:1px solid var(--line);overflow:auto}.upload-button,.primary,.secondary,.ghost{border:0;border-radius:10px;padding:.75rem 1rem;font-weight:750;cursor:pointer;text-align:center}.upload-button,.primary{background:var(--mint);color:#07110e}.secondary{background:#283233}.ghost{background:transparent;color:var(--muted)}.small{padding:.45rem .7rem;font-size:.85rem}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid div{background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:12px;display:grid;gap:4px}.metric-grid span{font-variant-numeric:tabular-nums;font-weight:800}.metric-grid small{color:var(--muted)}.photo-list{display:flex;flex-direction:column;gap:6px}.photo-item{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;border:1px solid transparent;background:transparent;padding:7px;border-radius:10px;text-align:left;cursor:pointer}.photo-item:hover,.photo-item.active{background:var(--panel2);border-color:var(--line)}.photo-item img,.photo-placeholder{width:46px;height:38px;object-fit:cover;border-radius:6px;background:#020303}.photo-item span{display:grid;min-width:0}.photo-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.photo-item small{color:var(--muted);font-size:.75rem}.preview-stage,.ocr-image{position:relative;min-width:0;flex:1;background:#030505;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}.preview-stage>img,.ocr-image>img{width:100%;height:100%;object-fit:contain}.preview-caption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:10px;background:rgba(8,12,13,.8);backdrop-filter:blur(10px);display:flex;justify-content:space-between;gap:10px}.empty{display:grid;place-items:center;text-align:center;gap:10px;color:var(--muted);padding:30px}.empty span{font-size:3rem;color:var(--mint)}.empty.compact{height:100%;align-content:center}.library-toolbar,.ocr-intro{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.library-toolbar>div,.ocr-intro>div{display:grid;gap:6px}.library-toolbar input{width:min(420px,45vw)}#libraryPanel,#ocrPanel{flex-direction:column}.library-layout{display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(320px,.75fr);gap:16px;min-height:0;flex:1}.table-wrap,.record-detail{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}th{position:sticky;top:0;background:#1b2324;z-index:1;cursor:pointer;font-size:.85rem}th b{color:var(--mint)}td{font-size:.92rem;color:#d9dfdd}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.active{background:#20292a}.record-detail{padding:20px}.record-card{display:grid;gap:16px}.record-meta{display:grid;grid-template-columns:90px 1fr;gap:8px;color:var(--muted)}.record-meta strong{color:var(--text)}pre{white-space:pre-wrap;word-break:break-word;background:#080c0d;border:1px solid var(--line);padding:14px;border-radius:10px;line-height:1.55;max-height:52vh;overflow:auto}.ocr-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(410px,1fr);gap:16px;min-height:0;flex:1}.ocr-review{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;padding:18px}.progress-card{height:100%;display:flex;justify-content:center;align-items:center;gap:16px}.progress-card div{display:grid;gap:5px}.progress-card small{color:var(--muted)}.spinner{width:30px;height:30px;border:3px solid #30403c;border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ocrEditor{display:grid;gap:15px}.team-switch{display:flex;gap:6px;overflow:auto}.team-switch button{border:1px solid var(--line);background:#20292a;padding:8px 11px;border-radius:8px;white-space:nowrap;cursor:pointer}.team-switch button.active{border-color:var(--mint);color:var(--mint)}.fields{display:grid;grid-template-columns:2fr .6fr 1.5fr;gap:10px}label{display:grid;gap:6px;color:var(--muted);font-weight:650;font-size:.85rem}input{width:100%;border:1px solid var(--line);background:#202829;color:var(--text);border-radius:9px;padding:.7rem .8rem;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,150,232,.2)}.review-heading,.ocr-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-heading strong{color:var(--mint)}.players{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:44vh}.player-row{display:grid;grid-template-columns:74px 1fr 42px;gap:8px;padding:7px;border-bottom:1px solid var(--line)}.player-row:last-child{border:0}.player-row input{padding:.5rem}.remove-player{border:0;background:transparent;color:#e98686;cursor:pointer;font-size:1.2rem}.ocr-actions p{color:var(--orange);font-size:.86rem}.toast{position:fixed;right:24px;bottom:24px;background:#23302d;border:1px solid #3d5a51;padding:12px 16px;border-radius:10px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#172522 0,transparent 45%)}.auth-card{width:min(430px,100%);display:grid;gap:16px;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 30px 100px #000}.auth-card form{display:grid;gap:12px}.form-message{min-height:1.3em;color:var(--orange)}@media(max-width:900px){.workspace{height:auto;min-height:calc(100vh - 136px)}.tab-panel.active{min-height:calc(100vh - 136px)}#photosPanel{flex-direction:column}.side-panel{width:100%;flex:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px;max-height:none}.preview-stage{min-height:55vh}.library-layout,.ocr-grid{grid-template-columns:1fr}.library-layout{overflow:visible}.table-wrap{min-height:420px}.ocr-image{min-height:48vh}.fields{grid-template-columns:1fr 1fr}.fields label:first-child{grid-column:1/-1}}@media(max-width:600px){.topbar{padding:10px 14px}.top-actions .status{display:none}.tabs{padding:0 6px;overflow:auto}.tabs button{padding:0 10px;white-space:nowrap}.tab-panel{padding:14px}.library-toolbar,.ocr-intro{align-items:stretch;flex-direction:column}.library-toolbar input{width:100%}.library-layout{display:flex;flex-direction:column}.table-wrap{overflow-x:auto}.table-wrap table{min-width:620px}.record-detail{min-height:380px}.fields{grid-template-columns:1fr}.fields label:first-child{grid-column:auto}.ocr-actions{align-items:stretch;flex-direction:column}.ocr-actions .primary{width:100%}}
#providerPanel{flex-direction:column}.provider-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.provider-head>div{display:grid;gap:6px}.provider-state{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);white-space:nowrap}.provider-state.ready{border-color:#377661;color:var(--mint);background:#10251f}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px}.settings-card{display:grid;align-content:start;gap:15px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.settings-card>div:first-child{display:grid;gap:5px}.settings-card label small{font-weight:400;color:var(--muted)}.provider-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sync-result{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#0b1011}.sync-result span{color:var(--muted);font-size:.88rem}.player-row.verified{box-shadow:inset 3px 0 var(--mint)}.player-row.verified input[data-field="name"]{color:#bdf6e3}@media(max-width:900px){.provider-grid{grid-template-columns:1fr}}@media(max-width:600px){.provider-head{align-items:flex-start;flex-direction:column}.provider-auth{grid-template-columns:1fr}}
.provider-wide{grid-column:1/-1}.button-row,.date-row,.monitor-title{display:flex;align-items:center;gap:10px}.button-row>*{flex:1}.date-row input{flex:1}.date-row button{white-space:nowrap}.fixture-list,.monitor-list{display:grid;gap:8px;max-height:300px;overflow:auto}.fixture-item,.monitor-item,.notification-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1011;text-align:left}.fixture-item>div,.monitor-item>div{display:grid;gap:4px}.fixture-item span,.monitor-item span,.notification-item span{color:var(--muted);font-size:.82rem}.monitor-title{justify-content:space-between}.monitor-title>div{display:grid;gap:5px}.monitor-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.monitor-columns>div{display:grid;align-content:start;gap:10px}.monitor-columns h3{margin:0;font-size:.95rem}.monitor-item{display:grid;grid-template-columns:1fr auto}.monitor-item small{grid-column:1/-1;color:var(--orange)}.monitor-status{font-size:.75rem;padding:5px 8px;border-radius:999px;background:#2b3435;color:var(--muted);white-space:nowrap}.monitor-status.ready{background:#12372b;color:var(--mint)}.monitor-status.error{background:#3c2718;color:var(--orange)}.notification-item{display:grid;cursor:pointer;color:var(--text)}.notification-item.read{opacity:.55}@media(max-width:700px){.monitor-columns{grid-template-columns:1fr}.button-row,.date-row{align-items:stretch;flex-direction:column}.button-row>*,.date-row>*{width:100%}}
.prefix-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.prefix-row label{font-size:.72rem}.prefix-row input{padding:.4rem .5rem}.fixture-item>div{min-width:0;flex:1}@media(max-width:520px){.prefix-row{grid-template-columns:1fr}}
a{color:var(--mint)}
#providerPanel{overflow:auto}
#syncPanel{overflow:auto;align-items:flex-start;justify-content:center}.sync-shell{width:min(720px,100%);display:grid;gap:16px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.sync-shell>div:first-child{display:grid;gap:7px}
[hidden]{display:none!important}