:root {
    --bg: #040806;
    --bg-soft: #07100b;
    --surface: rgba(12, 24, 17, 0.78);
    --surface-strong: #0d1812;
    --surface-hover: #12231a;
    --line: rgba(151, 255, 187, 0.11);
    --line-bright: rgba(91, 255, 145, 0.28);
    --text: #f4fff7;
    --text-soft: #c1d3c6;
    --muted: #758b7c;
    --green: #45ff8f;
    --green-soft: #8dffb5;
    --green-deep: #0dac52;
    --lime: #b9ff66;
    --red: #ff6278;
    --amber: #ffd166;
    --blue: #79b8ff;
    --shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
    --glow: 0 0 36px rgba(69, 255, 143, 0.18);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 34px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--bg);
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 8% -5%, rgba(69, 255, 143, 0.14), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(185, 255, 102, 0.07), transparent 28%),
        linear-gradient(145deg, #030705 0%, #06100a 50%, #030705 100%);
    color: var(--text);
    font-family: "DM Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(120, 255, 163, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120, 255, 163, 0.025) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, black, transparent 82%);
}

body::after {
    content: "";
    position: fixed;
    top: -30vh;
    left: 50%;
    z-index: -2;
    width: 70vw;
    height: 70vw;
    border: 1px solid rgba(69, 255, 143, 0.045);
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow:
        0 0 0 90px rgba(69, 255, 143, 0.018),
        0 0 0 180px rgba(69, 255, 143, 0.012);
    pointer-events: none;
}

body.sheet-open {
    overflow: hidden;
}

.noise {
    position: fixed;
    inset: 0;
    z-index: 100;
    pointer-events: none;
    opacity: 0.028;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}

::selection {
    color: #001a09;
    background: var(--green);
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 3px;
}

h1,
h2,
h3,
p {
    margin-top: 0;
}

h1,
h2,
h3,
.brand-mark,
.metric-card > strong,
.stats-hero-total strong,
.goal-summary strong {
    font-family: "Archivo Black", sans-serif;
}

h1 {
    margin-bottom: 18px;
    font-size: clamp(42px, 6vw, 82px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

h1 span,
.positive {
    color: var(--green);
}

h2 {
    margin-bottom: 6px;
    font-size: 24px;
    letter-spacing: -0.025em;
}

h3 {
    margin-bottom: 8px;
}

[hidden] {
    display: none !important;
}

.eyebrow {
    margin: 0 0 10px;
    color: var(--green);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.page-subtitle {
    max-width: 650px;
    margin-bottom: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.7;
}

.muted {
    color: var(--muted);
}

.reveal-up {
    animation: revealUp 0.8s var(--ease) both;
}

.delay-1 {
    animation-delay: 0.08s;
}

.delay-2 {
    animation-delay: 0.16s;
}

.delay-3 {
    animation-delay: 0.24s;
}

@keyframes revealUp {
    from {
        opacity: 0;
        transform: translateY(22px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.glass-panel,
.panel {
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(145deg, rgba(19, 37, 26, 0.82), rgba(7, 16, 11, 0.9)),
        var(--surface);
    box-shadow: var(--shadow);
    backdrop-filter: blur(20px);
}

.glass-panel {
    padding: 26px;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 34px;
    height: 76px;
    padding: 0 max(24px, calc((100vw - 1320px) / 2));
    border-bottom: 1px solid var(--line);
    background: rgba(3, 8, 5, 0.76);
    backdrop-filter: blur(24px) saturate(130%);
}

.site-header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(69, 255, 143, 0.35), transparent);
    opacity: 0.45;
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 210px;
}

.brand-mark {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(185, 255, 102, 0.45);
    border-radius: 11px;
    background: linear-gradient(135deg, #35f77e, #0b9e49);
    color: #001a09;
    font-size: 20px;
    box-shadow: 0 0 30px rgba(69, 255, 143, 0.25);
    transform: rotate(-4deg);
}

.brand-mark::after {
    content: "";
    position: absolute;
    width: 130%;
    height: 12px;
    background: rgba(255, 255, 255, 0.4);
    transform: translate(-80%, -20px) rotate(-35deg);
    animation: logoShine 5s ease-in-out infinite;
}

@keyframes logoShine {
    0%, 72% {
        transform: translate(-100%, -25px) rotate(-35deg);
    }
    88%, 100% {
        transform: translate(90%, 35px) rotate(-35deg);
    }
}

.brand > span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.brand strong {
    letter-spacing: 0.08em;
}

.brand small {
    margin-top: 5px;
    color: var(--muted);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

nav {
    display: flex;
    align-self: stretch;
    gap: 30px;
}

nav a {
    position: relative;
    display: grid;
    place-items: center;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
    transition: color 0.25s ease;
}

nav a::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 2px;
    border-radius: 10px;
    background: var(--green);
    box-shadow: 0 0 12px var(--green);
    transition: right 0.35s var(--ease), left 0.35s var(--ease);
}

nav a:hover,
nav a.active {
    color: var(--text);
}

nav a:hover::after,
nav a.active::after {
    right: 0;
    left: 0;
}

.user-menu {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
    text-align: right;
}

.user-menu > div {
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.user-menu > div span {
    margin-top: 2px;
    color: var(--green);
    font-size: 9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.icon-button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.025);
    cursor: pointer;
    transition: 0.25s ease;
}

.icon-button:hover {
    border-color: var(--line-bright);
    background: rgba(69, 255, 143, 0.08);
    color: var(--green);
    transform: translateY(-2px);
}

.page-shell {
    width: min(1320px, calc(100% - 40px));
    margin: 0 auto;
    padding: 64px 0 90px;
}

.primary-button,
.ghost-button,
.discord-button,
.danger-button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 0 24px;
    border: 0;
    border-radius: 13px;
    font-weight: 800;
    cursor: pointer;
    transition:
        transform 0.3s var(--ease),
        box-shadow 0.3s ease,
        filter 0.3s ease,
        border-color 0.3s ease;
}

.primary-button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--green), #18c762);
    color: #001a09;
    box-shadow: 0 14px 36px rgba(37, 220, 103, 0.22);
}

.primary-button::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.45), transparent 70%);
    transform: translateX(-130%);
    transition: transform 0.65s ease;
}

.primary-button:hover::after {
    transform: translateX(130%);
}

.primary-button:hover,
.discord-button:hover {
    filter: brightness(1.08);
    box-shadow: 0 18px 42px rgba(69, 255, 143, 0.25);
    transform: translateY(-2px);
}

.primary-button > *,
.discord-button > * {
    position: relative;
    z-index: 1;
}

.primary-button.full {
    width: 100%;
}

.ghost-button {
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.025);
    color: var(--text-soft);
}

.ghost-button:hover {
    border-color: var(--line-bright);
    background: rgba(69, 255, 143, 0.06);
    color: var(--green-soft);
    transform: translateY(-2px);
}

.status-line,
.live-chip,
.live-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--green-soft);
    font-size: 11px;
    font-weight: 700;
}

.status-line {
    margin-bottom: 24px;
    padding: 8px 11px;
    border: 1px solid rgba(69, 255, 143, 0.16);
    border-radius: 999px;
    background: rgba(69, 255, 143, 0.055);
}

.status-line i,
.live-chip i,
.live-label i,
.pulse-dot,
.claim-timer i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 0 rgba(69, 255, 143, 0.5);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(69, 255, 143, 0.45);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(69, 255, 143, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(69, 255, 143, 0);
    }
}

.dashboard-hero {
    display: grid;
    min-height: 430px;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 60px;
    margin-bottom: 40px;
}

.hero-copy {
    max-width: 750px;
}

.hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

.hero-orbit {
    position: relative;
    width: min(410px, 35vw);
    aspect-ratio: 1;
    justify-self: center;
}

.orbit-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(69, 255, 143, 0.12);
    border-radius: 50%;
    animation: spin 24s linear infinite;
}

.orbit-ring::before,
.orbit-ring::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 18px var(--green);
}

.orbit-ring::before {
    left: -4px;
}

.orbit-ring::after {
    right: -4px;
}

.ring-two {
    inset: 13%;
    animation-direction: reverse;
    animation-duration: 17s;
}

.ring-three {
    inset: 27%;
    border-style: dashed;
    animation-duration: 11s;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.orbit-core {
    position: absolute;
    inset: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid var(--line-bright);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(69, 255, 143, 0.18), rgba(8, 18, 12, 0.92) 70%);
    box-shadow: 0 0 60px rgba(69, 255, 143, 0.16);
}

.orbit-core strong {
    font-family: "Archivo Black";
    font-size: 42px;
}

