:root,
html[data-color-theme="green"]{
  --urso-neon:#39ff88;
  --urso-neon-rgb:57,255,136;
  --urso-accent:#19ff9c;
  --urso-accent-rgb:25,255,156;
  --urso-accent-2:#2effaa;
  --urso-accent-2-rgb:46,255,170;

  --urso-bg:#070b0a;
  --urso-bg-rgb:7,11,10;
  --urso-bg-2:#0b100f;
  --urso-bg-2-rgb:11,16,15;
  --urso-panel:#101615;
  --urso-panel-2:#141c19;
  --urso-surface-tint:#0d1715;
  --urso-surface-tint-rgb:13,23,21;

  --urso-border:rgba(var(--urso-neon-rgb),.18);
  --urso-border-strong:rgba(var(--urso-neon-rgb),.28);
  --urso-neon-soft:rgba(var(--urso-neon-rgb),.12);

  --urso-text:#eef7f2;
  --urso-muted:#9eb2a6;
  --urso-text-soft:#8d9b97;
  --urso-nav-text:#d3e7db;
  --urso-white-soft:rgba(255,255,255,.04);
  --urso-white-soft-2:rgba(255,255,255,.02);

  --urso-red:#ff375f;
  --urso-red-soft:rgba(255,55,95,.12);
  --urso-blue:#3aa0ff;
  --urso-blue-soft:rgba(58,160,255,.12);
  --urso-amber:#ffd83d;
  --urso-amber-soft:rgba(255,216,61,.14);
}

html[data-color-theme="pink"]{
  --urso-neon:#ff47c8;
  --urso-neon-rgb:255,71,200;
  --urso-accent:#ff5fd0;
  --urso-accent-rgb:255,95,208;
  --urso-accent-2:#ff88dd;
  --urso-accent-2-rgb:255,136,221;

  --urso-bg:#0d0810;
  --urso-bg-rgb:13,8,16;
  --urso-bg-2:#140b14;
  --urso-bg-2-rgb:20,11,20;
  --urso-panel:#171018;
  --urso-panel-2:#1d1420;
  --urso-surface-tint:#21101e;
  --urso-surface-tint-rgb:33,16,30;

  --urso-border:rgba(var(--urso-neon-rgb),.18);
  --urso-border-strong:rgba(var(--urso-neon-rgb),.30);
  --urso-neon-soft:rgba(var(--urso-neon-rgb),.12);
}

html[data-color-theme="orange"]{
  --urso-neon:#ff8b1f;
  --urso-neon-rgb:255,139,31;
  --urso-accent:#ff9c2e;
  --urso-accent-rgb:255,156,46;
  --urso-accent-2:#ffb157;
  --urso-accent-2-rgb:255,177,87;

  --urso-bg:#110a06;
  --urso-bg-rgb:17,10,6;
  --urso-bg-2:#17100a;
  --urso-bg-2-rgb:23,16,10;
  --urso-panel:#1a130d;
  --urso-panel-2:#20170f;
  --urso-surface-tint:#22170e;
  --urso-surface-tint-rgb:34,23,14;

  --urso-border:rgba(var(--urso-neon-rgb),.18);
  --urso-border-strong:rgba(var(--urso-neon-rgb),.32);
  --urso-neon-soft:rgba(var(--urso-neon-rgb),.13);
}

html,body{min-height:100%}

