:root {
  --navy: #0c1d32;
  --navy-raised: #14344e;
  --teal: #18a890;
  --mint: #dff6f0;
  --amber: #f2b84b;
}

body { background: #f2f6f9; color: #17283a; }
.admin-login {
  background:
    radial-gradient(ellipse at 10% 100%, rgba(24,168,144,.2), transparent 36%),
    linear-gradient(145deg, #09182a, #163a54);
}
.login-card {
  border: 1px solid rgba(86,215,189,.22);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.32);
}
.login-logo, .brand-logo {
  border: 1px solid rgba(24,168,144,.34);
  border-radius: 14px;
  background: #0c1d32;
}
.login-brand strong, .brand strong { color: #102740; }
.login-brand small, .brand small { color: #087e79; }
.login-submit, .button.primary {
  color: #fff;
  background: #0c1d32;
}
.login-submit:hover, .button.primary:hover { background: #173c57; }
.sidebar { background: #0c1d32; }
.sidebar .brand strong { color: #fff; }
.sidebar .brand small { color: #57d2b7; }
.workspace-label { color: #88a2b5; }
.sidebar .nav-link.active {
  color: #092c39;
  background: #57d2b7;
}
.sidebar .nav-link.active .nav-icon { color: #092c39; }
.sidebar .nav-link:hover:not(.active) { color: #fff; background: rgba(255,255,255,.08); }
.topbar { background: #fff; }
.date-chip { color: #0c1d32; background: #e9f3f6; }
.avatar-button { color: #08283b; background: #57d2b7; }
.button.primary { border-color: #0c1d32; }
.button.success { color: #067b6f; background: #e4f7f2; }
.status-tag.active { color: #087e79; background: #e2f6f0; }
.panel, .stat-card, .quick-card {
  border-color: #dce6ed;
  box-shadow: 0 5px 17px rgba(12,29,50,.05);
}
.panel-head h2, .page-heading h1 { color: #102740; }
.table-wrap th { color: #39566d; background: #edf4f7; }
.login-input-wrap:focus-within, .field:focus { border-color: #18a890; }

.action-center { border-top: 3px solid #18a890; margin-bottom: 18px; }
.action-center .panel-head { margin-bottom: 12px; }
.action-center-live { display: inline-flex; align-items: center; gap: 7px; color: #547064; font-size: 10px; font-weight: 700; white-space: nowrap; }
.action-center-live span { width: 7px; height: 7px; border-radius: 50%; background: #18a890; }
.action-center-list { display: grid; gap: 8px; }
.action-center-item { display: flex; align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid #e8edf1; border-radius: 9px; background: #fbfcfd; }
.action-center-mark { display: grid; flex: 0 0 24px; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #fff0dc; color: #a76b12; font-size: 14px; font-weight: 800; }
.action-center-item.info .action-center-mark { background: #e7f2f7; color: #39738e; }
.action-center-copy { display: grid; flex: 1; min-width: 0; gap: 3px; }
.action-center-copy strong { color: #263246; font-size: 11px; }
.action-center-copy small { color: #748093; font-size: 10px; line-height: 1.45; }
.action-center-item .panel-link { flex: 0 0 auto; padding: 7px 8px; cursor: pointer; }
.action-center-empty { display: grid; gap: 4px; padding: 13px 15px; border: 1px solid #dcefe9; border-radius: 9px; background: #f3fbf8; }
.action-center-empty strong { color: #176f60; font-size: 11px; }
.action-center-empty span { color: #5e7d75; font-size: 10px; }

@media (max-width: 760px) {
  .sidebar { background: #0c1d32; }
  .sidebar-backdrop { background: rgba(4,16,29,.58); }
  .main-content { background: #f2f6f9; }
  .action-center .panel-head { align-items: flex-start; }
  .action-center-item { align-items: flex-start; flex-wrap: wrap; }
  .action-center-copy { flex-basis: calc(100% - 38px); }
  .action-center-item .panel-link { margin-left: 35px; }
}

@media print {
  body, .main-content { background: #fff !important; }
  .sidebar, .sidebar-backdrop, .topbar, .toast-root, .heading-actions, .date-filter-panel,
  .quick-section, .panel-link { display: none !important; }
  .main-content { margin: 0 !important; }
  .page-wrap { max-width: none !important; padding: 0 !important; }
  .page-heading { margin: 0 0 12px !important; }
  .page-heading h1 { font-size: 20px !important; }
  .action-center, .wallet-overview, .stat-card, .overview-grid > .panel { break-inside: avoid; box-shadow: none !important; }
  .action-center { border-color: #18a890 !important; }
  .action-center-item, .action-center-empty { background: #fff !important; }
}