.orbit-core span {
    color: var(--muted);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.orbit-node {
    position: absolute;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(6, 15, 10, 0.9);
    color: var(--green-soft);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    box-shadow: var(--glow);
    animation: float 4s ease-in-out infinite;
}

.node-one {
    top: 12%;
    right: 10%;
}

.node-two {
    bottom: 14%;
    left: 4%;
    animation-delay: -1.4s;
}

.node-three {
    right: -4%;
    bottom: 30%;
    animation-delay: -2.7s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.metric-card {
    position: relative;
    min-height: 190px;
    overflow: hidden;
    padding: 23px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: linear-gradient(145deg, rgba(17, 32, 23, 0.92), rgba(7, 15, 10, 0.96));
    transition: border-color 0.3s ease, transform 0.35s var(--ease), box-shadow 0.3s ease;
}

.metric-card:hover {
    border-color: var(--line-bright);
    box-shadow: var(--glow);
    transform: translateY(-5px);
}

.metric-card::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(69, 255, 143, 0.06);
    border-radius: 50%;
}

.primary-metric {
    border-color: rgba(69, 255, 143, 0.3);
    background: linear-gradient(145deg, rgba(24, 61, 37, 0.75), rgba(7, 20, 12, 0.96));
}

.metric-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.metric-head em {
    color: var(--muted);
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.metric-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(69, 255, 143, 0.16);
    border-radius: 11px;
    background: rgba(69, 255, 143, 0.08);
    color: var(--green);
    font-weight: 900;
}

.muted-icon {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: var(--muted);
}

.metric-card > p {
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 12px;
}

.metric-card > strong {
    display: block;
    margin-bottom: 3px;
    font-size: 42px;
}

.metric-card > small {
    color: #607267;
    font-size: 11px;
}

.metric-glow {
    position: absolute;
    right: -35px;
    bottom: -55px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: rgba(69, 255, 143, 0.14);
    filter: blur(35px);
}

.metric-glow.lime {
    background: rgba(185, 255, 102, 0.12);
}

.metric-spark {
    position: absolute;
    right: 18px;
    bottom: 17px;
    display: flex;
    height: 40px;
    align-items: end;
    gap: 3px;
    opacity: 0.45;
}

.metric-spark i {
    width: 4px;
    border-radius: 10px;
    background: var(--green);
    animation: equalize 1.6s ease-in-out infinite alternate;
}

.metric-spark i:nth-child(1) { height: 30%; }
.metric-spark i:nth-child(2) { height: 65%; animation-delay: -0.3s; }
.metric-spark i:nth-child(3) { height: 45%; animation-delay: -0.8s; }
.metric-spark i:nth-child(4) { height: 90%; animation-delay: -0.5s; }
.metric-spark i:nth-child(5) { height: 60%; animation-delay: -1s; }
.metric-spark i:nth-child(6) { height: 78%; animation-delay: -0.2s; }

@keyframes equalize {
    to { height: 20%; }
}

.dashboard-main-grid,
.dashboard-lower-grid {
    display: grid;
    grid-template-columns: 1.4fr 0.6fr;
    gap: 18px;
    margin-bottom: 18px;
}

.dashboard-lower-grid {
    grid-template-columns: 1.2fr 0.8fr;
}

.panel-heading,
.leaderboard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.panel-heading h2,
.leaderboard-header h2 {
    margin-bottom: 3px;
}

.panel-heading > div > span,
.panel-heading > span,
.panel-heading > a {
    color: var(--muted);
    font-size: 11px;
}

.panel-heading > a:hover {
    color: var(--green);
}

.chart-legend {
    display: flex;
    gap: 14px;
}

.chart-legend span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-size: 10px;
}

.chart-legend i {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.chart-legend .reviewed {
    background: var(--green);
}

.chart-legend .accepted {
    background: rgba(185, 255, 102, 0.35);
}

.activity-chart {
    display: grid;
    height: 240px;
    grid-template-columns: repeat(7, 1fr);
    align-items: end;
    gap: 14px;
    padding-top: 20px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 100% 25%;
}

.chart-day {
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    gap: 11px;
}

.bar-column {
    display: flex;
    width: 100%;
    height: calc(100% - 22px);
    align-items: end;
    justify-content: center;
    gap: 5px;
}

.bar {
    width: min(18px, 35%);
    height: var(--height);
    min-height: 4px;
    border-radius: 6px 6px 2px 2px;
    transform-origin: bottom;
    animation: growBar 0.8s var(--ease) both;
    animation-delay: var(--delay);
}

.reviewed-bar {
    background: linear-gradient(to top, #0a9b48, var(--green));
    box-shadow: 0 0 14px rgba(69, 255, 143, 0.2);
}

.accepted-bar {
    background: linear-gradient(to top, rgba(185, 255, 102, 0.18), rgba(185, 255, 102, 0.7));
}

@keyframes growBar {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}

.chart-day > span {
    color: var(--muted);
    font-size: 9px;
}

.goal-focus-panel {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.goal-focus-panel .panel-heading {
    width: 100%;
    text-align: left;
}

.goal-orb {
    position: relative;
    display: grid;
    width: 170px;
    height: 170px;
    place-items: center;
    margin: 5px auto 18px;
}

.goal-orb svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.goal-orb circle {
    fill: none;
    stroke: rgba(255, 255, 255, 0.06);
    stroke-width: 8;
}

.goal-orb .goal-progress-ring {
    stroke: var(--green);
    stroke-linecap: round;
    stroke-dasharray: var(--progress) 100;
    filter: drop-shadow(0 0 7px rgba(69, 255, 143, 0.6));
    animation: drawRing 1.2s var(--ease) both;
}

@keyframes drawRing {
    from { stroke-dasharray: 0 100; }
}

.goal-orb > div {
    position: relative;
    display: flex;
    flex-direction: column;
}

.goal-orb strong {
    font-size: 29px;
}

.goal-orb span {
    color: var(--muted);
    font-size: 9px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.goal-summary strong,
.goal-summary span {
    display: block;
}

.goal-summary strong {
    font-size: 23px;
}

.goal-summary span,
.goal-deadline {
    color: var(--muted);
    font-size: 11px;
    text-transform: capitalize;
}

.goal-empty-visual {
    display: grid;
    width: 115px;
    height: 115px;
    place-items: center;
    margin: 18px auto 24px;
    border: 1px dashed var(--line-bright);
    border-radius: 50%;
    color: var(--green);
    font-size: 38px;
}

.activity-list {
    display: grid;
}

.activity-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 0;
    border-top: 1px solid var(--line);
    animation: activityIn 0.5s var(--ease) both;
    animation-delay: var(--delay);
}

.activity-item:first-child {
    border-top: 0;
}

@keyframes activityIn {
    from { opacity: 0; transform: translateX(-10px); }
}

.activity-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--muted);
    font-weight: 900;
}

.activity-icon.accept {
    background: rgba(69, 255, 143, 0.09);
    color: var(--green);
}

.activity-icon.decline {
    background: rgba(255, 98, 120, 0.09);
    color: var(--red);
}

.activity-copy p {
    margin-bottom: 3px;
    color: var(--text-soft);
    font-size: 12px;
}

.activity-copy small {
    color: #53655a;
    font-size: 10px;
}

.live-label {
    padding: 7px 9px;
    border-radius: 999px;
    background: rgba(69, 255, 143, 0.06);
}

.quick-start-panel {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 10%, rgba(69, 255, 143, 0.16), transparent 35%),
        linear-gradient(145deg, rgba(16, 40, 25, 0.94), rgba(6, 15, 10, 0.96));
}

.quick-start-panel > p:not(.eyebrow) {
    margin-bottom: 24px;
    color: var(--muted);
    line-height: 1.65;
}

.feature-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

.feature-pills span {
    padding: 7px 9px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: 9px;
}

.review-page {
    width: min(1420px, calc(100% - 38px));
    min-height: calc(100vh - 126px);
    margin: 0 auto;
    padding: 40px 0 70px;
}

.review-topbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 24px;
}

.review-topbar h1 {
    margin-bottom: 4px;
    font-size: clamp(34px, 4vw, 56px);
}

.session-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.live-chip {
    padding: 10px 13px;
    border: 1px solid rgba(69, 255, 143, 0.14);
    border-radius: 10px;
    background: rgba(69, 255, 143, 0.05);
}

.review-workspace {
    display: grid;
    grid-template-columns: 220px minmax(420px, 610px) 240px;
    align-items: start;
    justify-content: center;
    gap: 20px;
}

.session-rail,
.insight-rail {
    position: sticky;
    top: 100px;
}

.rail-title {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--line);
}

.rail-title > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid var(--line-bright);
    border-radius: 10px;
    background: rgba(69, 255, 143, 0.07);
    color: var(--green);
}

.rail-title strong,
.rail-title small {
    display: block;
}

.rail-title strong {
    font-size: 12px;
}

.rail-title small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 9px;
}

.shortcut-list {
    display: grid;
    gap: 9px;
    margin: 18px 0 24px;
}

.shortcut-list > div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-size: 10px;
}

kbd {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid var(--line);
    border-bottom-color: rgba(69, 255, 143, 0.35);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--text-soft);
    font-family: inherit;
    font-size: 9px;
    font-weight: 800;
    box-shadow: 0 2px 0 rgba(69, 255, 143, 0.08);
}

.session-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid var(--line);
}

.session-stat span {
    color: var(--muted);
    font-size: 10px;
}

.session-stat strong {
    color: var(--green-soft);
    font-size: 18px;
}

.session-meter {
    height: 5px;
    overflow: hidden;
    margin-top: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
}

.session-meter span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--green-deep), var(--green));
    transition: width 0.7s var(--ease);
}

.rail-note {
    margin: 18px 0 0;
    color: #56695d;
    font-size: 9px;
    line-height: 1.6;
}

.card-zone {
    position: relative;
}

.card-stack {
    position: relative;
    min-height: 670px;
    perspective: 1200px;
}

.stack-card {
    position: absolute;
    inset: 0 18px;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #0b160f;
}

.stack-card.one {
    z-index: -1;
    transform: translateY(10px) scale(0.97);
    opacity: 0.62;
}

.stack-card.two {
    z-index: -2;
    transform: translateY(20px) scale(0.94);
    opacity: 0.34;
}

.recruit-card {
    position: relative;
    z-index: 2;
    min-height: 650px;
    overflow: hidden;
    border: 1px solid rgba(120, 255, 164, 0.18);
    border-radius: 30px;
    background: linear-gradient(165deg, #112219, #07100b 72%);
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(69, 255, 143, 0.03);
    transform-origin: center bottom;
    will-change: transform, opacity;
}

.recruit-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}

.recruit-card.card-enter {
    animation: cardEnter 0.6s var(--ease) both;
}

@keyframes cardEnter {
    from {
        opacity: 0;
        transform: translateY(38px) scale(0.94) rotateX(8deg);
    }
}

.recruit-card.swipe-accept {
    animation: swipeAccept 0.52s var(--ease) forwards;
}

