:root {
  --player-blue: #526cff;
  --player-blue-deep: #202d72;
  --player-green: #b9f542;
  --player-cyan: #38d7ff;
  --player-black: #04070d;
}

body[data-theme="dark"] {
  color-scheme: dark;
  --brand: var(--player-blue) !important;
  --brand-strong: #7187ff;
  --accent: var(--player-cyan);
  --accent-soft: rgba(82, 108, 255, .13);
  --bg: #050912;
  --panel: #0c1322;
  --panel-subtle: #111a2b;
  --control: #070c15;
  --sidebar: var(--player-black);
  --sidebar-soft: #0c1424;
  --sidebar-line: rgba(82, 108, 255, .24);
  --text: #f5f7ff;
  --muted: #9ba6ba;
  --line: #26334a;
  --soft: rgba(82, 108, 255, .1);
  --table-head: #080e18;
  --hover: #131e32;
  --login-bg: var(--player-black);
  --mobile-nav: rgba(4, 7, 13, .98);
  background: radial-gradient(circle at 88% 5%, rgba(82, 108, 255, .17), transparent 30%), var(--bg);
}

body[data-theme="dark"] .sidebar {
  border-right-color: var(--sidebar-line);
  background: linear-gradient(180deg, rgba(82, 108, 255, .1), transparent 24%), var(--player-black);
}

.client-brand-logo { width: 62px; height: 48px; flex: 0 0 62px; object-fit: contain; border-radius: 6px; }
.sidebar .brand { border-bottom-color: var(--sidebar-line); }
.sidebar .brand strong { color: #fff; letter-spacing: .02em; }
.sidebar .brand small,
.eyebrow { color: var(--player-green); letter-spacing: .12em; text-transform: uppercase; }
.nav-item { border-radius: 8px; }
.nav-item.active { background: linear-gradient(135deg, #3448ad, var(--player-blue)); color: #fff; box-shadow: 0 9px 25px rgba(45, 64, 161, .28); }
.button.primary { border-color: #6078ff; background: linear-gradient(135deg, #3448ad, var(--player-blue)); color: #fff; box-shadow: 0 10px 24px rgba(45, 64, 161, .25); }
.button.primary:hover { border-color: var(--player-green); background: linear-gradient(135deg, #4056c7, #657dff); }
input:focus, select:focus, textarea:focus { border-color: var(--player-blue); box-shadow: 0 0 0 3px rgba(82, 108, 255, .18); }
.hero-panel { border-color: rgba(82, 108, 255, .34); background: linear-gradient(120deg, rgba(82, 108, 255, .19), transparent 45%), linear-gradient(135deg, #101a2d, #070b13); }
.metric-card, .content-panel, .card { border-color: #26334a; background: linear-gradient(155deg, rgba(15, 24, 41, .98), rgba(8, 13, 23, .98)); }
.metric-card { border-top: 3px solid var(--player-blue); }
.metric-card:nth-child(2) { border-top-color: var(--player-cyan); }
.metric-card:nth-child(3) { border-top-color: var(--player-green); }

.player-one-login {
  min-height: 100vh;
  background-color: var(--player-black);
  background-image: linear-gradient(rgba(82, 108, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 108, 255, .05) 1px, transparent 1px), radial-gradient(circle at 18% 25%, rgba(82, 108, 255, .24), transparent 34%), radial-gradient(circle at 78% 75%, rgba(56, 215, 255, .1), transparent 32%);
  background-size: 64px 64px, 64px 64px, auto, auto;
}
.player-one-login .login-topline { border-bottom: 1px solid rgba(82, 108, 255, .38); background: rgba(4, 7, 13, .9); color: #cbd3ff; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.player-one-login .login-shell { max-width: 1240px; }
.player-one-login .login-logo.player-one-login-logo { width: min(390px, 72vw); height: 150px; object-fit: contain; object-position: left center; border: 0; border-radius: 0; background: transparent; box-shadow: none; mix-blend-mode: screen; }
.player-one-monogram { color: var(--player-green); font-size: 4rem; font-weight: 950; letter-spacing: -.07em; }
.player-one-login .login-hero h1 { max-width: 760px; color: #fff; font-size: clamp(3.35rem, 6.7vw, 6.4rem); letter-spacing: -.075em; line-height: .88; }
.player-one-login .login-hero h1 span { display: block; color: var(--player-green); }
.player-one-login-intro > p:not(.eyebrow) { max-width: 650px; color: #aab4c7; font-size: 1.04rem; }
.player-one-login .login-signal-grid { gap: 12px; }
.player-one-login .login-signal-card { display: grid; min-height: 146px; grid-template-columns: 42px 1fr; gap: 15px; padding: 19px; border: 1px solid #283750; border-top: 3px solid var(--card-accent); border-radius: 12px; background: linear-gradient(145deg, rgba(14, 23, 40, .95), rgba(6, 11, 19, .95)); box-shadow: 0 18px 38px rgba(0, 0, 0, .2); animation: none; }
.player-one-login .login-signal-card::after { content: none; }
.player-one-login .login-signal-card.player-sales { --card-accent: var(--player-blue); }
.player-one-login .login-signal-card.player-stock { --card-accent: var(--player-cyan); }
.player-one-login .login-signal-card.player-repairs { --card-accent: var(--player-green); }
.player-one-login .login-signal-card b { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid color-mix(in srgb, var(--card-accent) 65%, transparent); border-radius: 50%; color: var(--card-accent); font-size: .67rem; }
.player-one-login .login-signal-card h2 { margin: 5px 0 8px; color: #fff; font-size: 1rem; }
.player-one-login .login-signal-card p { margin: 0; color: #9ca7bb; font-size: .8rem; line-height: 1.5; }
.player-one-login .login-card { position: relative; overflow: hidden; border: 1px solid #30405d; border-top: 4px solid var(--player-blue); border-radius: 18px; background: rgba(10, 17, 29, .97); box-shadow: 0 35px 95px rgba(0, 0, 0, .48); }
.player-card-glow { position: absolute; top: -90px; right: -90px; width: 190px; height: 190px; border-radius: 50%; background: rgba(82, 108, 255, .18); filter: blur(28px); pointer-events: none; }
.player-one-login .login-client { border-color: #283750; }
.player-one-login .login-client-logo { width: 165px; height: 70px; flex: 0 0 165px; object-fit: contain; object-position: left center; mix-blend-mode: screen; }
.player-one-login .login-client strong { display: none; }
.player-one-login .login-client small { color: #aab4c7; }
.player-one-login .login-card h2 { color: #fff; font-size: 2.4rem; letter-spacing: -.045em; }
.player-login-copy { margin: 8px 0 0; color: #9ca7bb; font-size: .88rem; }
.player-one-login .login-card input { border-color: #30405d; background: #060b13; color: #fff; }
.player-security { margin: 20px 0 0; padding-top: 17px; border-top: 1px solid #26334a; color: #8490a5; font-size: .7rem; text-align: center; }
.player-security span { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--player-green); box-shadow: 0 0 9px rgba(185, 245, 66, .65); }
.player-one-login .auth-footer { border-top-color: #202c40; background: var(--player-black); color: #8490a5; }

@media (max-width: 760px) {
  .player-one-login .login-logo.player-one-login-logo { width: min(300px, 86vw); height: 105px; }
  .player-one-login .login-hero h1 { font-size: clamp(2.55rem, 13vw, 3.45rem); }
  .player-one-login .login-signal-grid { grid-template-columns: 1fr; }
  .player-one-login .login-signal-card { min-height: 0; }
}