:root {
  color-scheme: dark;
  --bg: #080b0f;
  --panel: #10161d;
  --panel2: #141d27;
  --line: #233039;
  --text: #ebf3f5;
  --muted: #879aa6;
  --accent: #7eb8e1;
  --gold: #e8bc78;
  --danger: #f59696;
  --radius: 14px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font:
    14px/1.55 Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
button,
input,
textarea,
select {
  font: inherit;
}
button,
a,
input,
textarea,
select {
  outline-offset: 4px;
}
button,
a {
  touch-action: manipulation;
}
a {
  color: var(--accent);
  text-decoration: none;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: 32px;
  line-height: 1.18;
  letter-spacing: -1.1px;
  margin-bottom: 12px;
}
h2 {
  font-size: 18px;
  letter-spacing: -0.3px;
  margin-bottom: 5px;
}
h3 {
  font-size: 15px;
  margin-bottom: 8px;
}
p {
  color: var(--muted);
}
small {
  font-size: 12px;
  color: var(--muted);
}
.hidden {
  display: none !important;
}
.shell {
  display: flex;
  min-height: 100vh;
}
.sidebar {
  width: 248px;
  position: fixed;
  inset: 0 auto 0 0;
  background: #0d141a;
  border-right: 1px solid var(--line);
  padding: 29px 19px 18px;
  display: flex;
  flex-direction: column;
  z-index: 5;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 1.6px;
}
.brand span {
  display: block;
  color: var(--muted);
  font-size: 8px;
  letter-spacing: 1.2px;
  font-weight: 500;
}
.workspace {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 30px 0 21px;
  padding: 13px 10px;
  background: #141e26;
  border: 1px solid var(--line);
  border-radius: 9px;
  font-size: 12px;
}
.workspace small {
  display: block;
  font-size: 10px;
}
.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px #7eb8e12a;
  flex-shrink: 0;
}
.chevron {
  margin-left: auto;
  color: var(--muted);
}
.nav-label {
  font-size: 9px;
  letter-spacing: 2px;
  margin: 0 12px 9px;
}
nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  padding: 10px 12px;
  color: #98a9b5;
  font-size: 12px;
  transition: background 0.15s;
}
nav a:hover {
  background: #17232d;
  color: #edf4f7;
}
nav a.active {
  background: #14312d;
  color: #83f4d8;
}
nav .ico {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
nav svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.side-bottom {
  margin-top: auto;
  padding-top: 20px;
}
.side-callout {
  border-top: 1px solid var(--line);
  padding: 18px 9px 20px;
}
.side-callout span {
  font-size: 11px;
  font-weight: 600;
}
.side-callout p {
  font-size: 10px;
  margin: 5px 0 15px;
}
.tricolor {
  display: flex;
  gap: 4px;
  width: 47px;
}
.tricolor i {
  height: 2px;
  flex: 1;
  background: #467df5;
}
.tricolor i:nth-child(2) {
  background: #ead472;
}
.tricolor i:nth-child(3) {
  background: #d16d7b;
}
.user-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: 0;
  color: var(--text);
  font-size: 11px;
  text-align: left;
}
.user-box > span:last-child {
  margin-left: auto;
  color: var(--muted);
}
.avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  background: #29423c;
  border-radius: 50%;
  color: var(--accent);
  font-weight: 700;
}
.main-wrap {
  margin-left: 248px;
  flex: 1;
  min-width: 0;
}
.topbar {
  height: 76px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
  gap: 16px;
}
.breadcrumb {
  font-size: 11px;
  color: var(--muted);
}
.breadcrumb span {
  padding: 0 13px;
  color: #415362;
}
.breadcrumb strong {
  color: #c7d4dc;
  font-weight: 500;
}
.top-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  letter-spacing: 0.9px;
  border: 1px solid #2d4440;
  color: #9ad7c7;
  background: #162b26;
  padding: 4px 8px;
  border-radius: 5px;
  white-space: nowrap;
}
.badge.gold {
  color: var(--gold);
  border-color: #514331;
  background: #2a241c;
}
.badge.muted {
  color: #a8b6c1;
  background: #1b2831;
  border-color: #2c3c48;
}
.badge.red {
  color: var(--danger);
  background: #352327;
  border-color: #59353b;
}
.icon-button {
  background: none;
  border: 1px solid var(--line);
  width: 30px;
  height: 30px;
  border-radius: 7px;
  color: var(--muted);
  font-size: 18px;
}
.mobile-toggle {
  display: none;
}
.page-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
.page-head p {
  margin-bottom: 0;
  font-size: 12px;
}
.eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2.3px;
  color: var(--accent);
  margin-bottom: 13px;
}
.head-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  background: #152129;
  color: #d9e5ea;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.button:hover {
  border-color: #547065;
}
.button.primary {
  background: var(--accent);
  color: #08251d;
  border-color: var(--accent);
}
.button.danger {
  color: var(--danger);
  border-color: #603e43;
  background: #302027;
}
.button.small {
  padding: 6px 10px;
  font-size: 11px;
}
.button.subtle {
  background: transparent;
}
main {
  padding: 32px 38px;
  min-height: calc(100vh - 130px);
  max-width: 1700px;
  margin: auto;
}
.hero {
  height: 246px;
  background: #0b141b url("/assets/hero.png") center/cover no-repeat;
  border: 1px solid #30454b;
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.hero-label {
  position: absolute;
  right: 20px;
  top: 18px;
}
.hero-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 20px;
  background: linear-gradient(transparent, #060d14e8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #a5bac6;
}
.hero-bottom strong {
  color: #eef6f8;
  font-weight: 500;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin-bottom: 25px;
}
.stat {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  padding: 19px 20px;
}
.stat-top {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 11px;
}
.stat-icon {
  font-size: 16px;
  color: #5e8b83;
}
.stat-number {
  display: block;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 7px 0 4px;
  color: #f4f7f8;
}
.stat small {
  font-size: 10px;
}
.grid-two {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 22px;
}
.card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  min-width: 0;
}
.card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  gap: 12px;
}
.card-heading h2 {
  font-size: 15px;
}
.card-heading p {
  font-size: 11px;
  margin: 4px 0 0;
}
.card-heading a {
  font-size: 10px;
}
.quick-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.quick {
  padding: 16px 13px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--text);
  background: #142029;
  display: flex;
  gap: 13px;
  align-items: center;
}
.quick-icon {
  font-size: 19px;
  color: var(--accent);
}
.quick b {
  font-size: 11px;
  display: block;
}
.quick small {
  font-size: 10px;
}
.quick:hover {
  border-color: #5a9b8a;
}
.status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid #22303a;
  font-size: 12px;
}
.status-row:last-child {
  border-bottom: 0;
}
.status-row small {
  display: block;
  font-size: 10px;
}
.status-left {
  display: flex;
  gap: 12px;
  align-items: center;
}
.round-icon {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #1a2d36;
  color: #78b1c4;
}
.activity {
  margin-top: 24px;
}
.event {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}
.event:last-child {
  border: 0;
}
.event .event-text {
  flex: 1;
  min-width: 0;
}
.event b {
  font-size: 11px;
}
.event small {
  display: block;
  font-size: 10px;
}
.page-footer {
  padding: 10px 38px 20px;
  display: flex;
  justify-content: space-between;
  color: #536873;
  font-size: 9px;
  letter-spacing: 0.4px;
}
.page-footer > span:first-child {
  font-weight: 800;
  letter-spacing: 2px;
}
.empty {
  padding: 36px 18px;
  text-align: center;
  color: var(--muted);
}
.empty .empty-icon {
  font-size: 27px;
  color: #4f726e;
  margin-bottom: 10px;
}
.empty h3 {
  color: #cfdee4;
  font-size: 14px;
}
.empty p {
  font-size: 12px;
  max-width: 380px;
  margin: 0 auto 15px;
}
.toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 19px;
}
.toolbar input {
  max-width: 330px;
}
.field {
  display: block;
  margin-bottom: 17px;
  color: #bdccd4;
  font-size: 11px;
}
.field > span {
  display: block;
  margin-bottom: 7px;
  font-weight: 600;
}
.field small {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 400;
}
.field input,
.field textarea,
.field select,
input.search {
  display: block;
  width: 100%;
  border: 1px solid #2b3b46;
  background: #0d161d;
  color: var(--text);
  border-radius: 7px;
  padding: 10px 12px;
  transition: border-color 0.15s;
}
.field input:focus,
.field textarea:focus,
.field select:focus {
  border-color: var(--accent);
  outline: none;
}
.field textarea {
  resize: vertical;
  min-height: 105px;
}
.field input[type="color"] {
  height: 41px;
  padding: 5px;
}
.field input[type="checkbox"] {
  width: 18px;
  height: 18px;
  display: inline;
  accent-color: var(--accent);
}
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.hint {
  padding: 12px 14px;
  background: #132725;
  border: 1px solid #254740;
  border-radius: 8px;
  color: #a2c9bd;
  font-size: 11px;
  margin: 18px 0;
}
.hint.gold {
  background: #29241b;
  border-color: #4a3d28;
  color: #d9c395;
}
.editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.editor-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 18px;
}
.editor-top .field {
  margin: 0;
  flex: 1;
}
.preview-wrap {
  position: sticky;
  top: 20px;
}
.preview-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 1.2px;
  margin-bottom: 15px;
}
.discord-preview {
  background: #303238;
  padding: 22px;
  border-radius: 12px;
  border: 1px solid #3d4149;
  min-height: 260px;
}
.discord-author {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.discord-author img {
  width: 35px;
  border-radius: 50%;
}
.discord-author b {
  color: #f2f3f5;
  font-size: 13px;
}
.bot-tag {
  font-size: 8px;
  background: #5865f2;
  padding: 1px 4px;
  border-radius: 3px;
  margin: 0 5px;
  color: white;
}
.discord-author small {
  font-size: 9px;
  color: #9297a0;
}
.discord-embed {
  margin-left: 44px;
  background: #27292e;
  border-radius: 4px;
  border-left: 4px solid var(--accent);
  padding: 16px;
  overflow-wrap: anywhere;
  max-width: 520px;
}
.discord-embed h3 {
  font-size: 15px;
  color: white;
  margin: 0 0 10px;
}
.discord-embed .message-body {
  font-size: 12px;
  color: #d5d8dd;
  white-space: pre-wrap;
  line-height: 1.65;
}
.discord-embed img {
  display: block;
  width: 100%;
  border-radius: 5px;
  margin-top: 15px;
}
.discord-embed small {
  display: block;
  font-size: 9px;
  color: #aab1b9;
  margin-top: 12px;
}
.preview-buttons {
  display: flex;
  gap: 7px;
  margin: 10px 0 0 44px;
  flex-wrap: wrap;
}
.preview-buttons a {
  background: #4b4f56;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 10px;
}
.preview-help {
  font-size: 10px;
  color: var(--muted);
  margin-top: 13px;
  line-height: 1.8;
}
.preview-helper {
  margin-top: 20px;
}
.chip-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.chip {
  font-size: 10px;
  border: 1px solid var(--line);
  background: #13202a;
  color: #a8b6c3;
  border-radius: 6px;
  padding: 5px 8px;
}
.publish-box {
  margin-top: 18px;
  border-top: 1px solid var(--line);
  padding-top: 19px;
}
.buttons-list {
  display: grid;
  gap: 10px;
}
.button-edit {
  display: grid;
  grid-template-columns: 1fr 1.8fr 30px;
  gap: 7px;
}
.button-edit input {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  background: #0d161d;
  color: var(--text);
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
}
.button-edit button {
  background: none;
  border: 0;
  color: var(--danger);
}
.table-wrap {
  overflow: auto;
}
.table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.table th {
  text-align: left;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 11px 13px;
  background: #0d161d;
  border-bottom: 1px solid var(--line);
}
.table td {
  font-size: 11px;
  padding: 15px 13px;
  border-bottom: 1px solid var(--line);
  max-width: 290px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table tr:last-child td {
  border-bottom: 0;
}
.table td.wrap {
  white-space: normal;
  min-width: 200px;
}
.table .actions {
  display: flex;
  gap: 7px;
}
.table td .sub {
  display: block;
  font-size: 10px;
  color: var(--muted);
}
.tabs {
  display: flex;
  gap: 7px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.tabs button {
  padding: 7px 13px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  border-radius: 7px;
  font-size: 11px;
}
.tabs button.active {
  color: var(--accent);
  background: #14312d;
  border-color: #31594e;
}
dialog {
  background: var(--panel);
  border: 1px solid #37505b;
  border-radius: 16px;
  padding: 28px;
  color: var(--text);
  max-width: 600px;
  width: calc(100% - 30px);
  max-height: 90vh;
  overflow: auto;
}
dialog::backdrop {
  background: #02070cd9;
  backdrop-filter: blur(5px);
}
.modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.modal-head h2 {
  font-size: 20px;
}
.modal-head button {
  background: none;
  border: 0;
  color: var(--muted);
  font-size: 23px;
}
.modal-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}
.detail-body {
  white-space: pre-wrap;
  padding: 14px;
  background: #0c151b;
  border: 1px solid var(--line);
  border-radius: 8px;
  max-height: 300px;
  overflow: auto;
  font-size: 12px;
}
.loading {
  padding: 80px;
  text-align: center;
  color: var(--muted);
}
#toast {
  position: fixed;
  right: 25px;
  bottom: 25px;
  max-width: 430px;
  border: 1px solid #3d7d6d;
  background: #14332d;
  color: #d4ffed;
  box-shadow: 0 12px 50px #0008;
  padding: 15px 20px;
  border-radius: 10px;
  z-index: 20;
  display: none;
  font-size: 12px;
}
#toast.error {
  border-color: #ac6569;
  background: #40252b;
  color: #ffc5c9;
}
.login {
  position: fixed;
  inset: 0;
  z-index: 10;
  background: var(--bg);
  display: grid;
  grid-template-columns: 1.2fr 1fr;
}
.login-art {
  background: url("/assets/hero.png") 62% center/cover no-repeat;
  min-height: 40vh;
}
.login-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
  align-items: flex-start;
}
.login-card > img {
  margin-bottom: 35px;
}
.login-card h1 {
  font-size: 42px;
}
.login-card p {
  max-width: 330px;
}
.login-card .button {
  margin: 20px 0;
}
.login-card small {
  font-size: 11px;
}
.settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.span-two {
  grid-column: 1/-1;
}
.inline-error {
  color: var(--danger);
  padding: 16px;
}
.demo-note {
  font-size: 11px;
  padding: 10px 15px;
  background: #28241b;
  border: 1px solid #4e442d;
  color: #d2bd94;
  border-radius: 8px;
  margin-bottom: 22px;
}
.module-list {
  display: grid;
  gap: 10px;
}
.module-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  background: #142029;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 11px;
}
.module-row b {
  display: block;
}
.module-row small {
  font-size: 10px;
}
.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}
@media (min-width: 1600px) {
  .hero {
    height: 300px;
  }
}
@media (max-width: 1150px) {
  .sidebar {
    width: 215px;
  }
  .main-wrap {
    margin-left: 215px;
  }
  main {
    padding: 25px;
  }
  .topbar {
    padding: 0 25px;
  }
  .grid-two,
  .editor-grid {
    grid-template-columns: 1fr;
  }
  .preview-wrap {
    position: static;
  }
  .hero {
    height: 210px;
  }
  .stats {
    gap: 10px;
  }
  .stat {
    padding: 15px;
  }
  .stat-number {
    font-size: 28px;
  }
  .settings-grid {
    grid-template-columns: 1fr;
  }
  .span-two {
    grid-column: auto;
  }
}
@media (max-width: 760px) {
  .sidebar {
    transform: translateX(-100%);
    transition: transform 0.2s;
    width: 240px;
    box-shadow: 20px 0 50px #0009;
  }
  .sidebar.open {
    transform: translateX(0);
  }
  .main-wrap {
    margin-left: 0;
  }
  .mobile-toggle {
    display: block;
    background: none;
    color: var(--text);
    border: 0;
    font-size: 20px;
  }
  .topbar {
    height: 63px;
    padding: 0 16px;
  }
  .breadcrumb {
    flex: 1;
  }
  .breadcrumb > span,
  .breadcrumb {
    font-size: 10px;
  }
  .top-actions {
    gap: 9px;
  }
  .top-actions .badge {
    font-size: 8px;
  }
  main {
    padding: 23px 17px;
  }
  .page-head {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
  }
  h1 {
    font-size: 27px;
  }
  .stats {
    grid-template-columns: 1fr 1fr;
  }
  .hero {
    height: 170px;
  }
  .hero-bottom {
    font-size: 9px;
    padding: 10px;
  }
  .hero-label {
    top: 12px;
    right: 12px;
  }
  .card {
    padding: 17px;
  }
  .grid-two {
    gap: 16px;
  }
  .quick-grid {
    gap: 7px;
  }
  .quick {
    padding: 13px 9px;
    gap: 9px;
  }
  .quick b {
    font-size: 10px;
  }
  .quick small {
    font-size: 9px;
  }
  .page-footer {
    padding: 10px 17px 20px;
    font-size: 8px;
    gap: 15px;
  }
  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .discord-preview {
    padding: 15px;
  }
  .discord-embed {
    margin-left: 0;
  }
  .preview-buttons {
    margin-left: 0;
  }
  .login {
    grid-template-columns: 1fr;
    grid-template-rows: 30vh 1fr;
  }
  .login-art {
    min-height: 0;
  }
  .login-card {
    padding: 30px;
  }
  .login-card h1 {
    font-size: 33px;
  }
  .login-card > img {
    margin-bottom: 20px;
  }
  .button-edit {
    grid-template-columns: 1fr 1.2fr 25px;
  }
  #toast {
    right: 15px;
    left: 15px;
    bottom: 15px;
  }
  .hero-bottom span:last-child {
    display: none;
  }
}