.recruit-card.swipe-decline {
    animation: swipeDecline 0.52s var(--ease) forwards;
}

.recruit-card.swipe-skip {
    animation: swipeSkip 0.5s var(--ease) forwards;
}

@keyframes swipeAccept {
    35% { transform: translateX(16px) rotate(1deg) scale(1.01); }
    100% { opacity: 0; transform: translate(115%, -20px) rotate(13deg) scale(0.92); }
}

@keyframes swipeDecline {
    35% { transform: translateX(-16px) rotate(-1deg) scale(1.01); }
    100% { opacity: 0; transform: translate(-115%, -20px) rotate(-13deg) scale(0.92); }
}

@keyframes swipeSkip {
    to { opacity: 0; transform: translateY(-70px) scale(0.88); filter: blur(5px); }
}

.applicant-visual {
    position: relative;
    height: 340px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 40%, rgba(69, 255, 143, 0.2), transparent 35%),
        linear-gradient(145deg, #14271c, #08110c);
}

.applicant-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(69, 255, 143, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(69, 255, 143, 0.035) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: radial-gradient(circle, black, transparent 78%);
}

.avatar-glow {
    position: absolute;
    top: 35%;
    left: 50%;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(69, 255, 143, 0.18);
    filter: blur(50px);
    transform: translate(-50%, -50%);
    animation: breathe 3.5s ease-in-out infinite;
}

@keyframes breathe {
    50% { opacity: 0.5; transform: translate(-50%, -50%) scale(1.12); }
}

.applicant-visual img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center 20%;
    opacity: 0;
    filter: saturate(0.92) contrast(1.04);
    transform: translateY(10px) scale(0.96);
    transition: opacity 0.5s ease, transform 0.7s var(--ease);
}

.applicant-visual img.loaded {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.visual-gradient {
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    height: 45%;
    background: linear-gradient(transparent, #102018 80%, #102018);
}

.avatar-fallback {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 9px;
    color: var(--muted);
}

.avatar-fallback span {
    display: grid;
    width: 86px;
    height: 86px;
    place-items: center;
    border: 1px solid var(--line-bright);
    border-radius: 50%;
    background: rgba(69, 255, 143, 0.05);
    color: var(--green);
    font-family: "Archivo Black";
    font-size: 34px;
    animation: fallbackPulse 2s ease-in-out infinite;
}

@keyframes fallbackPulse {
    50% { box-shadow: 0 0 35px rgba(69, 255, 143, 0.18); }
}

.avatar-fallback small {
    font-size: 10px;
}

.tag-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(3, 9, 5, 0.72);
    backdrop-filter: blur(12px);
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tag-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.tag-badge.tagged {
    border-color: rgba(69, 255, 143, 0.3);
    background: rgba(10, 55, 28, 0.75);
    color: var(--green-soft);
    box-shadow: 0 0 24px rgba(69, 255, 143, 0.12);
}

.tag-badge.untagged {
    border-color: rgba(255, 98, 120, 0.25);
    background: rgba(57, 14, 22, 0.74);
    color: #ff98a7;
}

.refresh-profile-button {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(3, 9, 5, 0.72);
    color: var(--text-soft);
    font-size: 9px;
    font-weight: 700;
    backdrop-filter: blur(12px);
    cursor: pointer;
    transition: 0.25s ease;
}

.refresh-profile-button:hover {
    border-color: var(--line-bright);
    color: var(--green);
}

.refresh-profile-button.spinning span {
    display: inline-block;
    animation: spin 0.8s linear infinite;
}

.applicant-content {
    position: relative;
    z-index: 3;
    min-height: 310px;
    padding: 18px 30px 27px;
    background: #102018;
}

.identity-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.identity-row h2 {
    max-width: 440px;
    overflow: hidden;
    margin: 0;
    font-size: 31px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.applicant-username {
    margin: 5px 0 0;
    color: var(--green-soft);
    font-size: 13px;
}

.roblox-link {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--muted);
    transition: 0.25s ease;
}

.roblox-link:hover {
    border-color: var(--line-bright);
    background: rgba(69, 255, 143, 0.06);
    color: var(--green);
    transform: translateY(-2px);
}

.applicant-bio {
    min-height: 40px;
    margin: 18px 0;
    color: #91a798;
    font-size: 11px;
    line-height: 1.65;
}

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

.detail-cell {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.018);
}

.detail-cell span,
.detail-cell strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-cell span {
    margin-bottom: 5px;
    color: var(--muted);
    font-size: 8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.detail-cell strong {
    font-size: 11px;
}

.claim-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    color: #607468;
    font-size: 9px;
}

.claim-timer {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--green-soft);
}

.card-loader {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 13px;
    background: rgba(5, 12, 8, 0.78);
    opacity: 0;
    backdrop-filter: blur(8px);
    transition: 0.25s ease;
}

.card-loader.visible {
    visibility: visible;
    opacity: 1;
}

.loader-ring {
    width: 43px;
    height: 43px;
    border: 3px solid rgba(69, 255, 143, 0.12);
    border-top-color: var(--green);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

.card-loader span {
    color: var(--green-soft);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.decision-stamp {
    position: absolute;
    top: 120px;
    z-index: 15;
    padding: 10px 15px;
    border: 4px solid currentColor;
    border-radius: 9px;
    font-family: "Archivo Black";
    font-size: 27px;
    letter-spacing: 0.08em;
    opacity: 0;
    transform: scale(1.3) rotate(-12deg);
}

.accept-stamp {
    left: 30px;
    color: var(--green);
}

.decline-stamp {
    right: 30px;
    color: var(--red);
    transform: scale(1.3) rotate(12deg);
}

.show-accept-stamp .accept-stamp,
.show-decline-stamp .decline-stamp {
    animation: stampIn 0.25s var(--ease) forwards;
}

@keyframes stampIn {
    to { opacity: 0.9; transform: scale(1) rotate(-8deg); }
}

.show-decline-stamp .decline-stamp {
    animation-name: stampDecline;
}

@keyframes stampDecline {
    to { opacity: 0.9; transform: scale(1) rotate(8deg); }
}

.action-dock {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 30px;
}

.round-action {
    position: relative;
    display: flex;
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: linear-gradient(145deg, #112019, #07100b);
    color: var(--muted);
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    transition: 0.3s var(--ease);
}

.round-action::before {
    content: "";
    position: absolute;
    inset: -6px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: 0.3s ease;
}

.round-action > span {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.round-action small {
    font-size: 8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.round-action:hover {
    transform: translateY(-7px) scale(1.04);
}

.round-action.accept {
    width: 92px;
    height: 92px;
    border-color: rgba(69, 255, 143, 0.4);
    background: linear-gradient(145deg, #35f77e, #0caa4e);
    color: #001a09;
    box-shadow: 0 18px 45px rgba(69, 255, 143, 0.23);
}

.round-action.accept:hover {
    box-shadow: 0 25px 60px rgba(69, 255, 143, 0.35);
}

.round-action.accept::before {
    border-color: rgba(69, 255, 143, 0.18);
}

.round-action.decline:hover {
    border-color: rgba(255, 98, 120, 0.45);
    color: var(--red);
    box-shadow: 0 18px 42px rgba(255, 98, 120, 0.12);
}

.round-action.skip:hover {
    border-color: rgba(255, 209, 102, 0.35);
    color: var(--amber);
}

.round-action:disabled {
    opacity: 0.42;
    cursor: wait;
    transform: none;
}

.action-hint {
    margin: 14px 0 0;
    color: #52645a;
    font-size: 9px;
    text-align: center;
}

.signal-list {
    display: grid;
    gap: 2px;
    margin: 17px 0;
}

.signal-row {
    display: grid;
    grid-template-columns: 8px 1fr auto;
    align-items: center;
    gap: 9px;
    padding: 11px 0;
    border-bottom: 1px solid var(--line);
    font-size: 9px;
}

.signal-row i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--muted);
}

.signal-row span {
    color: var(--muted);
}

.signal-row strong {
    font-size: 9px;
}

.signal-row.good i { background: var(--green); box-shadow: 0 0 8px var(--green); }
.signal-row.good strong { color: var(--green-soft); }
.signal-row.warn i { background: var(--amber); }
.signal-row.warn strong { color: var(--amber); }
.signal-row.bad i { background: var(--red); }
.signal-row.bad strong { color: var(--red); }
.signal-row.loading i { animation: pulse 1.4s infinite; }

.tip-card {
    margin-top: 20px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(69, 255, 143, 0.035);
}

.tip-card span {
    color: var(--green);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.tip-card p {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.6;
}

.empty-state {
    position: absolute;
    inset: 0;
    display: flex;
    min-height: 650px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.empty-state.pop-in {
    animation: emptyIn 0.6s var(--ease) both;
}

@keyframes emptyIn {
    from { opacity: 0; transform: scale(0.92); }
}

.empty-orbit {
    display: grid;
    width: 130px;
    height: 130px;
    place-items: center;
    margin-bottom: 26px;
    border: 1px solid var(--line-bright);
    border-radius: 50%;
    box-shadow: 0 0 0 18px rgba(69, 255, 143, 0.025), 0 0 55px rgba(69, 255, 143, 0.12);
    animation: float 4s ease-in-out infinite;
}

.empty-orbit span {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border-radius: 50%;
    background: rgba(69, 255, 143, 0.12);
    color: var(--green);
    font-size: 34px;
}

.empty-state > p:not(.eyebrow) {
    max-width: 380px;
    color: var(--muted);
    line-height: 1.6;
}

.empty-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.decline-sheet {
    position: fixed;
    inset: 0;
    z-index: 90;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.decline-sheet.open {
    visibility: visible;
    opacity: 1;
}

.sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    border: 0;
    background: rgba(1, 5, 3, 0.76);
    backdrop-filter: blur(8px);
}

.sheet-panel {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: min(650px, calc(100% - 24px));
    margin: 0 auto 14px;
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: #0c1811;
    box-shadow: 0 -30px 100px rgba(0, 0, 0, 0.55);
    transform: translateY(110%);
    transition: transform 0.5s var(--ease);
}

.decline-sheet.open .sheet-panel {
    transform: translateY(0);
}

.sheet-handle {
    width: 48px;
    height: 4px;
    margin: -12px auto 18px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.13);
}

.sheet-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sheet-close {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}

.reason-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 20px 0;
}

.reason-grid button {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 0 10px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    text-align: left;
    cursor: pointer;
    transition: 0.25s ease;
}

.reason-grid button > span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    color: var(--muted);
    font-size: 18px;
}

.reason-grid button strong {
    font-size: 11px;
}

.reason-grid button small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 8px;
}

.reason-grid button:hover,
.reason-grid button.selected {
    border-color: rgba(255, 98, 120, 0.38);
    background: rgba(255, 98, 120, 0.07);
}

.reason-grid button.selected > span,
.reason-grid button.selected strong {
    color: var(--red);
}

.custom-reason,
.stack-form label {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
}

input,
select,
textarea {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 11px;
    outline: 0;
    background: rgba(2, 8, 4, 0.72);
    color: var(--text);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--line-bright);
    box-shadow: 0 0 0 4px rgba(69, 255, 143, 0.055);
}

.danger-button {
    width: 100%;
    margin-top: 14px;
    background: linear-gradient(135deg, #ff6b80, #d93b54);
    color: white;
    box-shadow: 0 12px 30px rgba(255, 98, 120, 0.12);
}

.danger-button:disabled {
    opacity: 0.34;
    cursor: not-allowed;
}

.live-toast-stack {
    position: fixed;
    top: 94px;
    right: 20px;
    z-index: 110;
    display: grid;
    width: min(360px, calc(100% - 40px));
    gap: 9px;
}

.live-toast,
.toast {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(12, 25, 17, 0.95);
    color: var(--text-soft);
    font-size: 11px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(20px);
}

.live-toast {
    opacity: 0;
    transform: translateX(30px) scale(0.96);
    transition: 0.35s var(--ease);
}

.live-toast.show {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.live-toast i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 12px var(--green);
}

.live-toast.error {
    border-color: rgba(255, 98, 120, 0.32);
}

.live-toast.error i {
    background: var(--red);
    box-shadow: 0 0 12px var(--red);
}

.live-toast.neutral i {
    background: var(--amber);
    box-shadow: 0 0 12px var(--amber);
}

.toast {
    position: fixed;
    top: 92px;
    right: 20px;
    z-index: 80;
}

.toast.success {
    border-color: rgba(69, 255, 143, 0.32);
}

.toast.error {
    border-color: rgba(255, 98, 120, 0.32);
}

.particle-layer {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 120;
    pointer-events: none;
}

.particle-layer i {
    position: absolute;
    width: 7px;
    height: 12px;
    border-radius: 2px;
    background: var(--color);
    box-shadow: 0 0 8px var(--color);
    animation: particleBurst 0.9s var(--ease) forwards;
}

@keyframes particleBurst {
    to {
        opacity: 0;
        transform: translate(var(--x), var(--y)) rotate(var(--r)) scale(0.2);
    }
}

.stats-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 36px;
}

.stats-hero-total {
    min-width: 230px;
    padding: 22px;
    border: 1px solid var(--line-bright);
    border-radius: 20px;
    background: radial-gradient(circle at 100% 0, rgba(69, 255, 143, 0.14), transparent 45%), var(--surface);
}

.stats-hero-total span,
.stats-hero-total small,
.stats-hero-total strong {
    display: block;
}

.stats-hero-total span {
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.stats-hero-total strong {
    margin: 7px 0 2px;
    color: var(--green);
    font-size: 45px;
}

.stats-hero-total small {
    color: var(--muted);
    font-size: 10px;
}

.stats-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.stats-summary-grid article {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: rgba(12, 24, 17, 0.72);
}

.stats-summary-grid article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: rgba(69, 255, 143, 0.08);
    color: var(--green);
}

.stats-summary-grid strong,
.stats-summary-grid small {
    display: block;
}

.stats-summary-grid strong {
    font-size: 20px;
}

.stats-summary-grid small {
    color: var(--muted);
    font-size: 9px;
}

.stats-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.45fr);
    align-items: start;
    gap: 18px;
}

