.login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(48px,11vh,120px) 24px 24px;position:relative;background:radial-gradient(60% 60% at 50% 35%,rgba(201,162,39,.08),transparent 70%),var(--color-bg)}.login__card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center}.login__logo{width:100%;display:flex;justify-content:center;margin-bottom:14px}.logo{display:flex;flex-direction:column;align-items:center;gap:14px}.logo__wordmark{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:4px;color:var(--text)}.logo__bet{color:var(--gold)}.login__subtitle{color:var(--text-muted);font-family:var(--font-display);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:32px}.login__form{width:100%;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:8px;text-align:left}.field__label{font-size:13px;color:var(--text-muted);letter-spacing:.5px}.field__input{width:100%;padding:13px 15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:15px;transition:border-color .15s ease,box-shadow .15s ease}.field__input::placeholder{color:#5a5a5a}.field__input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.btn{width:100%;padding:13px 16px;border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:1px;cursor:pointer;transition:transform .08s ease,filter .15s ease,box-shadow .2s ease}.btn:disabled{opacity:.6;cursor:default}.btn--gold{margin-top:6px;color:#0a0a0a;background:linear-gradient(135deg,#e8c552,#c9a227 55%,#b48c32);box-shadow:var(--shadow-gold)}.btn--gold:not(:disabled):hover{filter:brightness(1.07)}.btn--gold:not(:disabled):active{transform:translateY(1px)}.login__error{background:#e0625a1a;border:1px solid rgba(224,98,90,.35);color:var(--text-error);font-size:13px;padding:10px 12px;border-radius:var(--radius-sm);text-align:center}.login__footer{position:absolute;bottom:20px;color:#4a4a4a;font-size:12px;letter-spacing:.5px}.loader{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center}.loader__scene{position:relative;width:220px;height:130px;display:flex;align-items:center;justify-content:center;gap:34px;perspective:700px;margin-bottom:8px}.die{position:relative;width:64px;height:64px;transform-style:preserve-3d}.die--a{animation:tumble-a 2.6s linear infinite,bob 1.3s ease-in-out infinite}.die--b{animation:tumble-b 3.1s linear infinite,bob 1.3s ease-in-out infinite;animation-delay:-.4s,-.65s}.die__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background-color:#c9a227;background-image:var(--pips),linear-gradient(135deg,#f4dc8a,#c9a227 60%,#b48c32);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #7a5a1899}.die__face--1{--pips: radial-gradient(circle 5px at 50% 50%, #0a0a0a 96%, transparent 100%);transform:rotateY(0) translateZ(32px)}.die__face--2{--pips: radial-gradient(circle 5px at 30% 30%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 70% 70%, #0a0a0a 96%, transparent 100%);transform:rotateX(-90deg) translateZ(32px)}.die__face--3{--pips: radial-gradient(circle 5px at 28% 28%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 50% 50%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 72% 72%, #0a0a0a 96%, transparent 100%);transform:rotateY(90deg) translateZ(32px)}.die__face--4{--pips: radial-gradient(circle 5px at 30% 30%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 70% 30%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 30% 70%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 70% 70%, #0a0a0a 96%, transparent 100%);transform:rotateY(-90deg) translateZ(32px)}.die__face--5{--pips: radial-gradient(circle 5px at 28% 28%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 72% 28%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 50% 50%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 28% 72%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 72% 72%, #0a0a0a 96%, transparent 100%);transform:rotateX(90deg) translateZ(32px)}.die__face--6{--pips: radial-gradient(circle 5px at 30% 25%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 30% 50%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 30% 75%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 70% 25%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 70% 50%, #0a0a0a 96%, transparent 100%), radial-gradient(circle 5px at 70% 75%, #0a0a0a 96%, transparent 100%);transform:rotateY(180deg) translateZ(32px)}.loader__shadow{position:absolute;bottom:6px;width:150px;height:16px;background:radial-gradient(ellipse at center,rgba(201,162,39,.28),transparent 70%);filter:blur(2px);animation:shadow-pulse 1.3s ease-in-out infinite}.loader__title{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--text);letter-spacing:1px}.loader__msg{color:var(--gold);font-size:14px;min-height:20px;transition:opacity .2s ease}@keyframes tumble-a{0%{transform:rotateX(-20deg) rotateY(0) rotate(0)}to{transform:rotateX(340deg) rotateY(360deg) rotate(180deg)}}@keyframes tumble-b{0%{transform:rotateX(20deg) rotateY(0) rotate(0)}to{transform:rotateX(-340deg) rotateY(-360deg) rotate(-180deg)}}@keyframes bob{0%,to{translate:0 -14px}50%{translate:0 10px}}@keyframes shadow-pulse{0%,to{transform:scale(.8);opacity:.45}50%{transform:scale(1.1);opacity:.8}}@media(prefers-reduced-motion:reduce){.die--a,.die--b,.loader__shadow{animation-duration:6s}}.report{position:relative;min-height:100%;overflow:hidden}.report__map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.08;pointer-events:none;z-index:0}.report__header,.report__body{position:relative;z-index:1}.report__header{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:16px 24px;border-bottom:1px solid #1f1f1f}.report__user{color:var(--text-muted);font-size:14px}.report__logout{background:transparent;border:1px solid #3a3a2a;color:var(--gold);font-family:var(--font-body);font-size:13px;padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.report__logout:hover{background:var(--gold-soft)}.report__body{max-width:580px;margin:0 auto;padding:32px 24px 48px}.report__title{font-family:var(--font-display);font-weight:800;font-size:24px;text-align:center;margin-bottom:4px}.report__subtitle{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:28px}.report__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.field-label{display:block;font-size:12px;color:var(--text-muted);letter-spacing:.4px;margin-bottom:7px}.select-wrap{position:relative;min-width:0}.select-wrap select{box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);border:1px solid var(--color-border);color:var(--text);border-radius:var(--radius-sm);padding:0 38px 0 13px;font-family:var(--font-body);font-size:14px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.select-wrap select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.select-wrap .chevron{position:absolute;right:13px;top:14px;color:var(--gold);pointer-events:none;font-size:18px}.report__block{margin-bottom:22px}.format-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.format-card{min-width:0;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:14px 8px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.format-card:hover{border-color:#4a4030}.format-card.is-active{border-color:var(--gold);background:var(--gold-soft)}.format-card .ti{display:block;font-size:19px;margin-bottom:6px;color:var(--gold)}.format-card__title{font-weight:700;font-size:13px;color:var(--text)}.format-card__sub{font-size:10.5px;color:var(--text-muted);margin-top:4px}.period-row{display:flex;align-items:flex-end;gap:12px}.period-col{flex:1}.period-col span{font-size:11px;color:#6a6a6a}.period-col input{box-sizing:border-box;width:100%;height:46px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--text);border-radius:var(--radius-sm);padding:0 13px;font-family:var(--font-body);font-size:14px;margin-top:3px}.period-col input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.period-arrow{color:var(--gold);margin-bottom:15px;font-size:18px}.report__submit{width:100%;margin-top:28px;border:none;border-radius:var(--radius-sm);padding:15px;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:1px;color:#0a0a0a;background:linear-gradient(135deg,#e8c552,#c9a227 55%,#b48c32);box-shadow:var(--shadow-gold);cursor:pointer;transition:filter .15s ease,transform .08s ease}.report__submit:not(:disabled):hover{filter:brightness(1.07)}.report__submit:not(:disabled):active{transform:translateY(1px)}.report__submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}:root{--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-surface: #1a1a1a;--color-border: #2a2a2a;--gold: #c9a227;--gold-deep: #b48c32;--gold-soft: rgba(201, 162, 39, .12);--text: #ffffff;--text-muted: #9a9a9a;--text-error: #e0625a;--font-display: "Montserrat", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--shadow-gold: 0 0 32px rgba(201, 162, 39, .18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--gold);text-decoration:none}