:root { --bg:#f1f1f2; --panel:#fff; --ink:#252629; --muted:#85868b; --line:#dedee1; --blue:#55575d; --cyan:#777980; --red:#cc5d68; --green:#4f8269; --shadow:0 18px 55px #2021240d; }
.login { background: radial-gradient(circle at 20% 10%,#ffffff,transparent 34%),radial-gradient(circle at 80% 85%,#d8d8db,transparent 34%),#e9e9eb; }
.login-card { border-color:#fff; background:#fdfdfddd; box-shadow:0 28px 80px #20212418; }
.login-logo { display:block; width:92px; height:92px; object-fit:contain; border:1px solid #e0e0e3; border-radius:18px; background:#fff; }
.login-card small,.modal-head small,header small { color:#686a70; }
.login-card button,.primary,.action { background:#46484d; }
input:focus,select:focus { border-color:#777980; box-shadow:0 0 0 4px #55575d10; }
aside { background:#242529; }
nav button:hover,nav button.active { background:#ffffff0b; }
nav button.active { box-shadow:inset 3px 0 #b8bac0; }
.brand-logo { width:46px; height:46px; object-fit:contain; border-radius:12px; background:#fff; }
.pill.online,.pill.active { background:#ededf0; color:#55575d; }
.pill.live { background:#eaf3ee; color:#4f8269; }