@media (max-width: 760px) {
  .hero {
    height: auto;
    aspect-ratio: 3/1;
  }
  .hero-bottom {
    display: none;
  }
  .hero-label {
    top: 8px;
    right: 8px;
  }
  .hero-label .badge {
    font-size: 7px;
    padding: 3px 5px;
  }
}

/* Heras LiveOps 2.0 */
.command-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;margin-bottom:22px;border:1px solid #24473f;border-radius:16px;background:radial-gradient(circle at 85% 20%,rgba(66,217,200,.12),transparent 30%),linear-gradient(135deg,rgba(12,30,34,.98),rgba(8,17,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.command-hero h2{margin:4px 0 8px;font-size:clamp(23px,3vw,38px);letter-spacing:-1px}.command-hero p{margin:0}.command-status{min-width:118px;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(5,12,16,.65);font-size:11px;letter-spacing:1px}.pulse{width:9px;height:9px;border-radius:50%;background:#6d7880;box-shadow:0 0 0 5px rgba(109,120,128,.08)}.pulse.on{background:var(--accent);box-shadow:0 0 0 5px rgba(66,217,200,.09),0 0 16px rgba(66,217,200,.55)}.small-number{font-size:21px;letter-spacing:.5px;margin-top:14px}.liveops-alert,.healthy{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.liveops-alert:last-child,.healthy:last-child{border-bottom:0}.liveops-alert small,.healthy small{display:block;margin-top:4px}.healthy{justify-content:flex-start}.healthy>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#142d27;color:var(--accent);border:1px solid #285147;font-weight:700}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.mini{border:1px solid var(--line);background:#13212a;color:#c8d5dc;border-radius:6px;padding:6px 8px;font-size:10px;cursor:pointer}.mini:hover{border-color:#3f615d;color:#fff}.mini.danger,.badge.danger{color:var(--danger);border-color:#59353b;background:#352327}.cell-sub{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.doctor-row{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.doctor-row:last-child{border-bottom:0}.doctor-row p{margin:5px 0;font-size:11px}.doctor-row small{font-size:9px}.doctor-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;background:#82909a}.doctor-dot.red{background:#d66}.doctor-dot.orange{background:#e39a5d}.doctor-dot.yellow{background:#d6bb66}.doctor-dot.green{background:var(--accent)}
@media(max-width:760px){.command-hero{align-items:flex-start;flex-direction:column;padding:20px}.command-status{min-width:0}.row-actions{min-width:180px}}

