@charset "UTF-8";

/* Dashboard refresh only. The launch screen and its splash use panel.css unchanged. */
html:not(.is-launch-screen) {
  --background: #08090b;
  --panel-top: #18191d;
  --panel-bottom: #101114;
  --element-top: #24252a;
  --element-bottom: #17181c;
  --border: #393537;
  --border-light: #645348;
  --text-primary: #f9f5ef;
  --text-secondary: #c6beb7;
  --text-muted: #958c85;
  --red: #c64d46;
  --gold: #eac27d;
  --radius: 20px;
  --radius-small: 12px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .38);
  scrollbar-color: #725b40 #0a0a0c;
}

html:not(.is-launch-screen) body { background: var(--background); font-size: 15px; }
html:not(.is-launch-screen) body::before {
  background:
    radial-gradient(ellipse at 77% 16%, rgba(167, 104, 48, .14), transparent 31%),
    radial-gradient(ellipse at 9% 88%, rgba(111, 32, 28, .12), transparent 35%),
    linear-gradient(135deg, #090a0c 0%, #111114 55%, #08090b 100%);
}
html:not(.is-launch-screen) body::after { background: none; }
html:not(.is-launch-screen) .ember-field,
html:not(.is-launch-screen) .smoke-field { display: none; }
html:not(.is-launch-screen) .app-root { padding: 28px; }

.sidebar, .topbar, .section, .account-panel {
  border-color: var(--border);
  border-radius: var(--radius);
  background: linear-gradient(145deg, #19191d, #111216);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 38px rgba(0, 0, 0, .2);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  animation: none;
}
.sidebar::before, .topbar::before, .section::before, .account-panel::before,
.section::after, .account-panel::after { content: none; }
.app-layout { gap: 18px; }
.sidebar { padding: 22px; }
.sidebar-brand { padding-bottom: 20px; border-bottom-color: rgba(234, 194, 125, .2); }
.sidebar-brand img, .account-brand img { width: 62px; height: 62px; }
.sidebar-brand strong, .account-brand strong {
  color: var(--gold);
  font-family: "Audiowide", sans-serif;
  font-size: 15px;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.sidebar-brand .brand-control, .account-brand .brand-control { color: #fff8eb; font-size: 11px; letter-spacing: .05em; }
.sidebar-brand > div > span, .account-brand > div > span {
  display: block;
  margin-top: 5px;
  color: var(--text-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.nav { gap: 5px; margin: 25px 0; }
.nav-button, .account-nav-button {
  min-height: 46px;
  border-color: transparent;
  color: #bcb5af;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 750;
  text-transform: none;
}
.nav-button:hover, .nav-button.is-active,
.account-nav-button:hover, .account-nav-button.is-active {
  border-color: rgba(234, 194, 125, .28);
  color: #f8e3bb;
  background: rgba(234, 194, 125, .08);
  box-shadow: inset 3px 0 0 var(--gold);
}
.nav-button .material-symbols-outlined, .account-nav-button .material-symbols-outlined { color: #bd9b68; }
.topbar { min-height: 100px; padding: 25px 28px; margin-bottom: 18px; }
.topbar h1 { font-size: 29px; letter-spacing: -.025em; text-shadow: none; }
.topbar p { color: var(--text-muted); }
.section { padding: 24px; margin-bottom: 18px; }
.stat-grid { gap: 12px; margin-bottom: 18px; }
.stat {
  padding: 20px;
  border-color: #403b38;
  border-radius: 16px;
  background: #1d1d21;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.stat strong { margin-top: 12px; color: #f5d09b; font-size: 32px; text-shadow: none; }
.stat span { color: var(--text-muted); font-size: 11px; letter-spacing: .035em; }
.section-title h2 { font-size: 21px; text-shadow: none; }
.danger-zone { background: linear-gradient(145deg, #281919, #181516); }
.account-panel { padding: 30px; }
.account-nav { gap: 4px; padding: 6px; border: 1px solid var(--border); border-radius: 14px; background: #111215; }
.account-nav-button { justify-content: center; }
html:not(.is-launch-screen) .btn { border-radius: 10px; box-shadow: none; }
html:not(.is-launch-screen) .btn:hover { border-color: rgba(234, 194, 125, .55); box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
html:not(.is-launch-screen) .btn-primary { border-color: #dbad67; color: #23180d; background: linear-gradient(135deg, #f3d49d, #d2a157); box-shadow: none; }
html:not(.is-launch-screen) .btn-gold { border-color: rgba(234, 194, 125, .45); color: #f1d39f; background: rgba(234, 194, 125, .06); }
html:not(.is-launch-screen) .browser-download-tools { border-radius: 14px; }
:where(button, a, input, select, textarea):focus-visible { outline: 2px solid #f2cb8e; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
@media (max-width: 760px) {
  html:not(.is-launch-screen) .app-root {
    padding: 10px max(8px, env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  }
  .sidebar { padding: 0; border: 0; background: transparent; box-shadow: none; }
  .topbar { padding: 20px; }
  .section, .account-panel { padding: 18px; }
  .stat { padding: 16px; }
}