.stats-side {
    display: grid;
    gap: 18px;
}

.leaderboard-header {
    align-items: center;
}

.period-tabs {
    display: flex;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.2);
}

.period-tabs button {
    padding: 8px 11px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s ease;
}

.period-tabs button.active {
    background: rgba(69, 255, 143, 0.11);
    color: var(--green-soft);
    box-shadow: inset 0 0 0 1px rgba(69, 255, 143, 0.13);
}

.leaderboard-view {
    display: none;
}

.leaderboard-view.active {
    display: block;
}

.leaderboard-view.board-enter {
    animation: boardEnter 0.45s var(--ease) both;
}

@keyframes boardEnter {
    from { opacity: 0; transform: translateY(10px); }
}

.podium {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-bottom: 24px;
}

.podium-card {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 12px 15px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.018);
    text-align: center;
}

.podium-card.place-1 {
    border-color: rgba(69, 255, 143, 0.32);
    background: linear-gradient(145deg, rgba(69, 255, 143, 0.11), rgba(255, 255, 255, 0.018));
}

.podium-rank {
    position: absolute;
    top: 8px;
    left: 10px;
    color: var(--muted);
    font-size: 9px;
}

.staff-avatar,
.staff-cell > span {
    display: grid;
    place-items: center;
    border: 1px solid var(--line-bright);
    border-radius: 50%;
    background: linear-gradient(145deg, #1f4f31, #0a1d11);
    color: var(--green-soft);
    font-weight: 800;
}

.staff-avatar {
    width: 48px;
    height: 48px;
    margin-bottom: 9px;
}

.podium-card strong {
    max-width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.podium-card > span:not(.podium-rank) {
    margin-top: 3px;
    color: var(--muted);
    font-size: 8px;
}

.podium-score {
    width: 100%;
    height: 3px;
    overflow: hidden;
    margin-top: 12px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.05);
}

.podium-score i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--green);
}

.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

th,
td {
    padding: 13px 10px;
    border-top: 1px solid var(--line);
    text-align: left;
    white-space: nowrap;
}

th {
    color: var(--muted);
    font-size: 8px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

tbody tr {
    transition: background 0.2s ease;
}

tbody tr:hover {
    background: rgba(69, 255, 143, 0.025);
}

.rank-number {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--muted);
    font-size: 9px;
}

.staff-cell {
    display: flex;
    align-items: center;
    gap: 8px;
}

.staff-cell > span {
    width: 28px;
    height: 28px;
    font-size: 9px;
}

.rate-pill {
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(69, 255, 143, 0.07);
    color: var(--green-soft);
    font-size: 9px;
}

.empty-table {
    padding: 35px;
    color: var(--muted);
    text-align: center;
}

.goal-list {
    display: grid;
    gap: 10px;
}

.goal-list-item {
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.018);
}

.goal-person {
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    gap: 9px;
}

.goal-person > span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    background: rgba(69, 255, 143, 0.08);
    color: var(--green);
    font-weight: 800;
}

.goal-person strong,
.goal-person small {
    display: block;
}

.goal-person strong {
    font-size: 10px;
}

.goal-person small {
    color: var(--muted);
    font-size: 8px;
    text-transform: capitalize;
}

.goal-person em {
    color: var(--green-soft);
    font-size: 10px;
    font-style: normal;
}

.goal-bar {
    height: 5px;
    overflow: hidden;
    margin: 12px 0 7px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.05);
}

.goal-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--green-deep), var(--green));
    box-shadow: 0 0 12px rgba(69, 255, 143, 0.25);
}

.goal-meta {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: 8px;
}

.stack-form {
    display: grid;
    gap: 13px;
}

.form-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.access-badge {
    padding: 6px 8px;
    border: 1px solid rgba(69, 255, 143, 0.2);
    border-radius: 999px;
    background: rgba(69, 255, 143, 0.06);
    color: var(--green-soft) !important;
    font-size: 8px !important;
    text-transform: uppercase;
}

.permission-note {
    margin: 13px 0 0;
    color: #52645a;
    font-size: 8px;
    line-height: 1.5;
}

.empty-mini {
    padding: 30px 0;
    color: var(--muted);
    font-size: 11px;
    text-align: center;
}

.login-shell {
    display: grid;
    min-height: calc(100vh - 50px);
    grid-template-columns: 1fr 1fr;
}

.login-card {
    display: flex;
    width: min(550px, calc(100% - 50px));
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin: auto;
}

.hero-mark {
    width: 62px;
    height: 62px;
    margin-bottom: 40px;
    font-size: 28px;
}

.login-card h1 {
    font-size: clamp(48px, 6vw, 82px);
}

.login-copy {
    max-width: 490px;
    margin: 12px 0 30px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.75;
}

.discord-button {
    background: linear-gradient(135deg, #45ff8f, #1bc863);
    color: #001a09;
    box-shadow: 0 14px 36px rgba(69, 255, 143, 0.2);
}

.login-note {
    margin: 16px 0 0;
    color: #54675b;
    font-size: 10px;
}

.login-art {
    position: relative;
    display: grid;
    overflow: hidden;
    place-items: center;
    border-left: 1px solid var(--line);
    background:
        radial-gradient(circle at 50% 45%, rgba(69, 255, 143, 0.16), transparent 28%),
        linear-gradient(145deg, rgba(69, 255, 143, 0.05), rgba(4, 8, 6, 0.4));
}

.art-copy {
    z-index: 2;
    color: rgba(120, 255, 163, 0.055);
    font-family: "Archivo Black";
    font-size: clamp(65px, 9vw, 140px);
    line-height: 0.78;
    letter-spacing: -0.08em;
    transform: rotate(-7deg);
}

.orbit {
    position: absolute;
    width: 580px;
    height: 580px;
    border: 1px solid rgba(69, 255, 143, 0.14);
    border-radius: 50%;
    animation: spin 30s linear infinite;
}

.orbit-one::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 90px rgba(69, 255, 143, 0.7);
    filter: blur(3px);
}

