/* Dashboard and server picker */
body.server-picker-mode .sidebar{
      display:none;
    }

    body.server-picker-mode .main{
      width:min(1480px, 100%);
      margin:0 auto;
      padding:24px clamp(18px, 2.4vw, 34px) 40px;
    }

    body.server-picker-mode .workspace-hero,
    body.server-picker-mode .tab-section{
      display:none!important;
    }

    body.server-picker-mode #activeGuildPill,
    body.server-picker-mode #billingStatusPill,
    body.server-picker-mode #publishWlBtn,
    body.server-picker-mode #publishTicketBtn{
      display:none!important;
    }

    .dashboard-panels{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:16px;
      margin-bottom:22px
    }

    .dashboard-chart{
      padding:18px
    }

    .dashboard-chart h4{
      margin:0 0 8px;
      color:#eef4ff;
      font-size:16px;
      font-weight:800
    }

    .dashboard-chart p{
      margin:0 0 16px;
      color:var(--muted);
      font-size:13px;
      line-height:1.5
    }

    .staff-analytics-list,.notif-list,.permission-preview-grid{
      display:grid;
      gap:10px
    }

    .staff-analytics-slider{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px
    }

    .staff-analytics-item,.notif-item,.permission-preview-card{
      padding:12px;
      border-radius:14px;
      border:1px solid rgba(163,184,255,.08);
      background:linear-gradient(180deg, rgba(13,20,36,.86), rgba(9,14,24,.96))
    }

    .permission-preview-card.is-match .staff-analytics-meta{
      color:#a8d8bd;
    }

    .staff-analytics-head,.notif-head,.permission-preview-head{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      flex-wrap:wrap;
      margin-bottom:8px
    }

    .staff-analytics-meta,.notif-meta{
      color:var(--muted);
      font-size:12px;
      line-height:1.5
    }

    .notif-pill{
      padding:6px 10px;
      border-radius:999px;
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
      border:1px solid rgba(163,184,255,.12);
      color:#d9ebff;
      background:rgba(59,130,246,.14)
    }

    .notif-pill.watch{
      color:#ffd27c;
      background:rgba(245,158,11,.14)
    }

    .notif-pill.high{
      color:#ffbeb8;
      background:rgba(239,68,68,.16)
    }

    .notif-trigger{
      width:42px;
      min-width:42px;
      height:42px;
      border-radius:14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      position:relative;
      font-size:18px
    }

    .notif-bell{
      width:20px;
      height:20px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#a9bad8;
      transition:transform .18s ease,color .18s ease,filter .18s ease
    }

    .notif-bell svg{
      width:20px;
      height:20px;
      display:block
    }

    .notif-trigger:hover .notif-bell{
      color:#edf4ff;
      transform:translateY(-1px)
    }

    .notif-trigger.has-unread .notif-bell{
      color:#7dd3fc;
      filter:drop-shadow(0 0 12px rgba(56,189,248,.24))
    }

    .notif-dot{
      position:absolute;
      top:8px;
      right:8px;
      width:10px;
      height:10px;
      border-radius:999px;
      background:#ef4444;
      border:2px solid rgba(7,11,20,.95)
    }

    .notif-drawer-backdrop{
      position:fixed;
      inset:0;
      background:rgba(2,6,23,.48);
      backdrop-filter:blur(8px);
      z-index:45;
      display:none;
      justify-content:flex-end
    }

    .notif-drawer{
      width:min(468px, 100vw);
      height:100%;
      background:linear-gradient(180deg, rgba(10,16,28,.98), rgba(7,11,20,.98));
      border-left:1px solid rgba(119,220,255,.14);
      box-shadow:-24px 0 60px rgba(0,0,0,.35);
      display:flex;
      flex-direction:column
    }

    .notif-drawer-body{
      padding:18px;
      overflow:auto;
      display:grid;
      gap:14px;
      align-content:flex-start
    }

    .notif-drawer-body{
      scrollbar-width:thin;
      scrollbar-color:rgba(102,163,255,.55) rgba(255,255,255,.04)
    }

    .notif-drawer-body::-webkit-scrollbar{
      width:8px;
    }

    .notif-drawer-body::-webkit-scrollbar-track{
      background:rgba(255,255,255,.04);
      border-radius:999px;
    }

    .notif-drawer-body::-webkit-scrollbar-thumb{
      background:linear-gradient(180deg, rgba(128,152,255,.92), rgba(88,106,205,.92));
      border-radius:999px;
      border:1px solid rgba(17,24,39,.55);
    }

    .notif-toast{
      position:fixed;
      right:22px;
      bottom:22px;
      z-index:60;
      min-width:280px;
      max-width:360px;
      padding:14px 16px;
      border-radius:18px;
      border:1px solid rgba(119,220,255,.18);
      background:linear-gradient(180deg, rgba(10,16,28,.96), rgba(7,11,20,.98));
      box-shadow:0 22px 60px rgba(0,0,0,.38);
      display:none;
    }

    .notif-toast strong{
      display:block;
      margin-bottom:4px;
    }

    .notif-toast span{
      display:block;
      color:var(--muted);
      font-size:13px;
      line-height:1.45;
    }

    .notif-overview-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
    }

    .notif-overview-card{
      position:relative;
      overflow:hidden;
      display:grid;
      gap:8px;
      min-height:110px;
      padding:16px;
      border:1px solid rgba(125,211,252,.12);
      border-radius:20px;
      background:linear-gradient(180deg, rgba(18,28,44,.94), rgba(10,16,28,.98));
      box-shadow:var(--shadow-soft);
    }

    .notif-overview-card::before{
      content:"";
      position:absolute;
      inset:0 auto auto 0;
      width:100%;
      height:2px;
      background:linear-gradient(90deg, rgba(56,189,248,.95), rgba(96,165,250,.08));
      opacity:.88;
    }

    .notif-overview-card.warning::before{
      background:linear-gradient(90deg, rgba(245,158,11,.95), rgba(245,158,11,.08));
    }

    .notif-overview-card.audit::before{
      background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(34,197,94,.08));
    }

    .notif-overview-card small{
      color:var(--muted2);
      font-size:11px;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .notif-overview-card strong{
      font-size:31px;
      line-height:1;
      letter-spacing:-.05em;
      color:#eef6ff;
    }

    .notif-overview-card span{
      color:var(--muted);
      font-size:12px;
      line-height:1.55;
    }

    .notif-stream{
      display:grid;
      gap:12px;
    }

    .notif-stream-label{
      color:var(--muted2);
      font-size:11px;
      letter-spacing:.18em;
      text-transform:uppercase;
      padding:2px 2px 0;
    }

    .notif-item{
      position:relative;
      overflow:hidden;
      display:grid;
      gap:14px;
      padding:16px 16px 15px 18px;
      border:1px solid rgba(125,211,252,.12);
      border-radius:22px;
      background:linear-gradient(180deg, rgba(16,24,38,.96), rgba(9,15,26,.98));
      box-shadow:var(--shadow-soft);
    }

    .notif-item::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:3px;
      background:linear-gradient(180deg, rgba(96,165,250,.95), rgba(56,189,248,.28));
    }

    .notif-item.watch::before{
      background:linear-gradient(180deg, rgba(245,158,11,.98), rgba(245,158,11,.28));
    }

    .notif-item.high::before{
      background:linear-gradient(180deg, rgba(239,68,68,.98), rgba(239,68,68,.28));
    }

    .notif-item.audit::before{
      background:linear-gradient(180deg, rgba(34,197,94,.98), rgba(59,130,246,.22));
    }

    .notif-item-top{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:flex-start;
    }

    .notif-item-anchor{
      display:flex;
      align-items:flex-start;
      gap:12px;
      min-width:0;
      flex:1;
    }

    .notif-item-icon{
      width:42px;
      height:42px;
      border-radius:14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(96,165,250,.18);
      background:rgba(37,99,235,.16);
      color:#dbeafe;
      font-size:11px;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
      flex-shrink:0;
    }

    .notif-item.watch .notif-item-icon{
      border-color:rgba(245,158,11,.22);
      background:rgba(245,158,11,.16);
      color:#ffe5b0;
    }

    .notif-item.high .notif-item-icon{
      border-color:rgba(239,68,68,.24);
      background:rgba(239,68,68,.16);
      color:#ffd0ca;
    }

    .notif-item.audit .notif-item-icon{
      border-color:rgba(34,197,94,.2);
      background:rgba(34,197,94,.14);
      color:#d9fbe6;
    }

    .notif-item-copy{
      display:grid;
      gap:6px;
      min-width:0;
    }

    .notif-item-copy strong{
      font-size:15px;
      letter-spacing:-.02em;
      color:#eef6ff;
    }

    .notif-eyebrow{
      color:var(--muted2);
      font-size:11px;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .notif-copy-line{
      color:#c5d4ea;
      font-size:13px;
      line-height:1.55;
    }

    .notif-meta-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .notif-meta-chip{
      padding:6px 10px;
      border-radius:999px;
      border:1px solid rgba(148,163,184,.12);
      background:rgba(15,23,42,.72);
      color:var(--muted);
      font-size:11px;
      line-height:1;
    }

    .notif-time{
      padding:7px 10px;
      border-radius:999px;
      border:1px solid rgba(96,165,250,.16);
      background:rgba(37,99,235,.12);
      color:#dbeafe;
      font-size:11px;
      line-height:1;
      white-space:nowrap;
      flex-shrink:0;
    }

    .notif-item.watch .notif-time{
      border-color:rgba(245,158,11,.18);
      background:rgba(245,158,11,.12);
      color:#ffe5b0;
    }

    .notif-item.high .notif-time{
      border-color:rgba(239,68,68,.2);
      background:rgba(239,68,68,.12);
      color:#ffd0ca;
    }

    .notif-item.audit .notif-time{
      border-color:rgba(34,197,94,.18);
      background:rgba(34,197,94,.12);
      color:#d9fbe6;
    }

    .notif-item-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .notif-empty{
      padding:22px;
      border:1px dashed rgba(125,211,252,.16);
      border-radius:22px;
      background:linear-gradient(180deg, rgba(12,18,31,.82), rgba(8,12,22,.94));
      color:var(--muted);
      line-height:1.65;
    }

    .notif-empty strong{
      display:block;
      margin-bottom:6px;
      color:#eef6ff;
      font-size:16px;
      letter-spacing:-.02em;
    }

    .insight-list,.timeline-list,.watchlist-list,.action-chip-grid,.case-mode-grid,.alt-node-list{
      display:grid;
      gap:10px
    }

    .insight-row,.timeline-item,.watchlist-item,.case-mode-card,.alt-node{
      border:1px solid rgba(255,255,255,.07);
      border-radius:14px;
      padding:12px;
      background:rgba(7,10,25,.34)
    }

    .insight-row strong,.timeline-item strong,.watchlist-item strong,.case-mode-card strong,.alt-node strong{
      display:block;
      color:#eef4ff;
      font-size:13px;
      margin-bottom:6px
    }

    .insight-row span,.timeline-item span,.watchlist-item span,.case-mode-card span,.alt-node span{
      display:block;
      color:#b9cae9;
      font-size:12px;
      line-height:1.5
    }

    .insight-pill,.watchlist-score{
      display:inline-flex;
      align-items:center;
      border-radius:999px;
      padding:6px 10px;
      font-size:11px;
      font-weight:800;
      letter-spacing:.04em;
      background:rgba(96,165,250,.12);
      color:#cfe0ff;
      border:1px solid rgba(96,165,250,.18)
    }

    .watchlist-item{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:14px;
      align-items:center;
      padding:12px 14px
    }

    .watchlist-main{
      min-width:0
    }

    .watchlist-head{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:6px;
      flex-wrap:wrap
    }

    .watchlist-name{
      margin:0;
      color:#eef4ff;
      font-size:15px;
      font-weight:800
    }

    .watchlist-meta,.watchlist-subline{
      color:#9fb2d8;
      font-size:12px;
      line-height:1.5
    }

    .watchlist-subline{
      margin-top:4px
    }

    .watchlist-item .actions{
      display:flex;
      gap:8px;
      align-items:center
    }

    .dashboard-watchlist-panel{
      margin-bottom:22px;
    }

    .command-center{
      display:grid;
      gap:18px
    }

    .dashboard-top-row{
      display:grid;
      grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);
      gap:16px;
      align-items:stretch;
      margin-bottom:18px
    }

    .command-hero{
      display:grid;
      grid-template-columns:1.4fr .86fr;
      gap:18px;
      padding:20px;
      min-height:100%;
      background:
        radial-gradient(circle at top right, rgba(102,163,255,.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(77,208,225,.08), transparent 28%),
        linear-gradient(180deg, rgba(17,28,48,.96), rgba(8,13,24,.98));
    }

    .command-copy h3,.command-side h4,.dashboard-block h4,.case-shell h3,.case-panel h4,.case-sidebar h4{
      margin:0 0 8px;
      font-size:18px;
      font-weight:850;
      color:#f4f7ff
    }

    .command-copy p,.command-side p,.dashboard-block p,.case-panel p,.case-sidebar p{
      margin:0 0 14px;
      color:var(--muted);
      font-size:12px;
      line-height:1.55
    }

    .command-kpis{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin-top:16px
    }

    .command-fill{
      display:grid;
      grid-template-columns:1fr;
      grid-template-areas:
        "quick"
        "today";
      align-items:start;
      gap:12px;
      margin-top:16px
    }

    .command-fill-card{
      padding:14px;
      border-radius:18px;
      border:1px solid rgba(163,184,255,.1);
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018))
    }

    .command-fill-card:last-child{
      grid-column:1 / -1
    }

    .command-fill-card.today-card{
      grid-area:today;
      display:flex;
      flex-direction:column;
    }

    .command-fill-card.quick-actions-card{
      grid-area:quick;
    }

    .command-fill-card h5{
      margin:0 0 10px;
      color:#eef4ff;
      font-size:13px;
      font-weight:800
    }

    .command-kpi{
      padding:12px 13px;
      border-radius:16px;
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
      border:1px solid rgba(163,184,255,.1)
    }

    .command-kpi .value{
      font-size:24px;
      font-weight:800;
      color:#eef4ff;
      margin-bottom:6px;
    }

    .command-kpi .sub{
      color:#9fb2d8;
      font-size:12px;
      line-height:1.45;
    }

    .command-kpi small{
      display:block;
      color:var(--muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:8px
    }

    .command-kpi strong{
      display:block;
      font-size:23px
    }

    .dashboard-grid{
      display:grid;
      grid-template-columns:1.18fr .82fr;
      gap:16px
    }

    .dashboard-block{
      padding:18px
    }

    .dashboard-stack{
      display:grid;
      gap:16px
    }

    .dashboard-top-row > .dashboard-block{
      display:flex;
      flex-direction:column;
      min-height:0;
    }

    .dashboard-top-row > .command-hero{
      min-height:0;
    }

    .dashboard-top-row .feed-time{
      align-self:start;
      font-size:10px;
      white-space:nowrap;
      color:#9fb2d8;
    }

    .dashboard-panels{
      grid-template-columns:1.1fr .9fr .95fr;
      align-items:start
    }

    .watchlist-item{
      cursor:pointer;
      transition:transform .16s ease,border-color .16s ease,background .16s ease
    }

    .watchlist-item:hover{
      transform:translateY(-1px);
      border-color:rgba(122,146,255,.24);
      background:rgba(9,13,24,.46)
    }

    .watchlist-actions{
      display:flex;
      align-items:center;
      gap:8px
    }

    .case-drawer-backdrop,.command-palette-backdrop{
      position:fixed;
      inset:0;
      background:rgba(4,6,13,.68);
      backdrop-filter:blur(10px);
      z-index:60;
      display:none
    }

    .command-palette-backdrop{
      align-items:flex-start;
      justify-content:center;
      padding-top:12vh
    }

    .command-palette{
      width:min(700px, calc(100vw - 24px));
      border-radius:22px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(18,26,48,.98), rgba(9,13,24,.98));
      box-shadow:0 24px 80px rgba(0,0,0,.45);
      overflow:hidden
    }

    .command-palette input{
      border:none;
      border-radius:0;
      background:transparent;
      padding:18px 20px;
      font-size:16px
    }

    .command-results{
      display:grid;
      gap:0;
      max-height:420px;
      overflow:auto;
      border-top:1px solid rgba(255,255,255,.06)
    }

    .command-result{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:12px;
      align-items:center;
      padding:14px 18px;
      border-bottom:1px solid rgba(255,255,255,.05);
      cursor:pointer
    }

    .command-result:hover,.command-result.active{
      background:rgba(255,255,255,.04)
    }

    .command-result-key{
      color:#9fb2d8;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em
    }

    body.server-picker-mode #serverPickerSection{
      display:block;
    }

    .box,.panel,.dashboard-chart,.intel-panel,.preview-modal-card,.modal,.case-drawer,.action-confirm-modal,.command-palette{
      border-color:rgba(119,220,255,.12);
      background:
        radial-gradient(circle at top right, rgba(94,203,255,.06), transparent 26%),
        linear-gradient(180deg, rgba(14,22,38,.95), rgba(8,13,24,.98));
    }

    .quick-action-btn,.watchlist-item,.incident-row,.trend-mini,.preview-metric,.drawer-card,.board-card,.investigation-card,.action-confirm-item,.case-mini,.intel-kpi,.guide-card{
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
      border-color:rgba(119,220,255,.1);
    }

    .quick-action-btn:hover,.watchlist-item:hover,.incident-row:hover{
      border-color:rgba(119,220,255,.22);
      box-shadow:0 16px 32px rgba(5,14,28,.2);
    }

    .command-hero{
      background:
        radial-gradient(circle at top right, rgba(94,203,255,.14), transparent 24%),
        radial-gradient(circle at left bottom, rgba(75,140,255,.12), transparent 26%),
        linear-gradient(180deg, rgba(17,26,45,.98), rgba(8,12,22,.98));
      border:1px solid rgba(119,220,255,.12);
    }

    .dashboard-overview-panel{
      margin-bottom:18px;
      padding:20px 22px;
      border-radius:30px;
      background:
        linear-gradient(180deg, rgba(12,20,34,.94), rgba(8,13,24,.98));
      box-shadow:0 18px 40px rgba(3,8,18,.24);
    }

    .dashboard-overview-head{
      display:flex;
      justify-content:space-between;
      gap:16px;
      align-items:flex-start;
      margin-bottom:16px;
      flex-wrap:wrap;
    }

    .dashboard-filter-row{
      margin-bottom:0;
    }

    .dashboard-stat-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:14px;
    }

    .dashboard-stat-card{
      position:relative;
      overflow:hidden;
      min-height:142px;
      padding:18px 18px 16px;
      border-radius:22px;
      border:1px solid rgba(119,220,255,.12);
      background:
        linear-gradient(180deg, rgba(14,22,38,.96), rgba(8,13,24,.98));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

    .dashboard-stat-card::before{
      content:"";
      position:absolute;
      inset:0 auto auto 0;
      width:100%;
      height:2px;
      opacity:.95;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
    }

    .dashboard-stat-card small{
      display:block;
      color:#8ea4c8;
      font-size:12px;
      letter-spacing:.1em;
      text-transform:uppercase;
      margin-bottom:22px;
    }

    .dashboard-stat-card strong{
      display:block;
      color:#f6fbff;
      font-size:44px;
      line-height:1;
      letter-spacing:-.05em;
      margin-bottom:14px;
    }

    .dashboard-stat-card span{
      display:block;
      color:#8fa6c8;
      font-size:13px;
      line-height:1.5;
    }

    .dashboard-stat-card.accent-blue{box-shadow:inset 2px 0 0 rgba(92,144,255,.88)}
    .dashboard-stat-card.accent-cyan{box-shadow:inset 2px 0 0 rgba(94,203,255,.88)}
    .dashboard-stat-card.accent-red{box-shadow:inset 2px 0 0 rgba(243,93,119,.88)}
    .dashboard-stat-card.accent-green{box-shadow:inset 2px 0 0 rgba(46,201,124,.88)}

    .dashboard-main-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.42fr) minmax(360px, .88fr);
      gap:18px;
      align-items:start;
    }

    .dashboard-primary-column,
    .dashboard-secondary-column{
      display:grid;
      gap:18px;
      min-width:0;
    }

    .dashboard-card-head{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
      margin-bottom:16px;
      flex-wrap:wrap;
    }

    .dashboard-card-head.compact{
      margin-bottom:14px;
    }

    .dashboard-card-head h4{
      margin:0;
      color:#f5f8ff;
      font-size:20px;
      font-weight:900;
      letter-spacing:-.03em;
    }

    .dashboard-card-head p{
      margin:6px 0 0;
      color:#8fa6c8;
      font-size:13px;
      line-height:1.6;
      max-width:620px;
    }

    .dashboard-server-card,
    .dashboard-feed-card,
    .dashboard-chart-card{
      padding:20px;
      border-radius:28px;
    }

    .dashboard-server-card{
      display:grid;
      gap:16px;
    }

    .dashboard-server-banner{
      position:relative;
      overflow:hidden;
      min-height:132px;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      padding:22px;
      border-radius:24px;
      border:1px solid rgba(119,220,255,.12);
      background:
        radial-gradient(circle at 82% 10%, rgba(94,203,255,.16), transparent 26%),
        linear-gradient(120deg, rgba(10,18,34,.92), rgba(17,31,56,.94) 58%, rgba(7,11,20,.98));
      margin-bottom:16px;
    }

    .dashboard-server-banner-media{
      position:absolute;
      inset:0;
      z-index:0;
      background-position:center;
      background-size:cover;
      background-repeat:no-repeat;
      opacity:0;
      transform:scale(1.04);
      filter:saturate(1.02);
      transition:opacity .22s ease;
      pointer-events:none;
    }

    .dashboard-server-banner.has-media .dashboard-server-banner-media{
      opacity:.42;
    }

    .dashboard-server-banner.has-media::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, rgba(7,12,24,.94) 0%, rgba(7,12,24,.78) 46%, rgba(7,12,24,.92) 100%);
      z-index:0;
      pointer-events:none;
    }

    .dashboard-server-banner::after{
      content:"";
      position:absolute;
      inset:auto -8% -28% auto;
      width:240px;
      height:240px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(94,203,255,.22), transparent 68%);
      filter:blur(12px);
      pointer-events:none;
    }

    .dashboard-server-banner-copy{
      position:relative;
      z-index:1;
      display:grid;
      gap:8px;
      max-width:70%;
    }

    .dashboard-server-identity{
      display:flex;
      align-items:center;
      gap:16px;
      min-width:0;
    }

    .dashboard-server-copy-stack{
      display:grid;
      gap:8px;
      min-width:0;
    }

    .dashboard-server-avatar{
      width:64px;
      height:64px;
      border-radius:20px;
      overflow:hidden;
      flex:0 0 64px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.16);
      background:linear-gradient(180deg, rgba(94,203,255,.18), rgba(255,255,255,.04));
      box-shadow:0 14px 28px rgba(3,8,18,.28);
    }

    .dashboard-server-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:none;
    }

    .dashboard-server-avatar.has-image img{
      display:block;
    }

    .dashboard-server-avatar.has-image span{
      display:none;
    }

    .dashboard-server-avatar span{
      color:#f7fbff;
      font-size:20px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .dashboard-server-banner-copy strong{
      display:block;
      color:#f7fbff;
      font-size:32px;
      line-height:1;
      letter-spacing:-.045em;
    }

    .dashboard-server-banner-copy span{
      display:block;
      color:#a9c0e2;
      font-size:14px;
      line-height:1.6;
    }

    .dashboard-server-banner-art{
      position:relative;
      z-index:1;
      font-size:72px;
      line-height:.82;
      font-weight:900;
      letter-spacing:-.08em;
      color:rgba(230,244,255,.12);
      user-select:none;
      text-align:right;
      text-transform:uppercase;
      filter:drop-shadow(0 22px 42px rgba(0,0,0,.24));
    }

    .server-pulse-item small,
    .dashboard-trust-copy small{
      display:block;
      color:#87a0c5;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-size:11px;
      margin-bottom:10px;
    }

    .dashboard-trust-strip{
      display:grid;
      grid-template-columns:minmax(0, 220px) minmax(0, 1fr);
      gap:14px;
      align-items:center;
      padding:16px 18px;
      border-radius:22px;
      border:1px solid rgba(119,220,255,.1);
      background:linear-gradient(180deg, rgba(11,18,32,.82), rgba(8,13,24,.94));
      margin-bottom:16px;
    }

    .dashboard-trust-copy strong{
      display:block;
      color:#f7fbff;
      font-size:32px;
      letter-spacing:-.04em;
      line-height:1;
      margin-bottom:8px;
    }

    .dashboard-trust-copy span{
      display:block;
      color:#8fa6c8;
      font-size:13px;
      line-height:1.6;
    }

    .dashboard-trust-bar{
      width:100%;
      height:14px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(119,220,255,.1);
      box-shadow:inset 0 1px 2px rgba(0,0,0,.22);
    }

    .dashboard-trust-fill{
      height:100%;
      width:0;
      border-radius:inherit;
      background:linear-gradient(90deg, #2ec97c, #73e7b0 58%, #8df2ff);
      box-shadow:0 0 22px rgba(46,201,124,.34);
      transition:width .24s ease;
    }

    .dashboard-action-row{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
      margin-bottom:0;
    }

    .dashboard-inline-card{
      padding:16px;
      border-radius:22px;
      border:1px solid rgba(119,220,255,.1);
      background:linear-gradient(180deg, rgba(11,18,32,.84), rgba(8,13,24,.96));
    }

    .dashboard-chart-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:18px;
    }

    #incidentTrendBoard .today-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
    }

    #incidentTrendBoard .today-mini{
      min-height:84px;
      padding:10px 12px;
      justify-content:flex-start;
      gap:4px;
    }

    #incidentTrendBoard .today-mini small{
      margin-bottom:4px;
      font-size:10px;
      letter-spacing:.08em;
    }

    #incidentTrendBoard .today-mini strong{
      font-size:15px;
      line-height:1.2;
      letter-spacing:-.01em;
      text-wrap:balance;
      overflow-wrap:anywhere;
    }

    #incidentTrendBoard .today-mini span{
      display:block;
      margin-top:4px;
      color:#aebfdb;
      font-size:11px;
      line-height:1.4;
      overflow-wrap:anywhere;
    }

    #incidentTrendBoard .today-mini.is-wide{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:minmax(0, 112px) minmax(0, 1fr);
      column-gap:12px;
      row-gap:4px;
      align-items:center;
    }

    #incidentTrendBoard .today-mini.is-wide small{
      grid-column:1 / -1;
      margin-bottom:0;
    }

    #incidentTrendBoard .today-mini.is-wide strong,
    #incidentTrendBoard .today-mini.is-wide span{
      margin:0;
    }

    @media (max-width: 1340px){
      #incidentTrendBoard .today-grid{
        grid-template-columns:1fr;
      }

      #incidentTrendBoard .today-mini.is-wide{
        grid-column:auto;
        grid-template-columns:1fr;
        align-items:start;
      }
    }

    .dashboard-panel-scroll{
      max-height:420px;
      overflow:auto;
      padding-right:4px;
      scrollbar-width:thin;
      scrollbar-color:rgba(119,220,255,.38) transparent;
    }

    .dashboard-panel-scroll::-webkit-scrollbar{
      width:8px;
    }

    .dashboard-panel-scroll::-webkit-scrollbar-thumb{
      background:rgba(119,220,255,.24);
      border-radius:999px;
    }

    .dashboard-feed-card .incident-strip,
    .dashboard-feed-card .watchlist-list{
      gap:12px;
    }

    .watchlist-item{
      border-radius:20px;
      border-color:rgba(119,220,255,.1);
    }

    .watchlist-item .btn{
      min-height:36px;
      padding:0 12px;
      border-radius:12px;
      font-size:12px;
    }

    .dashboard-severity-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
    }

    #tab-analytics .staff-analytics-item,
    #tab-settings .permission-preview-card,
    #tab-audit .timeline-item,
    #tab-wl-questions .guide-card,
    #tab-wl-questions .question-card{
      border-radius:20px;
      border-color:rgba(119,220,255,.1);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    }

    .panel,
    .settings-group,
    .intel-panel,
    .setting-card,
    .dashboard-chart,
    .dashboard-block,
    .dashboard-panels > .panel,
    .lookup-console-card,
    .lookup-hero-card,
    .lookup-graph-panel,
    .settings-overview-card,
    .staff-analytics-item,
    .permission-preview-card,
    .notif-item,
    .watchlist-item,
    .incident-row,
    .command-fill-card,
    .command-kpi,
    .severity-card,
    .timeline-item,
    .investigation-card,
    .quick-action-btn,
    .board-card,
    .drawer-card,
    .action-confirm-item,
    .case-mini,
    .trend-mini,
    .preview-metric,
    .today-mini,
    .lookup-hero-metric,
    .info-item,
    .analytics-card,
    .intel-kpi,
    .signal-item,
    .recommendation-item,
    .watchlist-user-block,
    .guild-rank-row,
    .heat-row,
    .server-pulse-item,
    .trust-meter-card{
      background:linear-gradient(180deg, rgba(16,24,38,.95), rgba(10,16,28,.98));
      border-color:var(--border);
      box-shadow:var(--shadow-soft);
    }

    .section,
    .dashboard-chart,
    .dashboard-block,
    .command-hero,
    .settings-group,
    .intel-panel,
    .lookup-console-card,
    .lookup-hero-card,
    .lookup-graph-panel{
      padding:22px;
    }

    .section-header h3,
    .command-copy h3,
    .command-side h4,
    .dashboard-block h4,
    .dashboard-chart h4,
    .case-shell h3,
    .case-panel h4,
    .case-sidebar h4,
    .intel-hero h4,
    .intel-panel h4,
    .lookup-console-card h4,
    .lookup-graph-panel h4,
    .landing-card h3{
      font-size:18px;
      font-weight:800;
      letter-spacing:-.02em;
    }

    .section-header p,
    .command-copy p,
    .command-side p,
    .dashboard-block p,
    .dashboard-chart p,
    .case-panel p,
    .case-sidebar p,
    .intel-hero p,
    .intel-panel p,
    .lookup-console-card p,
    .lookup-graph-panel p,
    .landing-card p{
      color:var(--muted);
      font-size:13px;
      line-height:1.6;
      max-width:820px;
    }

    .dashboard-panels,
    .settings-overview,
    .analytics-summary,
    .staff-analytics-slider,
    .command-kpis,
    .today-grid,
    .quick-action-grid,
    .settings-grid,
    .settings-main-grid,
    .intel-grid,
    .lookup-overview,
    .lookup-deep-grid,
    .info-list{
      gap:14px;
      align-items:start;
    }

    .settings-overview-card,
    .lookup-hero-metric,
    .info-item,
    .today-mini,
    .command-kpi,
    .analytics-card,
    .intel-kpi{
      min-height:92px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .settings-overview-card small,
    .lookup-hero-metric small,
    .info-item small,
    .today-mini small,
    .command-kpi small,
    .analytics-card small,
    .intel-kpi small{
      color:var(--muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:8px;
    }

    .command-hero{
      grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);
      gap:18px;
      background:linear-gradient(180deg, rgba(16,24,38,.96), rgba(10,16,28,.99));
    }

    .command-fill{
      gap:14px;
    }

    .command-fill-card,
    .severity-card,
    .quick-action-btn{
      border-radius:18px;
    }

    .notif-drawer{
      border-left-color:var(--border);
      background:linear-gradient(180deg, rgba(9,14,24,.985), rgba(7,11,19,.99));
    }

    .notif-drawer-body,
    .dashboard-panel-scroll{
      scrollbar-width:thin;
      scrollbar-color:var(--scrollbar-thumb-flat) var(--scrollbar-track);
    }

    .notif-drawer-body::-webkit-scrollbar,
    .dashboard-panel-scroll::-webkit-scrollbar{
      width:10px;
      height:10px;
    }

    .notif-drawer-body::-webkit-scrollbar-track,
    .dashboard-panel-scroll::-webkit-scrollbar-track{
      background:var(--scrollbar-track);
      border-radius:999px;
    }

    .notif-drawer-body::-webkit-scrollbar-thumb,
    .dashboard-panel-scroll::-webkit-scrollbar-thumb{
      background:var(--scrollbar-thumb);
      border-radius:999px;
      border:1px solid var(--scrollbar-border);
    }

    .notif-drawer-body::-webkit-scrollbar-thumb:hover,
    .dashboard-panel-scroll::-webkit-scrollbar-thumb:hover{
      background:var(--scrollbar-thumb-hover);
    }