/* Tema 3: Clean Light */
:root{
  --bg:#f3f6fb;--card:#ffffff;--card2:#f8fafc;--border:#d8e1ec;
  --purple:#2563eb;--purple2:#0f766e;--cyan:#0284c7;--green:#059669;
  --orange:#d97706;--red:#dc2626;--text:#172033;--muted:#64748b;
}
body{
  background-color:var(--bg);color:var(--text);
  background-image:radial-gradient(circle at 8% 8%,rgba(37,99,235,.1),transparent 35%),radial-gradient(circle at 92% 88%,rgba(15,118,110,.09),transparent 38%);
}
nav.topnav{background:rgba(255,255,255,.92);border-color:#d8e1ec;box-shadow:0 4px 18px rgba(30,64,175,.06)}
.logo,.nav-logo{background:linear-gradient(135deg,#2563eb,#0f766e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-links a{color:#64748b}.nav-links a:hover{background:#eaf1ff;color:#1d4ed8}.nav-links a.active{background:#dbeafe;color:#1d4ed8}
.card{background:rgba(255,255,255,.94);border-color:#d8e1ec;border-radius:16px;box-shadow:0 14px 40px rgba(51,65,85,.1);backdrop-filter:blur(14px)}
.ebox{background:#eff6ff;border-color:#60a5fa;border-radius:12px}
.eaddr{color:#1d4ed8}.efrom,.er-from{color:#0f766e}
.uinput,.usuffix{background:#fff!important;border-color:#cbd5e1!important;color:#172033!important}
.usuffix option{background:#fff;color:#172033}
.uinput:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.btn{border-radius:8px}.btn-p{background:linear-gradient(135deg,#2563eb,#0284c7)}
.btn-d{background:#fff;border-color:#cbd5e1;color:#334155}
.tabs{background:#eef2f7}.tab.on{background:#dbeafe;color:#1d4ed8}
.eitem{background:#fff;border-color:#e2e8f0}.eitem:hover,.eitem.open{background:#f0f7ff;border-color:#93c5fd}
.eitem.open{border-bottom-color:transparent}.eitem.new::before{background:#2563eb}
.ereader{background:#f8fbff;border-color:#93c5fd}.er-head{border-color:#dbeafe}
.chip{background:#ecfdf5;border-color:#a7f3d0;color:#0f5132}.chip:hover{background:#d1fae5}
.toast{background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(15,23,42,.14)}