/* DashProxies — Base v4 | Luxury Dark Mafia */
:root {
  --black:   #000000;
  --ink:     #08080a;
  --dark:    #0e0e10;
  --dark-2:  #141416;
  --dark-3:  #1c1c1f;
  --dark-4:  #242428;

  --gold:    #c9a84c;
  --gold-hi: #e6c06a;
  --gold-lo: rgba(201,168,76,.1);
  --gold-dim: rgba(201,168,76,.4);
  --gold-2:  #a8893d;

  --cream:   #f5efe0;
  --smoke:   rgba(255,255,255,.04);

  --t-1: #f0ead8;
  --t-2: #8a8070;
  --t-3: #48443c;

  --green:  #4ade80;
  --red:    #f87171;
  --amber:  #fbbf24;
  --blue:   #60a5fa;

  --f:      'Cormorant Garamond', 'Georgia', serif;
  --f-sans: 'DM Sans', system-ui, sans-serif;
  --f-mono: 'DM Mono', monospace;

  --r-xs:2px; --r-sm:4px; --r-md:8px;
  --r-lg:12px; --r-xl:16px; --r-2xl:24px; --r-full:9999px;

  --nav-h:     72px;
  --announce-h:0px;
  --sidebar-w: 240px;
  --ease: cubic-bezier(0.16,1,0.3,1);
  --ease-out: cubic-bezier(0,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
body{font-family:var(--f-sans);background:var(--black);color:var(--t-1);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6;}
a{color:inherit;text-decoration:none;}
button{font-family:var(--f-sans);cursor:pointer;border:none;background:none;}
input,select,textarea{font-family:var(--f-sans);}
ul,ol{list-style:none;}
img{display:block;max-width:100%;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:2px;}
::selection{background:rgba(201,168,76,.3);color:var(--cream);}

.page{display:none!important;visibility:hidden;pointer-events:none;}
.page.is-active{display:block!important;visibility:visible;pointer-events:auto;}
#page-dashboard.is-active,#page-admin.is-active{display:flex!important;flex-direction:column;}
.view{display:none!important;}
.view.is-active{display:block!important;}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes snowFall{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:.5}90%{opacity:.2}100%{transform:translateY(220px) rotate(540deg);opacity:0}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes goldPulse{0%,100%{text-shadow:0 0 30px rgba(201,168,76,.3)}50%{text-shadow:0 0 60px rgba(201,168,76,.6),0 0 100px rgba(201,168,76,.2)}}