.orbit-two {
    width: 380px;
    height: 380px;
    animation-direction: reverse;
    animation-duration: 20s;
}

.error-shell {
    display: flex;
    min-height: calc(100vh - 50px);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    text-align: center;
}

.error-shell p:not(.eyebrow) {
    max-width: 600px;
    color: var(--muted);
}

.error-shell .primary-button {
    margin-top: 20px;
}

.site-footer {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--line);
    color: #405147;
    font-size: 9px;
}

.site-footer span {
    margin: 0 8px;
    color: var(--green);
}

@media (max-width: 1180px) {
    .review-workspace {
        grid-template-columns: minmax(420px, 610px) 230px;
    }

    .session-rail {
        display: none;
    }

    .stats-layout {
        grid-template-columns: 1fr;
    }

    .stats-side {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 980px) {
    .dashboard-hero {
        min-height: 360px;
        grid-template-columns: 1fr;
    }

    .hero-orbit {
        display: none;
    }

    .metric-grid,
    .stats-summary-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-main-grid,
    .dashboard-lower-grid {
        grid-template-columns: 1fr;
    }

    .review-workspace {
        grid-template-columns: minmax(0, 610px);
    }

    .insight-rail {
        display: none;
    }

    .login-shell {
        grid-template-columns: 1fr;
    }

    .login-art {
        display: none;
    }

    .login-card {
        min-height: calc(100vh - 50px);
    }
}

@media (max-width: 700px) {
    h1 {
        font-size: 45px;
    }

    .site-header {
        height: auto;
        min-height: 68px;
        flex-wrap: wrap;
        gap: 12px;
        padding: 12px 15px 0;
    }

    .brand {
        min-width: 0;
    }

    .brand > span:last-child,
    .user-menu > div {
        display: none;
    }

    nav {
        order: 3;
        width: 100%;
        height: 42px;
        justify-content: space-around;
        gap: 0;
    }

    nav a {
        flex: 1;
    }

    .page-shell,
    .review-page {
        width: min(100% - 24px, 1320px);
        padding-top: 36px;
    }

    .dashboard-hero {
        min-height: auto;
        margin-bottom: 35px;
    }

    .hero-actions,
    .stats-hero,
    .review-topbar {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-actions > *,
    .stats-hero-total {
        width: 100%;
    }

    .metric-grid,
    .stats-summary-grid {
        gap: 8px;
    }

    .metric-card {
        min-height: 165px;
        padding: 16px;
    }

    .metric-card > strong {
        font-size: 32px;
    }

    .glass-panel {
        padding: 18px;
        border-radius: 18px;
    }

    .activity-chart {
        gap: 5px;
    }

    .chart-legend {
        display: none;
    }

    .stats-side {
        grid-template-columns: 1fr;
    }

    .leaderboard-header {
        align-items: stretch;
        flex-direction: column;
    }

    .period-tabs {
        width: 100%;
    }

    .period-tabs button {
        flex: 1;
    }

    .podium {
        grid-template-columns: 1fr;
    }

    .podium-card {
        display: grid;
        grid-template-columns: 42px 1fr auto;
        align-items: center;
        gap: 9px;
        text-align: left;
    }

    .podium-card .staff-avatar {
        grid-row: span 2;
        width: 42px;
        height: 42px;
        margin: 0;
    }

    .podium-card > span:not(.podium-rank) {
        grid-column: 2;
    }

    .podium-score {
        grid-column: 3;
        grid-row: 1 / span 2;
        width: 50px;
    }

    .review-topbar {
        align-items: flex-start;
    }

    .session-controls {
        width: 100%;
        justify-content: space-between;
    }

    .card-stack {
        min-height: 625px;
    }

    .recruit-card,
    .empty-state {
        min-height: 605px;
        border-radius: 23px;
    }

    .applicant-visual {
        height: 310px;
    }

    .applicant-content {
        min-height: 295px;
        padding: 14px 20px 22px;
    }

    .identity-row h2 {
        font-size: 25px;
    }

    .detail-grid {
        gap: 5px;
    }

    .detail-cell {
        padding: 10px 8px;
    }

    .refresh-profile-button {
        width: 37px;
        height: 37px;
        justify-content: center;
        padding: 0;
    }

    .refresh-profile-button:not(.spinning) span {
        font-size: 16px;
    }

    .refresh-profile-button {
        font-size: 0;
    }

    .action-dock {
        gap: 14px;
    }

    .round-action {
        width: 68px;
        height: 68px;
    }

    .round-action.accept {
        width: 84px;
        height: 84px;
    }

    .reason-grid {
        grid-template-columns: 1fr;
    }

    .sheet-panel {
        padding: 21px;
    }

    .form-pair {
        grid-template-columns: 1fr;
    }

    .login-card {
        width: calc(100% - 36px);
    }

    .login-card h1 {
        font-size: 48px;
    }
}

@media (max-width: 430px) {
    .metric-grid,
    .stats-summary-grid {
        grid-template-columns: 1fr;
    }

    .metric-card {
        min-height: 145px;
    }

    .review-page {
        width: calc(100% - 16px);
    }

    .review-topbar h1 {
        font-size: 37px;
    }

    .live-chip {
        display: none;
    }

    .card-stack {
        min-height: 590px;
    }

    .recruit-card,
    .empty-state {
        min-height: 570px;
    }

    .applicant-visual {
        height: 280px;
    }

    .applicant-content {
        min-height: 290px;
    }

    .applicant-bio {
        max-height: 36px;
        overflow: hidden;
    }

    .claim-row > span {
        display: none;
    }

    .claim-row {
        justify-content: flex-end;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

/* Shared page transitions */
.page-transition {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    visibility: visible;
    place-items: center;
    background: #031008;
    opacity: 1;
    pointer-events: all;
    transition: opacity .55s var(--ease), visibility .55s;
}

.page-transition::before,
.page-transition::after {
    content: "";
    position: absolute;
    width: 38vw;
    height: 38vw;
    border: 1px solid rgba(69,255,143,.15);
    border-radius: 50%;
    animation: transitionOrbit 4s linear infinite;
}

.page-transition::after {
    width: 24vw;
    height: 24vw;
    animation-direction: reverse;
    animation-duration: 2.8s;
}

.page-transition i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 30px 8px rgba(69,255,143,.45);
}

.page-transition span {
    position: relative;
    color: var(--green);
    font-family: "Archivo Black";
    font-size: 26px;
    letter-spacing: .2em;
}

.page-transition.ready {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.page-transition.leaving {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

@keyframes transitionOrbit { to { transform: rotate(360deg); } }

.manager-nav {
    color: var(--green-soft) !important;
}

.manager-nav::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 10px var(--green);
}

/* Universal login */
.universal-login .login-art {
    isolation: isolate;
}

.login-role-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -10px 0 28px;
}

.login-role-row span {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: 9px;
}

.login-role-row i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 8px var(--green);
}

.portal-preview {
    position: absolute;
    z-index: 3;
    width: 230px;
    padding: 16px;
    border: 1px solid var(--line-bright);
    border-radius: 16px;
    background: rgba(7,20,12,.76);
    box-shadow: 0 20px 55px rgba(0,0,0,.35), var(--glow);
    backdrop-filter: blur(18px);
    animation: previewFloat 5s ease-in-out infinite;
}

.portal-preview small,
.portal-preview strong {
    display: block;
}

.portal-preview small {
    margin-bottom: 6px;
    color: var(--green);
    font-size: 8px;
    letter-spacing: .16em;
}

.portal-preview strong {
    font-size: 12px;
}

.portal-preview i {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 99px;
    background: linear-gradient(90deg,var(--green) 65%,rgba(255,255,255,.06) 65%);
}

.member-preview { top: 18%; left: 10%; transform: rotate(-4deg); }
.staff-preview { top: 45%; right: 8%; animation-delay: -1.7s; transform: rotate(3deg); }
.manager-preview { bottom: 13%; left: 16%; animation-delay: -3.2s; transform: rotate(-2deg); }

@keyframes previewFloat {
    0%,100% { translate: 0 0; }
    50% { translate: 0 -13px; }
}

/* Member portal */
.member-page {
    max-width: 1220px;
}

.member-hero {
    display: grid;
    min-height: 400px;
    grid-template-columns: 1.25fr .75fr;
    align-items: center;
    gap: 50px;
}

.member-emblem {
    position: relative;
    display: grid;
    width: 300px;
    height: 300px;
    place-items: center;
    justify-self: center;
}

.member-emblem::before,
.member-emblem::after,
.member-emblem > i {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(69,255,143,.14);
    border-radius: 50%;
    animation: spin 24s linear infinite;
}

.member-emblem::after {
    inset: 18%;
    border-style: dashed;
    animation-direction: reverse;
    animation-duration: 16s;
}

.member-emblem > i:nth-of-type(1) { inset: 33%; animation-duration: 9s; }
.member-emblem > i:nth-of-type(2) { inset: 5%; border-color: rgba(69,255,143,.04); animation-direction: reverse; }
.member-emblem > i:nth-of-type(3) { inset: 44%; background: rgba(69,255,143,.08); box-shadow: 0 0 60px rgba(69,255,143,.17); }

.member-emblem > span {
    position: relative;
    z-index: 2;
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    border-radius: 24px;
    background: linear-gradient(145deg,var(--green),var(--green-deep));
    color: #001a09;
    font-family: "Archivo Black";
    font-size: 47px;
    box-shadow: 0 20px 60px rgba(69,255,143,.25);
    animation: emblemHover 4s ease-in-out infinite;
}

@keyframes emblemHover { 50% { transform: translateY(-10px) rotate(3deg); } }

.member-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 18px;
}

.member-profile-card {
    min-height: 490px;
}

.member-state {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--line-bright);
    border-radius: 999px;
    color: var(--green-soft) !important;
}

