*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --primary:#D4AF37;--primary-light:#FFD700;
  --primary-rgb:212,175,55;--primary-light-rgb:255,215,0;
  --bg-dark:#0A0A0A;--surface:#141414;--card:#111111;--card-hover:#1A1A1A;
  --text:#FFFFFF;--text-secondary:#888;
  --positive:#00E676;--negative:#FF5252;--neutral:#FFC107;--accent:#FFC107;
  --header-h:56px;--tabs-h:50px;
  --radius:14px;--radius-sm:10px;
}
[data-theme="dourado"]{--primary:#D4AF37;--primary-light:#FFD700;--primary-rgb:212,175,55;--primary-light-rgb:255,215,0}
[data-theme="azul-royal"]{--primary:#2196F3;--primary-light:#64B5F6;--primary-rgb:33,150,243;--primary-light-rgb:100,181,246}
[data-theme="verde-esmeralda"]{--primary:#00E676;--primary-light:#69F0AE;--primary-rgb:0,230,118;--primary-light-rgb:105,240,174}
[data-theme="rosa-neon"]{--primary:#E91E63;--primary-light:#F48FB1;--primary-rgb:233,30,99;--primary-light-rgb:244,143,177}
[data-theme="roxo-imperial"]{--primary:#9C27B0;--primary-light:#CE93D8;--primary-rgb:156,39,176;--primary-light-rgb:206,147,216}
[data-theme="laranja-fogo"]{--primary:#FF5722;--primary-light:#FF8A65;--primary-rgb:255,87,34;--primary-light-rgb:255,138,101}
[data-theme="ciano-eletrico"]{--primary:#00BCD4;--primary-light:#4DD0E1;--primary-rgb:0,188,212;--primary-light-rgb:77,208,225}
[data-theme="vermelho-rubi"]{--primary:#F44336;--primary-light:#EF9A9A;--primary-rgb:244,67,54;--primary-light-rgb:239,154,154}
[data-theme="ambar"]{--primary:#FFC107;--primary-light:#FFD54F;--primary-rgb:255,193,7;--primary-light-rgb:255,213,79}
[data-theme="indigo"]{--primary:#3F51B5;--primary-light:#7986CB;--primary-rgb:63,81,181;--primary-light-rgb:121,134,203}
[data-theme="teal"]{--primary:#009688;--primary-light:#4DB6AC;--primary-rgb:0,150,136;--primary-light-rgb:77,182,172}
[data-theme="lima"]{--primary:#CDDC39;--primary-light:#E6EE9C;--primary-rgb:205,220,57;--primary-light-rgb:230,238,156}
[data-theme="coral"]{--primary:#FF7043;--primary-light:#FFAB91;--primary-rgb:255,112,67;--primary-light-rgb:255,171,145}
[data-theme="lavanda"]{--primary:#7E57C2;--primary-light:#B39DDB;--primary-rgb:126,87,194;--primary-light-rgb:179,157,219}
[data-theme="prata"]{--primary:#9E9E9E;--primary-light:#E0E0E0;--primary-rgb:158,158,158;--primary-light-rgb:224,224,224}

html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-feature-settings:'cv11','ss01';
  background-color:#080808;
  color:var(--text);line-height:1.5;
  min-height:100vh;overflow-x:hidden;
}

/* Dot grid pattern background */
body::before{
  content:'';position:fixed;top:0;left:0;width:100%;height:100%;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(var(--primary-rgb),.06) 1px, transparent 0);
  background-size:32px 32px;
  pointer-events:none;z-index:0;
}

/* Ambient glow */
body::after{
  content:'';position:fixed;top:0;left:0;width:100%;height:100%;
  background:
    radial-gradient(ellipse at 15% 30%, rgba(var(--primary-rgb),.05) 0%, transparent 50%),
    radial-gradient(ellipse at 85% 70%, rgba(var(--primary-rgb),.03) 0%, transparent 50%);
  pointer-events:none;z-index:0;
}

a{color:var(--primary);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--primary-light)}
img{max-width:100%;display:block}
input,button,select,textarea{font-family:inherit;font-size:inherit}
.hidden{display:none!important}
.gold-text{color:var(--primary)}

/* Card - glassmorphism */
.card{
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.05);
  border-radius:var(--radius);padding:14px;margin-bottom:8px;
  transition:transform .3s ease, box-shadow .3s ease;
}
.card:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 32px rgba(0,0,0,.3);
}

/* Buttons */
.btn{
  padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;
  font-weight:600;font-size:14px;transition:all .2s ease;display:inline-flex;
  align-items:center;gap:6px;justify-content:center;letter-spacing:.01em;
}
.btn:active{transform:scale(0.96)}
.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-light));
  color:#000;
}
.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}
.btn-ghost{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);
}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.05)}
.btn-danger{background:#FF5252;color:#fff}
.btn-danger:hover{background:#FF1744;box-shadow:0 4px 16px rgba(255,82,82,.3)}
.full-width{width:100%}

/* Forms */
.form-group{margin-bottom:14px}
.form-group label{display:block;color:var(--text-secondary);margin-bottom:5px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group input[type="time"]{
  width:100%;padding:11px 14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);color:var(--text);
  transition:all .2s ease;
}
.form-group input:focus{
  outline:none;border-color:rgba(var(--primary-rgb),.5);
  box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08);
  background:rgba(255,255,255,.06);
}

/* Modal */
.modal-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:center;
  z-index:2000;animation:fadeIn .2s ease;
}
.modal-card{
  background:rgba(16,16,16,.98);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;padding:24px;
  max-width:460px;width:92%;max-height:85vh;overflow-y:auto;
  animation:scaleIn .3s ease;
  box-shadow:0 24px 80px rgba(0,0,0,.5);
}
.modal-wide{max-width:560px}
.modal-title{font-size:18px;font-weight:700;margin-bottom:18px;letter-spacing:-.02em}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}

/* Scrollbar */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.2);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.4)}

@media(max-width:768px){html{font-size:15px}}
@media(max-width:480px){html{font-size:14px}}