:root {
  --rxr-ink: #191815;
  --rxr-paper: #f7efe1;
  --rxr-gold: #d5b47d;
  --rxr-gold-light: #f3dbad;
  --rxr-muted: #c6b9a6;
  --rxr-border: #685741;
  --rxr-gradient: linear-gradient(140deg, #f0d7a7, #c39a5e);
  --rxr-font: "Segoe UI", system-ui, sans-serif;
}
body.rxr-portal[data-theme] {
  --th-bg0: #151411; --th-bg1: #1c1a17; --th-bg2: #28241e;
  --th-panel: #221f1a; --th-panel2: #302a22; --th-panel-soft: #29241d;
  --th-text: var(--rxr-paper); --th-text2: #e6dbca; --th-muted: var(--rxr-muted);
  --th-accent: var(--rxr-gold); --th-accent2: var(--rxr-gold-light);
  --th-gold: var(--rxr-gold); --th-gold2: var(--rxr-gold-light);
  --th-line: #514638; --th-line2: #7f694c;
  --th-top: #1d1a17; --th-side: #191714; --th-input: #191713;
  --th-cta-text: var(--rxr-ink); --th-cta-bg: var(--rxr-gradient);
  --th-grid: transparent; --th-page-glow: #93724624;
  --th-shadow: 0 12px 28px #0003; --th-shadow-hover: 0 16px 36px #0005;
  --hx-blue: var(--rxr-gold); --hx-blue-2: var(--rxr-gold-light);
  --hx-gold: var(--rxr-gold); --hx-panel: var(--th-panel); --hx-panel2: var(--th-panel2);
  --hx-text: var(--th-text); --hx-muted: var(--th-muted); --hx-line: var(--th-line);
  --v70-panel: var(--th-panel); --v70-panel2: var(--th-panel2); --v70-text: var(--th-text);
  --v70-muted: var(--th-muted); --v70-gold: var(--th-gold); --v70-gold2: var(--th-gold2);
  --user-accent: var(--rxr-gold); --user-accent-2: var(--rxr-gold-light);
  color-scheme: dark;
  font-family: var(--rxr-font);
}
.rxr-wordmark {
  display: inline-flex; align-items: baseline; gap: .6rem;
  color: var(--rxr-gold-light); font: 750 1.65rem/1 var(--rxr-font);
  letter-spacing: .13em;
}
.rxr-wordmark span { font-size: .72rem; letter-spacing: .18em; }
body.rxr-portal .sidebar > .brand { min-height: 74px; justify-content: flex-start; padding-inline: 20px; }
.rxr-portal .sidebar-scroll { scrollbar-color: var(--rxr-border) transparent; }
.rxr-portal .sidebar-scroll::-webkit-scrollbar-thumb { background: var(--rxr-border); }
.rxr-portal .nav .ico img, .rxr-portal .v60-mobile-nav img { filter: grayscale(1) sepia(.5) !important; }
body.rxr-portal[data-theme] .v60-mobile-nav { background: var(--th-top) !important; border-color: var(--th-line) !important; }
body.rxr-portal[data-theme] .v60-mobile-nav a.active { color: var(--rxr-gold-light) !important; background: var(--th-panel2) !important; }
.rxr-portal .kpi-v2 { background: var(--th-panel) !important; color: var(--th-text) !important; border-color: var(--th-line) !important; box-shadow: var(--th-shadow) !important; }
.rxr-portal .kpi-v2 .kpi-icon { color: var(--rxr-gold-light) !important; background: var(--th-panel2) !important; }
.rxr-portal :is(.text-link,.timeline-item a) { color: var(--rxr-gold-light) !important; }
.rxr-portal :is(button,a,input,select,textarea):focus-visible, .login-page :is(input,button):focus-visible { outline: 2px solid var(--rxr-gold-light); outline-offset: 3px; }
.rxr-welcome {
  display: flex; justify-content: space-between; align-items: end; gap: 1.3rem;
  padding: clamp(20px, 4vw, 46px); margin-bottom: 1.2rem; border: 1px solid var(--rxr-border);
  border-radius: 20px; background: radial-gradient(ellipse at top right,#84663e40,transparent 58%), linear-gradient(130deg,#312a21,#211e19 72%);
}
.rxr-welcome h2 { font-size: clamp(1.75rem,4vw,3rem); letter-spacing: -.035em; margin: .45rem 0 .3rem; }
.rxr-welcome p { margin: 0; line-height: 1.55; }
.rxr-welcome .hero-actions { display: flex; gap: .6rem; flex-wrap: wrap; }
body.login-page {
  background: radial-gradient(ellipse at 50% 5%,#57442c,#211d18 48%,#161411 85%) !important;
  font-family: var(--rxr-font);
  min-height: 100dvh;
}
body.login-page .login-card {
  width: min(100% - 28px, 440px); padding: clamp(23px, 5vw, 40px); text-align: left;
  background: #211d17 !important; color: var(--rxr-paper) !important;
  border: 1px solid var(--rxr-border) !important; border-radius: 22px;
  box-shadow: 0 24px 60px #0006 !important;
}
.login-page .login-card h1 { text-align: left; margin: 1rem 0 .35rem; color: var(--rxr-paper) !important; letter-spacing: -.035em; }
.login-page .login-card p { text-align: left; color: var(--rxr-muted) !important; }
.login-page .login-card label { color: var(--rxr-paper) !important; }
.login-page .login-card input { color: var(--rxr-paper) !important; background: #171511 !important; border: 1px solid var(--rxr-border) !important; border-radius: 10px !important; min-height: 46px; }
.login-page .login-card button { color: var(--rxr-ink) !important; background: var(--rxr-gradient) !important; border: 1px solid var(--rxr-gold) !important; min-height: 46px; border-radius: 10px !important; }
.rxr-projects { display: grid; gap: 1rem; }
.rxr-projects form { margin-top: .9rem; }
.rxr-projects label { display: grid; gap: .35rem; }
.rxr-projects td { vertical-align: top; }
.rxr-projects td form { margin: 0; display: flex; gap: .4rem; align-items: center; }
@media (max-width: 720px) {
  .rxr-welcome { align-items: start; flex-direction: column; border-radius: 14px; }
}