.member-state i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    animation: pulse 2s infinite;
}

.member-profile-content {
    display: flex;
    align-items: center;
    gap: 23px;
    min-height: 190px;
    padding: 25px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: radial-gradient(circle at 15% 20%,rgba(69,255,143,.1),transparent 42%),rgba(255,255,255,.018);
}

.member-avatar-wrap {
    position: relative;
    display: grid;
    width: 125px;
    height: 125px;
    flex: 0 0 125px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--line-bright);
    border-radius: 28px;
    background: #0a1710;
    color: var(--green);
    font-family: "Archivo Black";
    font-size: 40px;
}

.member-avatar-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online-ring {
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(69,255,143,.35);
    border-radius: 23px;
    animation: ringPulse 2.5s ease-in-out infinite;
}

@keyframes ringPulse { 50% { opacity:.25; transform:scale(.96); } }

.empty-avatar span { animation: fallbackPulse 2s infinite; }

.member-identity h2 {
    margin: 0;
    font-size: 30px;
}

.member-identity p {
    margin: 5px 0 18px;
    color: var(--green-soft);
}

.member-identity a {
    color: var(--muted);
    font-size: 11px;
    transition: color .2s;
}

.member-identity a:hover { color:var(--green); }

.member-link-form {
    display: grid;
    gap: 8px;
    margin-top: 24px;
}

.member-link-form > label {
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
}

.member-link-form > div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px;
}

.member-link-form small {
    color: #506258;
    font-size: 9px;
}

.loading-button b {
    animation: spin .7s linear infinite;
}

.application-status-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.status-orb {
    position: relative;
    display: grid;
    width: 115px;
    height: 115px;
    place-items: center;
    margin: 12px auto 22px;
    border: 1px solid var(--line-bright);
    border-radius: 50%;
    background: rgba(69,255,143,.05);
    box-shadow: 0 0 0 13px rgba(69,255,143,.018),0 0 45px rgba(69,255,143,.12);
}

.status-orb::before {
    content:"";
    position:absolute;
    inset:-10px;
    border:1px dashed rgba(69,255,143,.18);
    border-radius:50%;
    animation:spin 12s linear infinite;
}

.status-orb span {
    color: var(--green);
    font-size: 40px;
}

.status-declined { border-color:rgba(255,98,120,.35); background:rgba(255,98,120,.06); }
.status-declined span { color:var(--red); }

.application-status-card > p:not(.eyebrow) {
    max-width: 380px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
}

.status-timeline {
    display: grid;
    width: 100%;
    gap: 0;
    margin-top: 18px;
    text-align: left;
}

.status-timeline > div {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    color: #53655a;
    font-size: 10px;
}

.status-timeline i {
    position: relative;
    z-index: 2;
    width: 13px;
    height: 13px;
    border: 2px solid #405047;
    border-radius: 50%;
    background: var(--surface-strong);
}

.status-timeline > div:not(:last-child)::after {
    content:"";
    position:absolute;
    top:28px;
    bottom:-16px;
    left:6px;
    width:1px;
    background:var(--line);
}

.status-timeline .done { color:var(--text-soft); }
.status-timeline .done i { border-color:var(--green); background:var(--green); box-shadow:0 0 12px rgba(69,255,143,.4); }

.member-tag-card,
.member-help-card {
    min-height: 240px;
}

.member-tag-card {
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    gap: 25px;
}

.tag-scan {
    position: relative;
    display: grid;
    height: 150px;
    place-items: center;
    overflow:hidden;
    border:1px solid var(--line-bright);
    border-radius:20px;
    background:repeating-linear-gradient(0deg,rgba(69,255,143,.025) 0 1px,transparent 1px 15px),rgba(69,255,143,.035);
}

.tag-scan strong {
    color:var(--green);
    font-size:11px;
    letter-spacing:.15em;
}

.scan-line {
    position:absolute;
    right:0;
    left:0;
    height:1px;
    background:var(--green);
    box-shadow:0 0 14px 2px var(--green);
    animation:scan 2.8s ease-in-out infinite;
}

@keyframes scan { 0%,100%{top:12%} 50%{top:88%} }

.member-tag-card p:last-child,
.member-help-card p { color:var(--muted);font-size:11px;line-height:1.6; }

.member-steps {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:18px;
}

.member-steps > div {
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px;
    border:1px solid var(--line);
    border-radius:11px;
}

.member-steps span {
    display:grid;
    width:25px;
    height:25px;
    flex:0 0 25px;
    place-items:center;
    border-radius:7px;
    background:rgba(69,255,143,.08);
    color:var(--green);
    font-size:9px;
    font-weight:800;
}

.member-steps p { margin:0; }

/* Manager center */
.manager-page { max-width:1450px; }

.manager-hero {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:35px;
    margin-bottom:35px;
}

.manager-clearance {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:20px;
    padding:8px 11px;
    border:1px solid rgba(69,255,143,.2);
    border-radius:999px;
    color:var(--green-soft);
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.manager-clearance i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green); }

.api-health-card {
    display:flex;
    min-width:290px;
    align-items:center;
    gap:17px;
    padding:20px;
    border:1px solid var(--line-bright);
    border-radius:20px;
    background:rgba(9,26,15,.75);
    box-shadow:var(--glow);
}

.api-radar {
    position:relative;
    width:64px;
    height:64px;
    flex:0 0 64px;
    overflow:hidden;
    border:1px solid rgba(69,255,143,.22);
    border-radius:50%;
    background:repeating-radial-gradient(circle,transparent 0 10px,rgba(69,255,143,.07) 11px 12px);
}

.api-radar::after {
    content:"";
    position:absolute;
    inset:50% 0 0 50%;
    background:linear-gradient(35deg,rgba(69,255,143,.25),transparent 55%);
    transform-origin:0 0;
    animation:radar 2s linear infinite;
}

@keyframes radar { to { transform:rotate(360deg); } }

.api-radar i { position:absolute;width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green); }
.api-radar i:first-child { top:20px;left:38px; }.api-radar i:nth-child(2){top:42px;left:20px;}
.api-health-card small,.api-health-card strong,.api-health-card p { display:block;margin:0; }
.api-health-card small{color:var(--muted);font-size:8px;letter-spacing:.12em}.api-health-card strong{margin:4px 0;color:var(--green-soft)}.api-health-card p{color:var(--muted);font-size:9px}.api-health-card.offline{border-color:rgba(255,98,120,.3)}.api-health-card.offline strong{color:var(--red)}

.manager-metrics {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:11px;
    margin-bottom:18px;
}

.manager-metrics article {
    display:flex;
    align-items:center;
    gap:13px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:15px;
    background:rgba(12,24,17,.72);
    transition:.3s var(--ease);
}

.manager-metrics article:hover { transform:translateY(-4px);border-color:var(--line-bright); }
.manager-metrics article>span{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:rgba(69,255,143,.08);color:var(--green)}
.manager-metrics strong,.manager-metrics small{display:block}.manager-metrics strong{font-size:22px}.manager-metrics small{color:var(--muted);font-size:9px}

.manager-layout { display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px; }
.manager-main-column,.manager-side-column { display:grid;gap:18px; }
.manager-side-column { position:sticky;top:95px; }

.emergency-panel { position:relative;overflow:hidden;border-color:rgba(69,255,143,.28);background:radial-gradient(circle at 100% 0,rgba(69,255,143,.13),transparent 35%),linear-gradient(145deg,rgba(17,43,26,.9),rgba(7,17,11,.96)); }
.danger-zone-badge { padding:6px 9px;border:1px solid rgba(69,255,143,.2);border-radius:999px;color:var(--green-soft)!important;text-transform:uppercase;letter-spacing:.1em; }
.accept-all-preview { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.14); }
.accept-all-preview>div{display:flex;align-items:baseline;gap:8px}.accept-all-preview strong{font-family:"Archivo Black";font-size:40px;color:var(--green)}.accept-all-preview span{color:var(--muted);font-size:10px}.accept-all-preview p{max-width:420px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.accept-all-preview b{color:var(--green-soft)}
.accept-all-controls{display:grid;grid-template-columns:1fr auto;gap:9px}.accept-all-controls button:disabled{opacity:.35;cursor:not-allowed}
.bulk-progress{margin-top:18px}.bulk-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.bulk-progress>i{display:block;height:7px;margin-top:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.bulk-progress b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-deep),var(--green));box-shadow:0 0 12px var(--green);transition:width .8s var(--ease)}