body{
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--urso-neon-rgb),.08), transparent 22%),
    radial-gradient(circle at 88% 0%, rgba(var(--urso-neon-rgb),.06), transparent 20%),
    linear-gradient(180deg,var(--urso-bg-2),var(--urso-bg));
  color:var(--urso-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.app-container{
  width:100%;
  margin:0;
  padding:18px 28px 36px 28px;
  box-sizing:border-box;
}

.app-nav{
  background:rgba(var(--urso-bg-rgb),.82);
  backdrop-filter:blur(9px);
  border-bottom:1px solid var(--urso-border);
}
.app-footer{border-top:1px solid var(--urso-border)}
.navbar-brand,.text-neon{color:var(--urso-neon)!important}
.nav-link{color:var(--urso-nav-text)!important;opacity:.92}
.nav-link:hover,.nav-link:focus{color:#fff!important}

.hero-card,.metric-card,.panel-card,.list-card{
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)), var(--urso-panel);
  border:1px solid var(--urso-border);
  border-radius:1.45rem;
  box-shadow:0 12px 40px rgba(0,0,0,.24);
}
.hero-card{overflow:hidden}
.hero-img-wrap{
  width:100%;
  min-height:320px;
  max-height:420px;
  border:1px solid var(--urso-white-soft);
  border-radius:1.2rem;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(var(--urso-bg-rgb),.92) 0%, rgba(var(--urso-surface-tint-rgb),1) 100%);
}
.hero-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.hero-img.contain{object-fit:contain}
.metric-card .label{color:var(--urso-muted);font-size:.95rem}
.metric-card .value{font-size:2.1rem;font-weight:800;line-height:1.05}
.metric-card .mini{color:var(--urso-neon);font-size:.85rem}
.section-title{font-size:clamp(1.8rem,2vw,2.35rem);font-weight:800;letter-spacing:-.02em}
.section-subtitle{color:var(--urso-muted);max-width:none}
.btn-neon{
  background:var(--urso-neon);color:#07110b;border:none;font-weight:800;
  box-shadow:0 0 0 1px rgba(var(--urso-neon-rgb),.25),0 0 24px rgba(var(--urso-neon-rgb),.14)
}
.btn-neon:hover{background:var(--urso-accent-2);color:#07110b}
.btn-outline-neon{
  border:1px solid var(--urso-border-strong);color:var(--urso-neon);background:transparent
}
.btn-outline-neon:hover{background:var(--urso-neon-soft);color:#eafff3;border-color:var(--urso-neon)}
.btn-reset-demo{
  border:1px solid rgba(255,55,95,.45);color:#ff5c7c;background:rgba(255,55,95,.08);font-weight:800
}
.btn-reset-demo:hover{background:rgba(255,55,95,.16);color:#fff;border-color:#ff5c7c}
.badge-status{
  display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .72rem;border-radius:999px;
  border:1px solid var(--urso-border);font-size:.86rem;font-weight:700
}
.status-active{color:var(--urso-neon);background:var(--urso-neon-soft);border-color:var(--urso-border-strong)}
.status-ended{color:var(--urso-red);background:var(--urso-red-soft);border-color:rgba(255,55,95,.28)}
.status-draft{color:var(--urso-blue);background:var(--urso-blue-soft);border-color:rgba(58,160,255,.28)}
.status-paused{color:var(--urso-amber);background:var(--urso-amber-soft);border-color:rgba(255,216,61,.28)}
.status-neutral{color:#d7e7dd;background:var(--urso-white-soft)}
.table-dark-green{--bs-table-bg:transparent;--bs-table-color:var(--urso-text);--bs-table-border-color:rgba(var(--urso-neon-rgb),.11);margin-bottom:0}
.table-dark-green > :not(caption) > * > *{padding:.95rem .85rem;background:transparent}
.table-dark-green tbody tr:hover td{background:var(--urso-white-soft-2)}
.form-control,.form-select,.form-control:focus,.form-select:focus{
  background:color-mix(in srgb, var(--urso-panel) 82%, #000 18%);
  color:var(--urso-text);border:1px solid rgba(var(--urso-neon-rgb),.18)
}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(var(--urso-neon-rgb),.08);border-color:rgba(var(--urso-neon-rgb),.45)}
.form-check-input{background:color-mix(in srgb, var(--urso-panel) 82%, #000 18%);border-color:rgba(var(--urso-neon-rgb),.22)}
.form-check-input:checked{background:var(--urso-neon);border-color:var(--urso-neon)}
.link-neon{color:var(--urso-neon);text-decoration:none}
.link-neon:hover{text-decoration:underline;color:var(--urso-accent-2)}
.history-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.history-line:last-child{border-bottom:0}
.submetric{color:var(--urso-muted);font-size:.92rem}

@media (max-width: 767px){
  .app-container{padding:14px 16px 28px 16px}
  .metric-card .value{font-size:1.7rem}
}

.urso-topbar-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.urso-theme-btn{
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.02);
  color:#fff;
  transition:all .22s ease;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
}
.urso-theme-btn svg{width:22px;height:22px;display:block}
.urso-theme-btn:hover{
  color:var(--urso-accent);
  border-color:var(--urso-border-strong);
  background:var(--urso-neon-soft);
  box-shadow:0 0 24px rgba(var(--urso-neon-rgb),.18);
}
.urso-theme-btn:focus-visible{
  outline:none;
  border-color:var(--urso-border-strong);
  box-shadow:0 0 0 3px rgba(var(--urso-neon-rgb),.16), 0 0 24px rgba(var(--urso-neon-rgb),.16);
}


/* Theme helpers */
.theme-border-soft{border-color:rgba(var(--urso-neon-rgb),.14)!important}
.theme-border-regular{border-color:rgba(var(--urso-neon-rgb),.18)!important}
.theme-bg-soft{background:rgba(var(--urso-neon-rgb),.10)!important}
.theme-shadow-soft{box-shadow:0 0 18px rgba(var(--urso-neon-rgb),.16)!important}