/* =========================================================
   HERAS LIVEOPS 2.0 · BETA 1 DESIGN SYSTEM
   ========================================================= */
:root {
  --bg: #070b0f;
  --bg-soft: #0a1015;
  --panel: rgba(15, 23, 29, .86);
  --panel2: rgba(19, 31, 38, .92);
  --panel3: #101a20;
  --line: rgba(131, 165, 177, .16);
  --line-strong: rgba(111, 230, 204, .24);
  --text: #f2f8f8;
  --muted: #8498a2;
  --muted2: #5d7079;
  --accent: #65ebc9;
  --accent2: #4dc9e6;
  --accent-deep: #12362f;
  --gold: #eec47c;
  --orange: #f49b64;
  --danger: #ff707f;
  --radius: 18px;
  --shadow: 0 18px 55px rgba(0,0,0,.28);
}
html { background: var(--bg); }
body {
  background:
    radial-gradient(circle at 74% 0%, rgba(126, 184, 225, .065), transparent 30rem),
    radial-gradient(circle at 12% 90%, rgba(46, 122, 146, .05), transparent 36rem),
    var(--bg);
  min-height:100vh;
}
body::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.16;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.sidebar {
  width: 274px;
  padding: 24px 18px 18px;
  background: linear-gradient(180deg, rgba(9,15,20,.985), rgba(7,12,16,.975));
  border-right:1px solid rgba(120,170,180,.13);
  box-shadow: 18px 0 60px rgba(0,0,0,.14);
}
.main-wrap { margin-left:274px; }
.brand { padding: 4px 5px 0; letter-spacing:2px; }
.brand img { filter: drop-shadow(0 0 18px rgba(126,184,225,.22)); }
.brand span { color:#5f7680; margin-top:2px; }
.workspace {
  margin:26px 0 20px; border-radius:14px; padding:13px 12px;
  background:linear-gradient(145deg,rgba(26,42,49,.82),rgba(14,25,31,.92));
  border-color:rgba(112,183,181,.15); box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.workspace::after { content:"LIVE"; margin-left:auto; font-size:8px; letter-spacing:1.4px; color:var(--accent); border:1px solid rgba(126,184,225,.18); border-radius:20px; padding:3px 6px; }
.workspace .chevron { display:none; }
.nav-label { display:none; }
#nav { gap:2px; overflow:auto; padding-right:2px; scrollbar-width:none; }
#nav::-webkit-scrollbar{display:none}
.nav-section {
  margin:18px 11px 7px; color:#50646d; font-size:8px; line-height:1; font-weight:800; letter-spacing:2.2px;
}
#nav .nav-section:first-child{margin-top:2px}
nav a { position:relative; padding:9px 11px; border-radius:10px; font-size:11.5px; color:#8298a3; }
nav a::before { content:""; position:absolute; left:0; top:50%; width:2px; height:0; border-radius:4px; background:var(--accent); transform:translateY(-50%); transition:.2s; box-shadow:0 0 12px var(--accent); }
nav a:hover { background:rgba(31,48,57,.48); }
nav a.active { background:linear-gradient(90deg,rgba(126,184,225,.16),rgba(24,53,51,.16)); color:#a9f8e5; }
nav a.active::before{height:20px}
nav a.active .ico { color:var(--accent); }
.side-callout { padding-left:7px; }
.side-callout span { color:#dbe8eb; }
.user-box { background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:12px; padding:8px; }
.avatar { background:linear-gradient(135deg,#183b35,#27544a); box-shadow:inset 0 0 0 1px rgba(126,184,225,.1); }
.topbar {
  position:sticky; top:0; z-index:4; height:72px; padding:0 32px;
  background:rgba(7,12,16,.72); backdrop-filter:blur(18px) saturate(1.2);
  border-bottom-color:rgba(135,175,185,.12);
}
.breadcrumb { color:#647983; font-size:11px; }
.breadcrumb strong { color:#c7d7dc; font-weight:600; }
.top-actions { display:flex; align-items:center; gap:9px; }
.search-trigger {
  height:36px; min-width:235px; display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:10px;
  color:#7f949e; background:rgba(17,27,33,.72); padding:0 9px 0 12px; text-align:left;
}
.search-trigger:hover{border-color:rgba(126,184,225,.25);background:rgba(22,38,44,.8);color:#b9c9ce}
.search-trigger span{font-size:20px;color:var(--accent)}
.search-trigger b{font-size:10px;font-weight:500;flex:1}
kbd{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6e858e;border:1px solid rgba(151,181,188,.15);background:rgba(255,255,255,.025);border-radius:5px;padding:5px 6px}
.icon-button { border-radius:10px!important; background:rgba(17,27,33,.72)!important; }
#mode.badge { letter-spacing:1.2px; font-size:8px; }
#content { max-width:1540px; margin:0 auto; padding:34px 40px 44px; }
.page-head { margin-bottom:26px; }
.page-head h1 { font-size:34px; letter-spacing:-1.4px; margin-bottom:8px; }
.page-head>div>p:not(.eyebrow) { max-width:720px; }
.eyebrow { color:var(--accent)!important; font-size:8.5px!important; font-weight:800; letter-spacing:2.35px!important; text-transform:uppercase; }
.button { border-radius:10px; border-color:rgba(139,180,190,.16); background:rgba(18,29,35,.76); box-shadow:none; }
.button:hover{border-color:rgba(126,184,225,.28);transform:translateY(-1px)}
.button.primary { color:#06100e; background:linear-gradient(135deg,#72edcf,#4dd8bd); border-color:transparent; box-shadow:0 10px 28px rgba(69,216,185,.13); }
.button.danger,.mini.danger { color:#ffdce0; border-color:rgba(255,112,127,.28); background:rgba(99,31,40,.25); }
.card {
  border-radius:var(--radius); border:1px solid var(--line); background:linear-gradient(145deg,rgba(17,27,33,.86),rgba(12,20,25,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), var(--shadow);
}
.glass-card { background:linear-gradient(145deg,rgba(18,30,37,.82),rgba(10,17,22,.82)); backdrop-filter:blur(10px); }
.card-heading { border-bottom-color:rgba(124,163,173,.09); }
.card-heading h2{font-size:15px}
.card-heading p{font-size:11px}
.badge { border-radius:7px; font-size:8px; letter-spacing:.8px; font-weight:800; }
.badge.orange { color:#ffc49d; background:rgba(244,155,100,.11); border-color:rgba(244,155,100,.22); }
.badge.danger { color:#ffb6bf; background:rgba(255,112,127,.1); border-color:rgba(255,112,127,.2); }
.table-wrap { border-radius:12px; }
.table th { color:#607680; font-size:8px; letter-spacing:1.5px; }
.table td { border-color:rgba(119,158,167,.09); }
.table tbody tr:hover { background:rgba(126,184,225,.025); }

/* LiveOps command center */
.ops-hero {
  position:relative; overflow:hidden; border:1px solid rgba(88,202,191,.2); border-radius:22px; margin-bottom:16px;
  background:linear-gradient(90deg,rgba(5,12,16,.97) 0%,rgba(5,13,17,.84) 42%,rgba(4,13,17,.53) 100%),url('/assets/hero.png') center 47%/cover;
  box-shadow:0 25px 70px rgba(0,0,0,.32), inset 0 0 70px rgba(56,216,190,.025);
}
.ops-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 48%,rgba(126,184,225,.055) 72%,transparent 90%); pointer-events:none; }
.ops-hero-grid { min-height:280px; display:grid; grid-template-columns:1fr 310px; align-items:center; gap:32px; padding:38px 42px 34px; }
.ops-brand { max-width:680px; }
.ops-brand h2 { font-size:36px; line-height:1; letter-spacing:-1.4px; margin:9px 0 10px; text-shadow:0 8px 30px rgba(0,0,0,.5); }
.ops-brand>p:not(.eyebrow){color:#a6b9c0}
.ops-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }
.ops-actions a { color:#9fc1bf; background:rgba(8,22,24,.62); border:1px solid rgba(100,214,195,.18); border-radius:30px; padding:7px 11px; font-size:9px; font-weight:700; backdrop-filter:blur(8px); }
.ops-actions a:hover{color:#d2fff4;border-color:rgba(126,184,225,.34)}
.radar-wrap { justify-self:end; width:210px; text-align:center; }
.radar { width:154px;height:154px;margin:0 auto 12px;border-radius:50%;position:relative;border:1px solid rgba(126,184,225,.25);background:radial-gradient(circle,rgba(126,184,225,.11) 0 3%,transparent 4% 27%,rgba(126,184,225,.08) 28% 29%,transparent 30% 55%,rgba(126,184,225,.055) 56% 57%,transparent 58%);box-shadow:0 0 50px rgba(40,205,180,.09),inset 0 0 35px rgba(40,205,180,.04)}
.radar::before,.radar::after{content:"";position:absolute;background:rgba(126,184,225,.12)}
.radar::before{left:50%;top:0;bottom:0;width:1px}.radar::after{top:50%;left:0;right:0;height:1px}
.radar i:first-child{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,var(--accent),transparent);animation:radar 4s linear infinite;box-shadow:0 0 10px var(--accent)}
.radar i:nth-child(2){position:absolute;left:28%;top:32%;width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px var(--accent)}
.radar i:nth-child(3){position:absolute;right:24%;bottom:30%;width:3px;height:3px;background:#77d8ef;border-radius:50%;box-shadow:0 0 12px #77d8ef}
.radar-core{position:absolute;inset:50% auto auto 50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#d9fff5;box-shadow:0 0 24px var(--accent)}
@keyframes radar{to{transform:rotate(360deg)}}
.radar-label small{display:block;color:#64827f;font-size:7px;letter-spacing:2px}.radar-label b{font-size:10px;color:#b8f5e7;letter-spacing:1.4px}
.ops-hero-footer { display:flex; gap:24px; flex-wrap:wrap; padding:11px 18px 11px 24px; border-top:1px solid rgba(124,210,198,.1); background:rgba(4,10,13,.62); backdrop-filter:blur(12px); }
.ops-hero-footer span{display:flex;align-items:center;gap:7px;color:#6f858e;font-size:8px;text-transform:uppercase;letter-spacing:1px}.ops-hero-footer span:last-child{margin-left:auto}
.service-light{width:5px;height:5px;border-radius:50%;background:#516069}.service-light.on{background:var(--accent);box-shadow:0 0 9px var(--accent)}
.pulse-grid { display:grid; grid-template-columns:1.45fr repeat(4,1fr); gap:10px; margin:0 0 16px; }
.pulse-card { min-height:112px; position:relative; overflow:hidden; padding:17px 18px; color:inherit; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(19,31,38,.84),rgba(11,18,23,.86)); box-shadow:inset 0 1px rgba(255,255,255,.02); }
.pulse-card:hover{transform:translateY(-2px);border-color:rgba(126,184,225,.24)}
.pulse-card::after{content:"";position:absolute;width:70px;height:70px;right:-25px;bottom:-35px;border:1px solid rgba(118,179,180,.08);border-radius:50%}
.pulse-label{display:block;font-size:7px;letter-spacing:1.8px;color:#667c85;font-weight:800}.pulse-card strong{display:block;margin:8px 0 3px;font-size:25px;letter-spacing:-.8px}.pulse-card small{font-size:9px}.pulse-glyph{position:absolute;right:16px;top:14px;color:rgba(126,184,225,.48);font-size:16px}
.pulse-card.threat-green strong{color:#8af1d9}.pulse-card.threat-yellow strong{color:var(--gold)}.pulse-card.threat-orange strong{color:var(--orange)}.pulse-card.threat-red strong{color:var(--danger)}
.meter{height:2px;margin-top:11px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;background:currentColor}
.ops-layout { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);gap:16px;align-items:start }.ops-main{display:grid;gap:16px}.ops-side{display:grid;gap:16px}.sticky-card{position:sticky;top:88px}
.ops-line { display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid rgba(120,156,166,.085);color:inherit }.ops-line:last-child{border-bottom:0}.ops-line:hover b{color:var(--accent)}.ops-line span:nth-child(2){min-width:0}.ops-line b,.ops-line small{display:block}.ops-line b{font-size:11px}.ops-line small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.ops-dot{width:7px;height:7px;border-radius:50%;border:1px solid #6c828a}.ops-dot.live{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}
.feed-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(120,156,166,.075)}.feed-row:last-child{border-bottom:0}.feed-icon{width:26px;height:26px;display:grid;place-items:center;background:rgba(126,184,225,.07);border:1px solid rgba(81,214,190,.1);border-radius:8px;color:var(--accent)}.feed-row b,.feed-row small{display:block}.feed-row b{font-size:10px}.feed-row small{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-row time{font-size:8px;color:#536871}
.quick-console{border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(160deg,rgba(12,20,25,.75),rgba(7,14,18,.8))}.quick-console>.eyebrow{margin:0 0 8px}.quick-console a{display:grid;grid-template-columns:27px 1fr;column-gap:8px;padding:11px 4px;border-top:1px solid rgba(125,161,170,.08);color:inherit}.quick-console a>span{grid-row:1/3;color:#416861;font-size:8px;font-weight:800}.quick-console b{font-size:10px}.quick-console small{font-size:8px}.quick-console a:hover b{color:var(--accent)}

/* Guardian */
.threat-panel { min-height:170px; display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 30px;margin-bottom:16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(18,29,35,.9),rgba(9,16,20,.86));overflow:hidden;position:relative }.threat-panel::after{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-130px;border-radius:50%;background:radial-gradient(circle,currentColor 0,transparent 66%);opacity:.055}.threat-panel h2{font-size:27px;letter-spacing:-.8px}.threat-panel p:last-child{margin:0}.threat-panel.ok{color:var(--accent)}.threat-panel.gold{color:var(--gold)}.threat-panel.orange{color:var(--orange)}.threat-panel.danger{color:var(--danger)}
.threat-orb{width:94px;height:94px;flex:0 0 94px;border-radius:50%;position:relative;display:grid;place-items:center;border:1px solid currentColor;box-shadow:0 0 35px color-mix(in srgb,currentColor 18%,transparent),inset 0 0 28px color-mix(in srgb,currentColor 9%,transparent)}.threat-orb i{position:absolute;inset:11px;border:1px dashed currentColor;border-radius:50%;opacity:.45;animation:radar 11s linear infinite}.threat-orb span{font-size:8px;font-weight:900;letter-spacing:1.1px}
.incident-list{display:grid;gap:8px}.incident-card{width:100%;border:1px solid rgba(125,161,170,.09);border-radius:11px;background:rgba(10,18,22,.45);display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;text-align:left;color:inherit}.incident-card:hover{border-color:rgba(126,184,225,.22);background:rgba(19,35,39,.55)}.incident-card b,.incident-card small{display:block}.incident-card b{font-size:10px}.incident-card small{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incident-severity{width:5px;height:30px;border-radius:4px;background:#506169}.incident-severity.yellow{background:var(--gold);box-shadow:0 0 8px rgba(238,196,124,.25)}.incident-severity.orange{background:var(--orange);box-shadow:0 0 8px rgba(244,155,100,.25)}.incident-severity.red{background:var(--danger);box-shadow:0 0 8px rgba(255,112,127,.3)}
.logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.logic-grid>div{padding:11px;border:1px solid rgba(128,160,168,.09);border-radius:10px;background:rgba(8,15,19,.35)}.logic-grid b,.logic-grid small{display:block}.logic-grid b{font-size:8px;color:#b6c7cc;letter-spacing:.8px}.logic-grid small{margin-top:4px;font-size:8px}
.incident-detail{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.incident-detail h3{font-size:18px;margin:12px 0 5px}.timeline{max-height:310px;overflow:auto;margin:12px 0}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:8px;position:relative;padding:0 0 14px}.timeline-item::before{content:"";position:absolute;left:4px;top:10px;bottom:-2px;width:1px;background:var(--line)}.timeline-item:last-child::before{display:none}.timeline-item i{width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:#0c1519;z-index:1}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:10px}.timeline-item p{font-size:9px;margin:4px 0 0;color:#71868f}

/* Permission X-Ray */
.xray-console{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(14,24,30,.9),rgba(8,14,18,.92));box-shadow:var(--shadow)}.xray-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.xray-form .field{margin:0}.xray-empty{min-height:460px;display:grid;place-items:center;align-content:center;text-align:center}.xray-empty .xray-mark{width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(126,184,225,.25);border-radius:50%;font-size:30px;color:var(--accent);box-shadow:0 0 45px rgba(126,184,225,.07);margin-bottom:16px}.xray-empty b{font-size:17px}.xray-empty p{max-width:410px}
.xray-profile{display:flex;align-items:center;gap:13px;padding:24px 26px 18px}.xray-profile img{width:48px;height:48px;border-radius:50%;border:1px solid rgba(126,184,225,.25)}.xray-profile h2{font-size:21px;margin:2px 0}.xray-profile>.badge{margin-left:auto}.xray-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0 26px 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.xray-summary>div{padding:13px;border-right:1px solid var(--line)}.xray-summary>div:last-child{border-right:0}.xray-summary span,.xray-summary small{display:block}.xray-summary span{font-size:19px;font-weight:800}.xray-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding:22px 26px 28px}.xray-columns h3{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#687e87;margin:16px 0 9px}.xray-columns h3:first-child{margin-top:0}.permission-cloud{display:flex;flex-wrap:wrap;gap:5px}.permission{display:inline-block;font-size:8px;padding:5px 7px;border:1px solid rgba(130,164,172,.12);border-radius:6px;color:#8fa4ad;background:rgba(255,255,255,.018)}.permission.critical{color:#ffb7c0;border-color:rgba(255,112,127,.22);background:rgba(255,112,127,.06)}.role-chain{padding:9px 0;border-bottom:1px solid rgba(128,160,168,.08)}.role-chain b,.role-chain small{display:block}.role-chain b{font-size:10px}.role-chain small{font-size:8px;margin-top:3px;line-height:1.5}

/* Duty */
.duty-hero{min-height:145px;padding:26px 29px;margin-bottom:16px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(120deg,rgba(18,29,35,.88),rgba(9,17,21,.9));display:flex;align-items:center;justify-content:space-between}.duty-hero.active{border-color:rgba(126,184,225,.22);background:linear-gradient(120deg,rgba(13,42,37,.55),rgba(8,19,22,.9))}.duty-hero h2{font-size:24px}.duty-hero p{margin:0}.duty-beacon{width:75px;height:75px;border-radius:50%;border:1px solid rgba(116,153,162,.2);display:grid;place-items:center;position:relative}.duty-beacon i{position:absolute;width:9px;height:9px;background:#53646b;border-radius:50%}.duty-hero.active .duty-beacon i{background:var(--accent);box-shadow:0 0 18px var(--accent);animation:pulseBeacon 1.8s infinite}.duty-beacon span{margin-top:34px;font-size:7px;letter-spacing:1px;color:#617781}@keyframes pulseBeacon{50%{box-shadow:0 0 30px var(--accent);transform:scale(.88)}}

/* Time Machine */
.time-hero{min-height:165px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 30px;margin-bottom:16px;border:1px solid rgba(97,211,193,.16);border-radius:20px;background:radial-gradient(circle at 82% 50%,rgba(76,210,188,.07),transparent 24rem),linear-gradient(130deg,rgba(17,28,34,.9),rgba(8,15,19,.92))}.time-hero>div:first-child{max-width:700px}.time-hero h2{font-size:25px}.time-orbit{width:95px;height:95px;border:1px solid rgba(126,184,225,.25);border-radius:50%;position:relative;display:grid;place-items:center}.time-orbit i{position:absolute;inset:12px;border:1px dashed rgba(126,184,225,.25);border-radius:50%;animation:radar 14s linear infinite}.time-orbit b{font-size:24px;color:var(--accent)}.time-orbit span{position:absolute;bottom:12px;font-size:6px;letter-spacing:1px;color:#54736e}.time-grid{align-items:start}.snapshot-list{display:grid;gap:7px}.snapshot-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid rgba(130,164,172,.09);border-radius:10px;background:rgba(8,15,18,.38);color:inherit;text-align:left}.snapshot-card:hover{border-color:rgba(126,184,225,.22)}.snapshot-id{font-size:9px;color:var(--accent);font-weight:800}.snapshot-card b,.snapshot-card small{display:block}.snapshot-card b{font-size:10px}.snapshot-card small{font-size:8px}.snapshot-card>span:last-child{font-size:8px;color:#6f858d}.diff-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.diff-summary>div{padding:11px;border:1px solid var(--line);border-radius:10px}.diff-summary strong,.diff-summary span{display:block}.diff-summary strong{font-size:20px}.diff-summary span{font-size:8px;color:var(--muted)}.diff-section{margin-top:15px}.diff-section h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#768b94;display:flex;justify-content:space-between}.diff-row{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid rgba(125,161,170,.08)}.diff-row>span{font-size:7px;font-weight:800;color:var(--gold)}.diff-row.added>span{color:var(--accent)}.diff-row.removed>span{color:var(--danger)}.diff-row b,.diff-row small{display:block}.diff-row b{font-size:9px}.diff-row small{font-size:8px}.diff-clean{font-size:9px}

/* Command palette / Spotlight */
.command-palette{width:min(760px,calc(100vw - 28px));padding:0;border:1px solid rgba(122,190,185,.2);border-radius:17px;background:#0c1419;color:var(--text);box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden}.command-palette::backdrop{background:rgba(0,5,8,.7);backdrop-filter:blur(7px)}.palette{min-height:220px}.palette-search{height:62px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 14px}.palette-search>span{font-size:24px;color:var(--accent)}.palette-search input{flex:1;background:none;border:0;color:var(--text);font-size:14px}.palette-results{max-height:520px;overflow:auto;padding:8px}.palette-group>p{font-size:7px;letter-spacing:1.6px;font-weight:800;margin:13px 9px 5px;color:#50666f}.palette-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:10px;color:inherit}.palette-item:hover{background:rgba(126,184,225,.06)}.palette-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(126,184,225,.06);border:1px solid rgba(126,184,225,.08);color:var(--accent)}.palette-item b,.palette-item small{display:block}.palette-item b{font-size:10px}.palette-item small{font-size:8.5px}.palette-arrow{color:#4c656e}.palette-empty,.palette-loading{min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;padding:25px}.palette-empty b{font-size:14px}.palette-empty span{font-size:9px;color:var(--muted);max-width:430px}.palette-loading{color:#718890;font-size:10px}.palette-foot{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid var(--line);font-size:7px;color:#4d626b;letter-spacing:.7px}

/* Modal polish */
#modal { border-radius:18px!important; border-color:rgba(129,180,184,.2)!important; background:#0d151a!important; box-shadow:0 35px 90px rgba(0,0,0,.52)!important; }
#modal::backdrop{background:rgba(0,4,6,.68);backdrop-filter:blur(6px)}
.field input,.field textarea,.field select,.search { background:rgba(6,13,17,.64)!important;border-color:rgba(130,166,175,.16)!important;border-radius:9px!important }.field input:focus,.field textarea:focus,.field select:focus,.search:focus{border-color:rgba(126,184,225,.4)!important;box-shadow:0 0 0 3px rgba(126,184,225,.055)}

@media (max-width: 1180px) {
  .pulse-grid{grid-template-columns:repeat(3,1fr)} .pulse-card:first-child{grid-column:span 2}.ops-layout{grid-template-columns:1fr}.sticky-card{position:static}.ops-hero-grid{grid-template-columns:1fr 220px}.search-trigger{min-width:180px}
}
@media (max-width: 900px) {
  .sidebar{width:274px}.main-wrap{margin-left:0}.topbar{padding:0 18px}.search-trigger{min-width:42px;width:42px;padding:0;justify-content:center}.search-trigger b,.search-trigger kbd{display:none}#content{padding:24px 18px 36px}.ops-hero-grid{grid-template-columns:1fr;padding:28px}.radar-wrap{display:none}.pulse-grid{grid-template-columns:1fr 1fr}.pulse-card:first-child{grid-column:1/-1}.xray-form{grid-template-columns:1fr}.xray-columns{grid-template-columns:1fr}.page-head h1{font-size:29px}
}
@media (max-width: 560px) {
  .pulse-grid{grid-template-columns:1fr}.pulse-card:first-child{grid-column:auto}.ops-hero-grid{min-height:230px;padding:23px}.ops-brand h2{font-size:27px}.ops-hero-footer{gap:9px 14px}.ops-hero-footer span:last-child{margin-left:0}.threat-panel,.duty-hero,.time-hero{padding:20px}.threat-orb,.duty-beacon,.time-orbit{display:none}.logic-grid{grid-template-columns:1fr}.xray-summary{grid-template-columns:1fr;margin:0 18px 14px}.xray-summary>div{border-right:0;border-bottom:1px solid var(--line)}.xray-profile{padding:20px 18px}.xray-columns{padding:18px}.palette-foot span:last-child{display:none}.time-grid{grid-template-columns:1fr}
}

/* Arena OS */
.arena-hero{min-height:180px;margin-bottom:16px;padding:26px 30px;border:1px solid rgba(238,196,124,.16);border-radius:20px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;background:radial-gradient(circle at 86% 50%,rgba(238,196,124,.08),transparent 22rem),linear-gradient(120deg,rgba(19,27,31,.94),rgba(9,16,19,.92))}.arena-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 55%,rgba(238,196,124,.025));pointer-events:none}.arena-hero h2{font-size:30px;margin:5px 0 8px;letter-spacing:-1px}.arena-hero p:last-child{margin:0}.arena-crown{width:92px;height:92px;border:1px solid rgba(238,196,124,.28);border-radius:25px 25px 45px 45px;display:grid;place-items:center;font-size:42px;font-weight:900;color:var(--gold);font-family:Georgia,serif;transform:rotate(3deg);box-shadow:0 0 50px rgba(238,196,124,.06),inset 0 0 25px rgba(238,196,124,.04)}
.tourney-list{display:grid;gap:8px}.tourney-card{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;color:inherit;padding:12px;border:1px solid rgba(129,162,171,.09);border-radius:12px;background:rgba(8,15,19,.4)}.tourney-card:hover{border-color:rgba(238,196,124,.25);background:rgba(31,29,22,.28)}.tourney-card .trophy{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(238,196,124,.15);border-radius:11px;color:var(--gold);font-size:18px;background:rgba(238,196,124,.035)}.tourney-card b,.tourney-card small{display:block}.tourney-card b{font-size:11px}.tourney-card small{font-size:8.5px}
.arena-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.arena-modal-head h2{font-size:22px;margin:9px 0 4px}.arena-modal-head p{margin:0}.arena-modal-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.arena-modal-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;min-height:390px}.arena-modal-grid>aside{border-right:1px solid var(--line);padding-right:13px}.arena-modal-grid h3{font-size:8px;letter-spacing:1.5px;color:#647983}.team-list{display:grid;gap:5px}.team-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;padding:7px;border:1px solid rgba(125,160,169,.08);border-radius:8px;background:rgba(255,255,255,.012)}.team-row>span{font-size:8px;color:var(--gold);font-weight:800}.team-row b,.team-row small{display:block}.team-row b{font-size:9px}.team-row small{font-size:7.5px}.bracket-scroll{overflow:auto;padding-bottom:8px}.bracket{display:flex;gap:22px;min-width:max-content}.bracket-round{width:205px;display:flex;flex-direction:column;gap:8px}.bracket-round>p{font-size:7px;letter-spacing:1.5px;font-weight:800;color:#61767e}.match{display:block;width:100%;padding:7px;border:1px solid rgba(126,162,170,.1);border-radius:9px;background:rgba(6,12,15,.48);color:inherit;text-align:left}.match:hover{border-color:rgba(126,184,225,.22)}.match.finished{border-color:rgba(126,184,225,.1)}.match>span{display:grid;grid-template-columns:1fr auto;gap:7px;padding:4px 5px}.match>span+span{border-top:1px solid rgba(126,162,170,.07)}.match b{font-size:8.5px;font-style:normal}.match em{font-style:normal;font-size:9px;color:var(--gold);font-weight:800}.match small{display:block;padding:4px 5px 2px;font-size:6.5px;letter-spacing:.9px;color:var(--accent)}.bracket-empty{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center}.bracket-empty>span{font-size:32px;color:var(--gold);margin-bottom:9px}.bracket-empty b{font-size:12px}.bracket-empty p{font-size:9px}.score-entry{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.score-entry label span{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.score-entry input{width:100%;height:55px;text-align:center;font-size:24px;background:rgba(7,13,16,.7);border:1px solid var(--line);border-radius:10px;color:var(--text)}.score-entry>b{font-size:24px;padding-bottom:12px;color:#566a72}
@media(max-width:760px){.arena-modal-grid{grid-template-columns:1fr}.arena-modal-grid>aside{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.arena-modal-head{display:block}.arena-modal-actions{justify-content:flex-start;margin-top:12px}.arena-crown{display:none}}

/* Message Studio · structured Discord sections */
.sections-list{display:grid;gap:10px;margin-bottom:18px}
.section-edit{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.6fr) auto 30px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);background:rgba(9,17,23,.62);border-radius:9px}
.section-edit input[type="text"],.section-edit>input,.section-edit textarea{width:100%;min-width:0;border:1px solid var(--line);background:#0d161d;color:var(--text);padding:8px;border-radius:6px;font:inherit;font-size:11px;resize:vertical}
.section-edit button{background:none;border:0;color:var(--danger);font-size:18px;cursor:pointer}
.section-inline{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}
.section-inline input{accent-color:var(--accent)}
.discord-fields{display:grid;grid-template-columns:1fr;gap:10px;margin-top:13px}
.discord-field{min-width:0}
.discord-field.inline{display:inline-flex;flex-direction:column;vertical-align:top;width:calc(50% - 6px);margin-right:6px}
.discord-field b{display:block;color:#f2f3f5;font-size:11px;margin-bottom:3px}
.discord-field span{display:block;color:#d5d8dd;font-size:11px;line-height:1.45;white-space:pre-wrap}
@media (max-width:800px){.section-edit{grid-template-columns:1fr 30px}.section-edit textarea,.section-inline{grid-column:1/2}.discord-field.inline{width:100%;margin-right:0}}
/* Heras Ice • web / Activity / phone */
[hidden]{display:none!important}.game-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid #294257;border-radius:20px;background:radial-gradient(ellipse at 90% 20%,#7eb8e128,transparent 60%),#0e161f;margin-bottom:22px}.game-hero h2{font-size:30px;letter-spacing:-1px;margin:7px 0}.game-hero p{color:var(--muted)}.game-hero small{display:block;margin-top:12px;color:var(--muted)}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:18px}.player-card{padding:20px;background:#0b121a;border:1px solid var(--line);border-radius:14px;min-width:0}.player-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);line-height:1.6}.player-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.player-heading h3{margin:0 0 6px;overflow-wrap:anywhere}.player-monogram{display:grid;place-items:center;width:44px;height:44px;border:1px solid #7eb8e155;border-radius:14px;background:#7eb8e114;color:var(--accent);font-size:22px;font-weight:800}.player-controls{display:flex;gap:8px;flex-wrap:wrap}.operator-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.spectate-screen{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin:16px 0}.spectate-screen>*{width:100%;height:100%;border:0}.spectate-empty{text-align:center;padding:30px 12px}.spectate-empty>span{font-size:48px;color:var(--accent)}.community-hero img{width:100%;border-radius:20px;margin-bottom:20px}.offline{max-width:550px;margin:15vh auto;padding:25px}.table td small{display:block;font-size:10px;max-width:170px;overflow-wrap:anywhere}.search{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);max-width:100%}#mobile-dock{display:none}.sidebar #nav{overflow:auto;min-height:0;flex:1}.sidebar{height:100dvh}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button.primary{color:#09111a;background:#7eb8e1}.sidebar .side-callout{padding:12px}.sidebar .side-callout p{margin-bottom:8px}.game-hero .badge{white-space:nowrap}
@media(max-width:760px){.main-wrap{padding-bottom:90px}#mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;justify-content:space-around;background:#0c131cf5;border-top:1px solid #294257;padding:8px 6px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}#mobile-dock a,#mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#c1d4e2;text-decoration:none;background:none;border:0;min-width:54px;min-height:48px;font:inherit;font-size:19px}#mobile-dock span{font-size:10px;font-weight:600}#mobile-dock svg{height:21px;width:21px;stroke:currentColor;fill:none;stroke-width:1.6}.game-hero{padding:22px;display:block}.game-hero h2{font-size:27px}.game-hero>div+div{margin-top:22px}.card-heading{flex-wrap:wrap;gap:12px}.card-heading input{width:100%}.player-controls .button{min-height:44px}.button,input,select{min-height:44px}input,textarea,select{font-size:16px}.topbar{padding-top:max(12px,env(safe-area-inset-top))}.sidebar.open{padding-bottom:85px;width:min(310px,90vw)}#toast{bottom:95px}dialog{max-height:calc(100dvh - 50px);max-width:calc(100vw - 20px)}.head-actions{flex-wrap:wrap}.community-hero img{border-radius:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--accent:#7EB8E1;--accent2:#A5CDEA;--accent-deep:#172A3B;--line-strong:#7eb8e140}
nav a.active{background:linear-gradient(90deg,#7eb8e125,#14213225);color:#CBE6F9}.avatar{background:linear-gradient(135deg,#1d3245,#33516b)}
@media(max-width:760px){#mobile-dock{flex-direction:row;gap:0}#mobile-dock a{padding:5px 4px}#mobile-dock a::before{display:none}}

/* HERAS Message Studio · premium multi-panel system */
.message-presets{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:0 0 22px;padding:20px 22px;border:1px solid #233b36;border-radius:16px;background:linear-gradient(135deg,#0e1b1b 0%,#101820 55%,#0b1217 100%);box-shadow:0 18px 50px #00000024}
.message-presets h2{margin:3px 0 6px;font-size:20px}.message-presets p{margin:0;color:var(--muted);font-size:12px}.preset-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.preset-tile{appearance:none;border:1px solid #2b4540;background:#13211f;color:#eaf7f3;border-radius:10px;padding:10px 12px;text-align:left;min-width:108px;cursor:pointer;transition:.18s ease}.preset-tile b,.preset-tile small{display:block}.preset-tile b{font-size:10px;letter-spacing:.6px}.preset-tile small{margin-top:3px;color:#8faea5;font-size:9px}.preset-tile:hover{transform:translateY(-2px);border-color:#42d9a0;background:#162925}.preset-tile.featured{background:linear-gradient(135deg,#17322b,#12231f);border-color:#3d6c5e}
.switch-row{display:flex;gap:12px;align-items:flex-start;margin:14px 0 20px;padding:13px 14px;border:1px solid #25373a;border-radius:10px;background:#101a1f}.switch-row input{margin-top:3px}.switch-row b,.switch-row small{display:block}.switch-row small{margin-top:4px;color:var(--muted);line-height:1.45}
.stack-cards{display:grid;gap:10px;margin:0 0 20px}.stack-card-edit{border:1px solid #2a3b3f;border-radius:12px;background:#0e171c;overflow:hidden}.stack-card-edit summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;color:#dfeae7;font-weight:700;font-size:11px;letter-spacing:.4px}.stack-card-edit summary::marker{color:#42d9a0}.stack-remove{border:0;background:transparent;color:#d96d6d;font-size:18px;cursor:pointer}.stack-card-body{padding:4px 14px 14px}.stack-section-edit{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(180px,1.5fr) auto 28px;gap:7px;align-items:center;margin-bottom:7px}.stack-section-edit input,.stack-section-edit textarea{width:100%;min-width:0;border:1px solid var(--line);background:#0d161d;color:var(--text);padding:8px;border-radius:6px;font-size:11px;box-sizing:border-box}.stack-section-edit label{font-size:10px;color:var(--muted);white-space:nowrap}.stack-section-edit button{border:0;background:transparent;color:var(--danger);font-size:17px}.card-heading.compact{margin:10px 0 8px}.card-heading.compact h4{margin:0;font-size:11px}
.preview-embeds{display:grid;gap:8px}.preview-embeds .discord-embed{margin-left:44px}.discord-embed .preview-banner{width:100%;max-height:240px;object-fit:cover;border-radius:5px;margin-top:15px}.discord-embed .preview-thumb{float:right;width:74px;height:74px;object-fit:cover;margin:0 0 10px 12px;border-radius:8px}.preview-live{margin-left:auto;font-size:8px;letter-spacing:.7px;color:#8ca49d;border:1px solid #4a5957;padding:3px 6px;border-radius:999px}.preview-buttons{margin-left:44px}
@media(max-width:900px){.message-presets{align-items:flex-start;flex-direction:column}.preset-actions{justify-content:flex-start}.preset-tile{min-width:calc(33.333% - 8px)}.stack-section-edit{grid-template-columns:1fr}.preview-embeds .discord-embed,.preview-buttons{margin-left:0}}
@media(max-width:560px){.preset-tile{min-width:calc(50% - 6px)}.message-presets{padding:16px}.discord-preview{padding:14px}.preview-embeds .discord-embed{max-width:none}.stack-card-body{padding:4px 10px 12px}}