.queue-toolbar { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px; }
.queue-tools { display:flex;gap:8px; }.queue-tools input{width:220px}.queue-tools select{width:150px}
.bulk-toolbar { display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018); }
.bulk-toolbar label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.bulk-toolbar label input{width:14px;min-height:14px}.bulk-toolbar>span{margin-right:auto;color:var(--green-soft);font-size:9px}.bulk-toolbar button,.claim-panel button,.queue-claim button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:var(--text-soft);font-size:8px;cursor:pointer;transition:.2s}.bulk-toolbar button:hover,.claim-panel button:hover,.queue-claim button:hover{border-color:var(--line-bright);color:var(--green)}.bulk-toolbar .decline-control:hover{border-color:rgba(255,98,120,.3);color:var(--red)}
.manager-queue { max-height:620px;overflow:auto;margin-top:13px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(69,255,143,.24) transparent; }
.queue-row { display:grid;grid-template-columns:27px 40px minmax(150px,1fr) 68px 80px 100px;align-items:center;gap:10px;padding:11px 8px;border-top:1px solid var(--line);transition:opacity .25s,transform .25s,background .2s; }
.queue-row:hover{background:rgba(69,255,143,.025)}.queue-row[hidden]{display:none}.queue-check{position:relative;display:grid;place-items:center}.queue-check input{width:15px;min-height:15px;accent-color:var(--green)}
.queue-avatar{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#0b1810;color:var(--green);font-weight:800}.queue-avatar img{width:100%;height:100%;object-fit:cover}.queue-identity{min-width:0}.queue-identity strong,.queue-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-identity strong{font-size:10px}.queue-identity span{margin-top:3px;color:var(--muted);font-size:8px}.queue-tag{padding:5px;border-radius:999px;text-align:center;font-size:7px;font-weight:800}.queue-tag.good{background:rgba(69,255,143,.08);color:var(--green)}.queue-tag.bad{background:rgba(255,98,120,.07);color:var(--red)}.queue-age{color:var(--muted);font-size:8px}.queue-claim{display:flex;align-items:center;justify-content:flex-end;gap:6px}.queue-claim strong,.queue-claim span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}

.claim-list,.promotion-list { display:grid;gap:7px; }
.claim-list>div,.promotion-list>a { display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);transition:.25s var(--ease); }
.claim-list>div>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:rgba(69,255,143,.08);color:var(--green);font-size:9px;font-weight:800}.claim-list p{min-width:0;flex:1;margin:0}.claim-list strong,.claim-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claim-list strong{font-size:9px}.claim-list small{margin-top:2px;color:var(--muted);font-size:8px}.claim-list button{margin-left:auto}
.promotion-list>a:hover{border-color:var(--line-bright);transform:translateX(4px)}.promotion-list>a>div:nth-child(2){min-width:0;flex:1}.promotion-list strong,.promotion-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-list strong{font-size:10px}.promotion-list small{margin-top:3px;color:var(--muted);font-size:8px}.promotion-list b{color:var(--green)}
.readiness-ring{--value:calc(var(--score)*1%);display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:50%;background:conic-gradient(var(--green) var(--value),rgba(255,255,255,.06) 0);position:relative}.readiness-ring::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#0b1710}.readiness-ring span{position:relative;font-size:8px;font-weight:800}

.audit-list{max-height:450px;overflow:auto}.audit-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.audit-action{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:rgba(69,255,143,.07);color:var(--green)}.audit-row p{margin:3px 0 0;color:var(--muted);font-size:9px}.audit-row strong{font-size:9px}.audit-row time{color:#516359;font-size:8px}.compact{min-height:36px;padding:0 12px;font-size:9px}

.manager-dialog{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.3s}.manager-dialog.open{visibility:visible;opacity:1}.dialog-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(1,5,3,.78);backdrop-filter:blur(8px)}.dialog-card{position:absolute;top:50%;left:50%;width:min(470px,calc(100% - 28px));padding:27px;border:1px solid var(--line);border-radius:22px;background:#0d1912;box-shadow:var(--shadow);transform:translate(-50%,-45%) scale(.94);transition:.4s var(--ease)}.manager-dialog.open .dialog-card{transform:translate(-50%,-50%) scale(1)}.dialog-card>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-card .danger-button{width:auto;margin:0}

/* Staff profile */
.back-link{display:inline-flex;margin-bottom:25px;color:var(--muted);font-size:10px}.back-link:hover{color:var(--green)}
.staff-profile-hero{display:grid;grid-template-columns:110px 1fr 260px;align-items:center;gap:24px;margin-bottom:26px}.staff-profile-avatar{display:grid;width:105px;height:105px;place-items:center;border:1px solid var(--line-bright);border-radius:28px;background:linear-gradient(145deg,#1c4c2e,#09170f);color:var(--green);font-family:"Archivo Black";font-size:42px;box-shadow:var(--glow)}.staff-profile-hero h1{margin:0;font-size:55px}.staff-profile-hero p{margin:5px 0 0;color:var(--muted);font-size:10px}.readiness-score{padding:19px;border:1px solid var(--line-bright);border-radius:18px;background:rgba(69,255,143,.04)}.readiness-score span,.readiness-score strong{display:block}.readiness-score span{color:var(--muted);font-size:9px}.readiness-score strong{margin:4px 0;font-family:"Archivo Black";font-size:37px;color:var(--green)}.readiness-score>i{display:block;height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.readiness-score b{display:block;height:100%;background:var(--green);box-shadow:0 0 10px var(--green)}
.staff-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px}.staff-stat-block span,.staff-stat-block strong,.staff-stat-block small{display:block}.staff-stat-block span{color:var(--muted);font-size:9px}.staff-stat-block strong{margin:5px 0;font-size:34px}.staff-stat-block small{color:#516359;font-size:8px}
.staff-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.staff-note-form{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:start}.staff-note-form textarea{min-height:75px;padding:12px;resize:vertical}.staff-note-list,.decision-history{display:grid;gap:8px;max-height:480px;overflow:auto;margin-top:18px}.staff-note{padding:12px;border:1px solid var(--line);border-radius:11px}.staff-note>span{color:var(--green);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.staff-note.warning{border-color:rgba(255,98,120,.25)}.staff-note.warning>span{color:var(--red)}.staff-note.praise{border-color:rgba(185,255,102,.22)}.staff-note p{margin:6px 0;color:var(--text-soft);font-size:10px;line-height:1.5}.staff-note small{color:var(--muted);font-size:8px}.decision-history>div{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid var(--line)}.decision-history>div>span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px}.decision-history .accept{background:rgba(69,255,143,.08);color:var(--green)}.decision-history .decline{background:rgba(255,98,120,.08);color:var(--red)}.decision-history p{margin:0}.decision-history strong,.decision-history small{display:block}.decision-history strong{font-size:9px}.decision-history small{margin-top:3px;color:var(--muted);font-size:8px}.staff-goal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.staff-goal-list>div{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:11px}.staff-goal-list p{margin:0}.staff-goal-list strong,.staff-goal-list small{display:block}.staff-goal-list strong{font-size:10px}.staff-goal-list small{margin-top:3px;color:var(--muted);font-size:8px}.staff-goal-list button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--green-soft);font-size:8px;cursor:pointer}

@media(max-width:1100px){.manager-layout{grid-template-columns:1fr}.manager-side-column{position:static;grid-template-columns:1fr 1fr}.staff-detail-grid{grid-template-columns:1fr}.staff-profile-hero{grid-template-columns:100px 1fr}.readiness-score{grid-column:1/-1}.member-grid{grid-template-columns:1fr}.member-hero{grid-template-columns:1fr}.member-emblem{display:none}}
@media(max-width:800px){.manager-hero{align-items:stretch;flex-direction:column}.api-health-card{min-width:0}.manager-metrics,.staff-profile-grid{grid-template-columns:1fr 1fr}.queue-toolbar{align-items:stretch;flex-direction:column}.queue-tools{display:grid;grid-template-columns:1fr 1fr}.queue-tools input,.queue-tools select{width:100%}.bulk-toolbar{flex-wrap:wrap}.queue-row{grid-template-columns:25px 38px 1fr 65px}.queue-age{display:none}.queue-claim{grid-column:3/-1;justify-content:flex-start}.manager-side-column{grid-template-columns:1fr}.staff-note-form{grid-template-columns:1fr}.staff-goal-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.portal-preview{display:none}.member-profile-content{align-items:flex-start;flex-direction:column}.member-avatar-wrap{width:100px;height:100px;flex-basis:100px}.member-link-form>div{grid-template-columns:1fr}.member-link-form button{width:100%}.member-tag-card{grid-template-columns:1fr}.tag-scan{height:100px}.member-steps{grid-template-columns:1fr}.manager-metrics,.staff-profile-grid{grid-template-columns:1fr}.accept-all-preview{align-items:flex-start;flex-direction:column}.accept-all-controls{grid-template-columns:1fr}.queue-tools{grid-template-columns:1fr}.bulk-toolbar button{flex:1}.queue-row{grid-template-columns:24px 35px 1fr}.queue-tag{display:none}.staff-profile-hero{grid-template-columns:75px 1fr}.staff-profile-avatar{width:72px;height:72px;border-radius:20px;font-size:29px}.staff-profile-hero h1{font-size:38px}.staff-goal-list{grid-template-columns:1fr}.audit-row{grid-template-columns:30px 1fr}.audit-row time{grid-column:2}}
.risk-label { color: var(--amber); font-size: 7px; }
.queue-row.profile-recovered { animation: profileRecovered .75s var(--ease); }
@keyframes profileRecovered { 50% { background: rgba(69,255,143,.12); transform: translateX(5px); } }
.queue-row.unlinked-applicant { background: linear-gradient(90deg, rgba(255, 98, 120, .055), transparent 65%); }
.queue-row.unlinked-applicant:hover { background: linear-gradient(90deg, rgba(255, 98, 120, .09), rgba(69,255,143,.02)); }
.queue-tag.linked { background: rgba(69,255,143,.08); color: var(--green); }
.queue-tag.unlinked { background: rgba(255,98,120,.08); color: var(--red); }
.risk-label.unlinked { color: var(--red); }
.round-action.accept:disabled { border-color: rgba(255, 98, 120, .25); color: #ff98a7; cursor: not-allowed; filter: grayscale(.35); }

/* Zoom-safe responsive behavior */
html { min-width: 280px; }
body, main, section, article, aside, div { min-width: 0; }
.site-header nav { display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.site-header nav::-webkit-scrollbar { display: none; }
.site-header nav a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; white-space: nowrap; }
.manager-nav::before { flex: 0 0 6px; margin-top: 0; }
.manager-layout, .member-grid, .review-workspace, .dashboard-main-grid, .dashboard-lower-grid { min-width: 0; }
.glass-panel { max-width: 100%; overflow-wrap: anywhere; }

@media (max-width:1180px) {
    .review-workspace { grid-template-columns: minmax(0, 1fr); }
    .session-rail, .insight-rail { position: static; display: grid; width: 100%; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); }
}

@media (max-width:980px) {
    .hero-orbit { display: block; width: min(330px, 78vw); margin: 10px auto 0; }
    .insight-rail { display: grid; }
    .login-art { display: grid; min-height: 260px; }
    .login-shell { min-height: 100vh; }
    .login-card { min-height: auto; }
}

@media (max-width:700px) {
    .site-header { overflow: visible; }
    .site-header nav { width: 100%; padding-bottom: 10px; }
    .brand > span:last-child { display: block; }
    .user-menu > div { display: none; }
    .hero-orbit { width: min(280px, 82vw); }
    .login-art { min-height: 210px; }
}

/* Manager member intelligence */
.manager-intelligence { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr); gap: 18px; margin-top: 18px; }
.inactive-total { flex: 0 0 auto; padding: 7px 11px; border: 1px solid rgba(255, 113, 113, .25); border-radius: 999px; background: rgba(255, 90, 90, .08); color: #ff9b9b; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.intelligence-table { margin-top: 18px; overflow-x: auto; }
.intelligence-head, .intelligence-row { display: grid; min-width: 680px; grid-template-columns: 1.1fr 1fr 1.35fr 90px; align-items: center; gap: 14px; }
.intelligence-head { padding: 0 12px 9px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.intelligence-row { padding: 12px; border-top: 1px solid var(--line); transition: background .25s ease, transform .25s ease; }
.intelligence-row:hover { background: rgba(69, 255, 143, .035); transform: translateX(3px); }
.intelligence-row > span { display: grid; gap: 3px; }
.intelligence-row strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.intelligence-row small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.activity-badge { justify-self: start; padding: 6px 8px; border-radius: 7px; font-size: 8px; letter-spacing: .1em; }
.activity-badge.active { border: 1px solid rgba(69,255,143,.25); background: rgba(69,255,143,.08); color: var(--green); }
.activity-badge.inactive { border: 1px solid rgba(255,113,113,.25); background: rgba(255,90,90,.08); color: #ff9b9b; }
.link-log-list { display: grid; max-height: 520px; margin-top: 18px; overflow: auto; }
.link-log-list > a { display: grid; grid-template-columns: 38px minmax(0, .85fr) minmax(0, 1fr); align-items: center; gap: 10px; padding: 12px 3px; border-top: 1px solid var(--line); color: inherit; text-decoration: none; transition: padding .25s ease, background .25s ease; }
.link-log-list > a:hover { padding-left: 9px; background: rgba(69,255,143,.035); }
.link-log-list > a > span:not(.link-log-avatar) { display: grid; min-width: 0; gap: 2px; }
.link-log-list strong, .link-log-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link-log-list strong { font-size: 11px; }
.link-log-list small, .link-log-list time { color: var(--muted); font-size: 8px; }
.link-log-list time { grid-column: 2 / -1; padding-left: 1px; }
.link-log-avatar { display: grid; width: 36px; height: 36px; grid-row: span 2; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--green-dim); color: var(--green); font-weight: 900; }
.link-log-avatar img { width: 100%; height: 100%; object-fit: cover; }
.status-orb.status-updated { animation: statusUpdated .85s var(--ease); }
@keyframes statusUpdated { 35% { transform: scale(1.12) rotate(3deg); filter: brightness(1.3); } }

.link-caution { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; margin-bottom: 14px; padding: 12px; border: 1px solid rgba(255, 190, 75, .3); border-radius: 12px; background: linear-gradient(120deg, rgba(255, 179, 47, .11), rgba(255, 179, 47, .035)); }
.link-caution b { padding: 5px 7px; border-radius: 6px; background: rgba(255, 179, 47, .15); color: var(--amber); font-size: 8px; letter-spacing: .13em; }
.link-caution p { margin: 0; color: #e7d8b6; font-size: 11px; line-height: 1.5; }
.link-confirmation { display: flex !important; align-items: flex-start; gap: 9px; margin-top: 11px; color: var(--muted); font-size: 10px !important; line-height: 1.45; cursor: pointer; }
.link-confirmation input { width: 15px; height: 15px; margin-top: 1px; accent-color: var(--green); }
.member-link-form button:disabled { opacity: .42; cursor: not-allowed; filter: grayscale(.5); }

.tracker-health { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(69, 255, 143, .2); border-radius: 999px; background: rgba(69, 255, 143, .06); color: var(--green-soft); font-size: 9px; font-weight: 800; }
.tracker-health i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: trackerPulse 1.8s ease-in-out infinite; }
.tracker-health.warning { border-color: rgba(255, 190, 75, .25); color: var(--amber); }
.tracker-health.warning i { background: var(--amber); box-shadow: 0 0 12px var(--amber); }
.tracker-health.offline { border-color: rgba(255, 113, 113, .35); background: rgba(255, 90, 90, .08); color: #ff9b9b; }
.tracker-health.offline i { background: #ff7777; box-shadow: 0 0 12px rgba(255, 90, 90, .7); animation: none; }
@keyframes trackerPulse { 50% { opacity: .4; transform: scale(.7); } }
.activity-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 18px; }
.activity-summary > div { display: grid; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.activity-summary strong { color: var(--green); font: 22px "Archivo Black", sans-serif; }
.activity-summary span { color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.activity-summary .warning strong { color: #ff9b9b; }
.intelligence-toolbar, .link-log-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.intelligence-toolbar input, .link-log-toolbar input, .link-log-toolbar select { min-width: 0; border: 1px solid var(--line); border-radius: 10px; background: rgba(3, 12, 7, .65); color: var(--text); font-size: 10px; }
.intelligence-toolbar input { width: min(270px, 46%); }
.link-log-toolbar input { width: 100%; }
.link-log-toolbar select { flex: 0 0 125px; }
.segmented-filter { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: rgba(3, 12, 7, .55); }
.segmented-filter button { padding: 7px 10px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-size: 9px; font-weight: 800; }
.segmented-filter button.active { background: var(--green-dim); color: var(--green); box-shadow: inset 0 0 0 1px rgba(69,255,143,.15); }
.scan-activity-button { flex: 0 0 auto; padding: 9px 11px; border: 1px solid rgba(69,255,143,.24); border-radius: 10px; background: rgba(69,255,143,.07); color: var(--green); font-size: 9px; font-weight: 900; white-space: nowrap; }
.scan-activity-button:hover { background: rgba(69,255,143,.13); transform: translateY(-1px); }
.scan-activity-button:disabled { opacity: .55; cursor: wait; }
.intelligence-head, .intelligence-row { grid-template-columns: 1.1fr 1fr 1.35fr 125px; }
.activity-actions { display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; }
.unlink-member { padding: 5px 7px; border: 1px solid rgba(255, 113, 113, .22); border-radius: 7px; background: rgba(255, 90, 90, .06); color: #ff9b9b; font-size: 8px; font-weight: 800; transition: .2s ease; }
.unlink-member:hover, .unlink-member.confirming { border-color: rgba(255, 113, 113, .55); background: rgba(255, 90, 90, .16); }
.unlink-member.confirming { animation: confirmAttention .8s ease-in-out infinite alternate; }
@keyframes confirmAttention { to { box-shadow: 0 0 15px rgba(255, 90, 90, .18); } }
.activity-refreshed { animation: rowRefresh .42s ease both; }
@keyframes rowRefresh { from { opacity: .72; } }
.link-log-list { gap: 0; }
.link-log-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 3px; border-top: 1px solid var(--line); }
.link-log-row[hidden], .intelligence-row[hidden] { display: none; }
.link-log-row > a { display: grid; min-width: 0; grid-template-columns: 38px minmax(0, .8fr) minmax(0, 1fr); align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.link-log-row > a > span:not(.link-log-avatar) { display: grid; min-width: 0; gap: 2px; }
.link-log-row strong, .link-log-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link-log-row strong { font-size: 11px; }
.link-log-row small, .link-log-row time { color: var(--muted); font-size: 8px; }
.link-log-meta { display: grid; justify-items: end; gap: 5px; }
.link-log-meta time { color: var(--muted); font-size: 8px; white-space: nowrap; }
.link-state { padding: 4px 6px; border-radius: 6px; font-size: 7px; letter-spacing: .1em; }
.link-state.linked { background: rgba(69,255,143,.08); color: var(--green); }
.link-state.unlinked { background: rgba(255,255,255,.05); color: var(--muted); }

@media (max-width:1100px) { .manager-intelligence { grid-template-columns: 1fr; } }
@media (max-width:600px) {
    .manager-intelligence { gap: 12px; }
    .member-activity-panel, .username-log-panel { padding: 17px; }
    .inactive-total { padding: 6px 8px; font-size: 8px; }
    .intelligence-head, .intelligence-row { min-width: 590px; }
    .link-log-list > a { grid-template-columns: 38px minmax(0, 1fr); }
    .link-log-list > a > span:nth-child(3) { grid-column: 2; }
    .link-caution { grid-template-columns: 1fr; }
    .intelligence-toolbar, .link-log-toolbar { align-items: stretch; flex-direction: column; }
    .intelligence-toolbar input, .link-log-toolbar input, .link-log-toolbar select { width: 100%; flex-basis: auto; }
    .segmented-filter { width: 100%; }
    .segmented-filter button { flex: 1; }
    .link-log-row { align-items: start; grid-template-columns: 1fr; }
    .link-log-row > a { grid-template-columns: 38px minmax(0, 1fr); }
    .link-log-row > a > span:nth-child(3) { grid-column: 2; }
    .link-log-meta { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
}