/* Reference Tailwind CSS supplied by user for Patch 022. */
*,:before,:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,:after {
    --tw-content: ""
}

html,:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

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

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,ul,menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-12 {
    bottom: 3rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-6 {
    bottom: 1.5rem
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\.5 {
    left: .375rem
}

.left-1\/2 {
    left: 50%
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.right-0 {
    right: 0
}

.right-1\.5 {
    right: .375rem
}

.right-2\.5 {
    right: .625rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.top-0 {
    top: 0
}

.top-1\.5 {
    top: .375rem
}

.top-1\/2 {
    top: 50%
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-full {
    top: 100%
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[60\] {
    z-index: 60
}

.z-\[9999\] {
    z-index: 9999
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-9 {
    margin-left: 2.25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none!important
}

.hidden {
    display: none
}

.aspect-\[3\/4\] {
    aspect-ratio: 3/4
}

.aspect-square {
    aspect-ratio: 1 / 1
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-5 {
    height: 1.25rem
}

.h-56 {
    height: 14rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[2px\] {
    height: 2px
}

.h-\[300px\] {
    height: 300px
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-40 {
    max-height: 10rem
}

.max-h-48 {
    max-height: 12rem
}

.max-h-72 {
    max-height: 18rem
}

.max-h-80 {
    max-height: 20rem
}

.max-h-\[50vh\] {
    max-height: 50vh
}

.max-h-\[60vh\] {
    max-height: 60vh
}

.max-h-\[80vh\] {
    max-height: 80vh
}

.max-h-\[85vh\] {
    max-height: 85vh
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.min-h-\[60vh\] {
    min-height: 60vh
}

.min-h-screen {
    min-height: 100vh
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[300px\] {
    width: 300px
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.min-w-0 {
    min-width: 0px
}

.min-w-\[1\.5rem\] {
    min-width: 1.5rem
}

.min-w-\[12rem\] {
    min-width: 12rem
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[700px\] {
    min-width: 700px
}

.min-w-\[900px\] {
    min-width: 900px
}

.min-w-\[90px\] {
    min-width: 90px
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-\[1400px\] {
    max-width: 1400px
}

.max-w-\[1600px\] {
    max-width: 1600px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[90vw\] {
    max-width: 90vw
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0,.shrink-0 {
    flex-shrink: 0
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

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

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-grab {
    cursor: grab
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-zoom-out {
    cursor: zoom-out
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.scroll-mt-24 {
    scroll-margin-top: 6rem
}

.scroll-mt-6 {
    scroll-margin-top: 1.5rem
}

.list-disc {
    list-style-type: disc
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-\[1fr_120px_120px_80px_80px_1fr_80px\] {
    grid-template-columns: 1fr 120px 120px 80px 80px 1fr 80px
}

.grid-cols-\[1fr_120px_80px_80px_100px_100px_140px_80px\] {
    grid-template-columns: 1fr 120px 80px 80px 100px 100px 140px 80px
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-px {
    gap: 1px
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-1 {
    row-gap: .25rem
}

.space-y-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.125rem * var(--tw-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-white\/10>:not([hidden])~:not([hidden]) {
    border-color: #ffffff1a
}

.divide-white\/5>:not([hidden])~:not([hidden]) {
    border-color: #ffffff0d
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-dashed {
    border-style: dashed
}

.border-\[\#c0a23d\] {
    --tw-border-opacity: 1;
    border-color: rgb(192 162 61 / var(--tw-border-opacity, 1))
}

.border-\[\#c0a23d\]\/30 {
    border-color: #c0a23d4d
}

.border-\[\#c0a23d\]\/40 {
    border-color: #c0a23d66
}

.border-\[\#c0a23d\]\/50 {
    border-color: #c0a23d80
}

.border-amber-400 {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1))
}

.border-amber-400\/40 {
    border-color: #fbbf2466
}

.border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.border-amber-500\/10 {
    border-color: #f59e0b1a
}

.border-amber-500\/15 {
    border-color: #f59e0b26
}

.border-amber-500\/20 {
    border-color: #f59e0b33
}

.border-amber-500\/30 {
    border-color: #f59e0b4d
}

.border-amber-500\/40 {
    border-color: #f59e0b66
}

.border-amber-500\/60 {
    border-color: #f59e0b99
}

.border-blue-500\/20 {
    border-color: #3b82f633
}

.border-blue-500\/30 {
    border-color: #3b82f64d
}

.border-emerald-500\/10 {
    border-color: #10b9811a
}

.border-emerald-500\/20 {
    border-color: #10b98133
}

.border-emerald-500\/25 {
    border-color: #10b98140
}

.border-emerald-500\/30 {
    border-color: #10b9814d
}

.border-gray-500\/20 {
    border-color: #6b728033
}

.border-gray-500\/30 {
    border-color: #6b72804d
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.border-gray-600\/50 {
    border-color: #4b556380
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1))
}

.border-gray-700\/50 {
    border-color: #37415180
}

.border-green-500\/20 {
    border-color: #22c55e33
}

.border-green-500\/30 {
    border-color: #22c55e4d
}

.border-green-500\/40 {
    border-color: #22c55e66
}

.border-orange-500\/20 {
    border-color: #f9731633
}

.border-orange-500\/30 {
    border-color: #f973164d
}

.border-purple-500\/20 {
    border-color: #a855f733
}

.border-purple-500\/30 {
    border-color: #a855f74d
}

.border-red-500\/10 {
    border-color: #ef44441a
}

.border-red-500\/20 {
    border-color: #ef444433
}

.border-red-500\/30 {
    border-color: #ef44444d
}

.border-red-500\/40 {
    border-color: #ef444466
}

.border-transparent {
    border-color: transparent
}

.border-white\/10 {
    border-color: #ffffff1a
}

.border-white\/15 {
    border-color: #ffffff26
}

.border-white\/20 {
    border-color: #fff3
}

.border-white\/30 {
    border-color: #ffffff4d
}

.border-white\/5 {
    border-color: #ffffff0d
}

.border-white\/\[0\.03\] {
    border-color: #ffffff08
}

.border-white\/\[0\.04\] {
    border-color: #ffffff0a
}

.border-white\/\[0\.06\] {
    border-color: #ffffff0f
}

.border-white\/\[0\.08\] {
    border-color: #ffffff14
}

.border-yellow-500\/20 {
    border-color: #eab30833
}

.border-yellow-500\/30 {
    border-color: #eab3084d
}

.border-yellow-500\/40 {
    border-color: #eab30866
}

.border-yellow-500\/60 {
    border-color: #eab30899
}

.border-t-amber-500 {
    --tw-border-opacity: 1;
    border-top-color: rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.bg-\[\#060e1a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 14 26 / var(--tw-bg-opacity, 1))
}

.bg-\[\#060e1a\]\/95 {
    background-color: #060e1af2
}

.bg-\[\#080c12\] {
    --tw-bg-opacity: 1;
    background-color: rgb(8 12 18 / var(--tw-bg-opacity, 1))
}

.bg-\[\#0b1729\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 23 41 / var(--tw-bg-opacity, 1))
}

.bg-\[\#0c1a2e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(12 26 46 / var(--tw-bg-opacity, 1))
}

.bg-\[\#0c1a2e\]\/95 {
    background-color: #0c1a2ef2
}

.bg-\[\#0d1117\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 17 23 / var(--tw-bg-opacity, 1))
}

.bg-\[\#0d1b2a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 27 42 / var(--tw-bg-opacity, 1))
}

.bg-\[\#0f1420\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 20 32 / var(--tw-bg-opacity, 1))
}

.bg-\[\#1a1d24\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 29 36 / var(--tw-bg-opacity, 1))
}

.bg-\[\#1a1d24\]\/40 {
    background-color: #1a1d2466
}

.bg-\[\#1a1f2e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 31 46 / var(--tw-bg-opacity, 1))
}

.bg-\[\#5865F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(88 101 242 / var(--tw-bg-opacity, 1))
}

.bg-\[\#c0a23d\] {
    --tw-bg-opacity: 1;
    background-color: rgb(192 162 61 / var(--tw-bg-opacity, 1))
}

.bg-\[\#c0a23d\]\/10 {
    background-color: #c0a23d1a
}

.bg-\[\#c0a23d\]\/15 {
    background-color: #c0a23d26
}

.bg-\[\#c0a23d\]\/20 {
    background-color: #c0a23d33
}

.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1))
}

.bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1))
}

.bg-amber-500\/10 {
    background-color: #f59e0b1a
}

.bg-amber-500\/15 {
    background-color: #f59e0b26
}

.bg-amber-500\/20 {
    background-color: #f59e0b33
}

.bg-amber-500\/30 {
    background-color: #f59e0b4d
}

.bg-amber-500\/5 {
    background-color: #f59e0b0d
}

.bg-amber-500\/50 {
    background-color: #f59e0b80
}

.bg-amber-500\/60 {
    background-color: #f59e0b99
}

.bg-amber-500\/70 {
    background-color: #f59e0bb3
}

.bg-amber-500\/80 {
    background-color: #f59e0bcc
}

.bg-amber-500\/\[0\.03\] {
    background-color: #f59e0b08
}

.bg-amber-500\/\[0\.06\] {
    background-color: #f59e0b0f
}

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/30 {
    background-color: #0000004d
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/50 {
    background-color: #00000080
}

.bg-black\/60 {
    background-color: #0009
}

.bg-black\/70 {
    background-color: #000000b3
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.bg-blue-500\/10 {
    background-color: #3b82f61a
}

.bg-blue-500\/15 {
    background-color: #3b82f626
}

.bg-blue-500\/5 {
    background-color: #3b82f60d
}

.bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1))
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))
}

.bg-emerald-500\/10 {
    background-color: #10b9811a
}

.bg-emerald-500\/15 {
    background-color: #10b98126
}

.bg-emerald-500\/20 {
    background-color: #10b98133
}

.bg-emerald-500\/5 {
    background-color: #10b9810d
}

.bg-emerald-500\/80 {
    background-color: #10b981cc
}

.bg-emerald-500\/\[0\.04\] {
    background-color: #10b9810a
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1))
}

.bg-gray-500\/10 {
    background-color: #6b72801a
}

.bg-gray-500\/15 {
    background-color: #6b728026
}

.bg-gray-500\/20 {
    background-color: #6b728033
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.bg-gray-700\/50 {
    background-color: #37415180
}

.bg-gray-800\/40 {
    background-color: #1f293766
}

.bg-gray-800\/60 {
    background-color: #1f293799
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.bg-gray-900\/60 {
    background-color: #11182799
}

.bg-gray-900\/70 {
    background-color: #111827b3
}

.bg-gray-900\/80 {
    background-color: #111827cc
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-green-500\/10 {
    background-color: #22c55e1a
}

.bg-green-500\/15 {
    background-color: #22c55e26
}

.bg-green-500\/20 {
    background-color: #22c55e33
}

.bg-green-500\/5 {
    background-color: #22c55e0d
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1))
}

.bg-orange-500\/10 {
    background-color: #f973161a
}

.bg-orange-500\/15 {
    background-color: #f9731626
}

.bg-purple-500\/10 {
    background-color: #a855f71a
}

.bg-purple-500\/15 {
    background-color: #a855f726
}

.bg-purple-500\/5 {
    background-color: #a855f70d
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

.bg-red-500\/10 {
    background-color: #ef44441a
}

.bg-red-500\/15 {
    background-color: #ef444426
}

.bg-red-500\/20 {
    background-color: #ef444433
}

.bg-red-500\/5 {
    background-color: #ef44440d
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/15 {
    background-color: #ffffff26
}

.bg-white\/5 {
    background-color: #ffffff0d
}

.bg-white\/\[0\.015\] {
    background-color: #ffffff04
}

.bg-white\/\[0\.01\] {
    background-color: #ffffff03
}

.bg-white\/\[0\.02\] {
    background-color: #ffffff05
}

.bg-white\/\[0\.03\] {
    background-color: #ffffff08
}

.bg-white\/\[0\.04\] {
    background-color: #ffffff0a
}

.bg-white\/\[0\.05\] {
    background-color: #ffffff0d
}

.bg-white\/\[0\.06\] {
    background-color: #ffffff0f
}

.bg-white\/\[0\.08\] {
    background-color: #ffffff14
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1))
}

.bg-yellow-500\/15 {
    background-color: #eab30826
}

.bg-yellow-500\/20 {
    background-color: #eab30833
}

.bg-yellow-500\/5 {
    background-color: #eab3080d
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-\[\#0d1117\] {
    --tw-gradient-from: #0d1117 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(13 17 23 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-500 {
    --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-500\/10 {
    --tw-gradient-from: rgb(245 158 11 / .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-500\/30 {
    --tw-gradient-from: rgb(245 158 11 / .3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-500\/60 {
    --tw-gradient-from: rgb(245 158 11 / .6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-950 {
    --tw-gradient-from: #030712 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-500\/5 {
    --tw-gradient-from: rgb(234 179 8 / .05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#111827\] {
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-amber-500\/15 {
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .15) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-amber-500\/20 {
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-amber-500\/40 {
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-amber-500\/60 {
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-gray-900 {
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white\/10 {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#0d1117\] {
    --tw-gradient-to: #0d1117 var(--tw-gradient-to-position)
}

.to-amber-500\/10 {
    --tw-gradient-to: rgb(245 158 11 / .1) var(--tw-gradient-to-position)
}

.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[6px\] {
    font-size: 6px
}

.text-\[9px\] {
    font-size: 9px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.25em\] {
    letter-spacing: .25em
}

.tracking-\[0\.2em\] {
    letter-spacing: .2em
}

.tracking-\[0\.3em\] {
    letter-spacing: .3em
}

.tracking-\[0\.4em\] {
    letter-spacing: .4em
}

.tracking-normal {
    letter-spacing: 0em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-\[\#c0a23d\] {
    --tw-text-opacity: 1;
    color: rgb(192 162 61 / var(--tw-text-opacity, 1))
}

.text-\[\#c0a23d\]\/80 {
    color: #c0a23dcc
}

.text-amber-100\/90 {
    color: #fef3c7e6
}

.text-amber-200 {
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1))
}

.text-amber-200\/90 {
    color: #fde68ae6
}

.text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1))
}

.text-amber-300\/70 {
    color: #fcd34db3
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}

.text-amber-400\/70 {
    color: #fbbf24b3
}

.text-amber-400\/80 {
    color: #fbbf24cc
}

.text-amber-400\/90 {
    color: #fbbf24e6
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}

.text-amber-500\/60 {
    color: #f59e0b99
}

.text-amber-500\/70 {
    color: #f59e0bb3
}

.text-amber-500\/80 {
    color: #f59e0bcc
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1))
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity, 1))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity, 1))
}

.text-emerald-300 {
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1))
}

.text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}

.text-emerald-500\/30 {
    color: #10b9814d
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity, 1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-green-200 {
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity, 1))
}

.text-green-300 {
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity, 1))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}

.text-pink-400 {
    --tw-text-opacity: 1;
    color: rgb(244 114 182 / var(--tw-text-opacity, 1))
}

.text-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(216 180 254 / var(--tw-text-opacity, 1))
}

.text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(192 132 252 / var(--tw-text-opacity, 1))
}

.text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1))
}

.text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}

.text-red-300\/80 {
    color: #fca5a5cc
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}

.text-red-400\/50 {
    color: #f8717180
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-red-500\/60 {
    color: #ef444499
}

.text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133 / var(--tw-text-opacity, 1))
}

.text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity, 1))
}

.text-teal-300 {
    --tw-text-opacity: 1;
    color: rgb(94 234 212 / var(--tw-text-opacity, 1))
}

.text-teal-400 {
    --tw-text-opacity: 1;
    color: rgb(45 212 191 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-white\/70 {
    color: #ffffffb3
}

.text-white\/80 {
    color: #fffc
}

.text-white\/90 {
    color: #ffffffe6
}

.text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity, 1))
}

.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(253 224 71 / var(--tw-text-opacity, 1))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}

.text-yellow-500\/80 {
    color: #eab308cc
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.decoration-amber-500\/40 {
    text-decoration-color: #f59e0b66
}

.decoration-amber-500\/50 {
    text-decoration-color: #f59e0b80
}

.placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(75 85 99 / var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(75 85 99 / var(--tw-placeholder-opacity, 1))
}

.accent-amber-500 {
    accent-color: #f59e0b
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-\[0\.03\] {
    opacity: .03
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}

.ring-amber-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-700 {
    transition-duration: .7s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    font-family: Inter,system-ui,sans-serif;
    background-color: #0a1628;
    color: #e2e8f0;
    min-height: 100vh
}

option {
    background-color: #0f1d32;
    color: #e2e8f0
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0f1d32
}

::-webkit-scrollbar-thumb {
    background: #2a3a52;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background: #3a4f6e
}

.first\:mt-0:first-child {
    margin-top: 0
}

.focus-within\:border-amber-500\/50:focus-within {
    border-color: #f59e0b80
}

.hover\:border-\[\#c0a23d\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(192 162 61 / var(--tw-border-opacity, 1))
}

.hover\:border-amber-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1))
}

.hover\:border-amber-500\/30:hover {
    border-color: #f59e0b4d
}

.hover\:border-amber-500\/40:hover {
    border-color: #f59e0b66
}

.hover\:border-emerald-500\/20:hover {
    border-color: #10b98133
}

.hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
}

.hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1))
}

.hover\:border-white\/20:hover {
    border-color: #fff3
}

.hover\:border-white\/30:hover {
    border-color: #ffffff4d
}

.hover\:border-white\/40:hover {
    border-color: #fff6
}

.hover\:border-yellow-500\/60:hover {
    border-color: #eab30899
}

.hover\:bg-\[\#4752C4\]:hover,.hover\:bg-\[\#4752c4\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(71 82 196 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#a8902f\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(168 144 47 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#c0a23d\]\/20:hover {
    background-color: #c0a23d33
}

.hover\:bg-\[\#d4b44a\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 180 74 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-500\/10:hover {
    background-color: #f59e0b1a
}

.hover\:bg-amber-500\/20:hover {
    background-color: #f59e0b33
}

.hover\:bg-amber-500\/30:hover {
    background-color: #f59e0b4d
}

.hover\:bg-amber-500\/5:hover {
    background-color: #f59e0b0d
}

.hover\:bg-amber-500\/80:hover {
    background-color: #f59e0bcc
}

.hover\:bg-amber-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-500\/20:hover {
    background-color: #3b82f633
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-500\/20:hover {
    background-color: #10b98133
}

.hover\:bg-emerald-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-500\/20:hover {
    background-color: #6b728033
}

.hover\:bg-gray-500\/25:hover {
    background-color: #6b728040
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-500\/10:hover {
    background-color: #22c55e1a
}

.hover\:bg-green-500\/20:hover {
    background-color: #22c55e33
}

.hover\:bg-green-500\/25:hover {
    background-color: #22c55e40
}

.hover\:bg-orange-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-500\/10:hover {
    background-color: #ef44441a
}

.hover\:bg-red-500\/20:hover {
    background-color: #ef444433
}

.hover\:bg-red-500\/25:hover {
    background-color: #ef444440
}

.hover\:bg-red-500\/30:hover {
    background-color: #ef44444d
}

.hover\:bg-red-500\/80:hover {
    background-color: #ef4444cc
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/10:hover {
    background-color: #ffffff1a
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

.hover\:bg-white\/5:hover {
    background-color: #ffffff0d
}

.hover\:bg-white\/\[0\.02\]:hover {
    background-color: #ffffff05
}

.hover\:bg-white\/\[0\.03\]:hover {
    background-color: #ffffff08
}

.hover\:bg-white\/\[0\.04\]:hover {
    background-color: #ffffff0a
}

.hover\:bg-white\/\[0\.05\]:hover {
    background-color: #ffffff0d
}

.hover\:bg-white\/\[0\.06\]:hover {
    background-color: #ffffff0f
}

.hover\:bg-white\/\[0\.08\]:hover {
    background-color: #ffffff14
}

.hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1))
}

.hover\:bg-yellow-500\/10:hover {
    background-color: #eab3081a
}

.hover\:bg-yellow-500\/30:hover {
    background-color: #eab3084d
}

.hover\:text-amber-300:hover {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1))
}

.hover\:text-amber-400:hover {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-300:hover {
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}

.hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}

.hover\:text-sky-300:hover {
    --tw-text-opacity: 1;
    color: rgb(125 211 252 / var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity, 1))
}

.hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgb(253 224 71 / var(--tw-text-opacity, 1))
}

.hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}

.hover\:decoration-amber-400:hover {
    text-decoration-color: #fbbf24
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-amber-500\/5:hover {
    --tw-shadow-color: rgb(245 158 11 / .05);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:border-\[\#c0a23d\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(192 162 61 / var(--tw-border-opacity, 1))
}

.focus\:border-amber-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.focus\:border-amber-500\/50:focus {
    border-color: #f59e0b80
}

.focus\:border-amber-500\/60:focus {
    border-color: #f59e0b99
}

.focus\:border-blue-500\/40:focus {
    border-color: #3b82f666
}

.focus\:border-red-500\/50:focus {
    border-color: #ef444480
}

.focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1))
}

.focus\:bg-amber-500\/5:focus {
    background-color: #f59e0b0d
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-amber-500\/20:focus {
    --tw-ring-color: rgb(245 158 11 / .2)
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.active\:bg-white\/\[0\.04\]:active {
    background-color: #ffffff0a
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:bg-gray-700:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.disabled\:text-gray-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.disabled\:opacity-30:disabled {
    opacity: .3
}

.disabled\:opacity-40:disabled {
    opacity: .4
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.group:hover .group-hover\:bg-white\/\[0\.04\] {
    background-color: #ffffff0a
}

.group:hover .group-hover\:text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity, 1))
}

.group\/leader:hover .group-hover\/leader\:opacity-100,.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

@media(min-width: 640px) {
    .sm\:bottom-12 {
        bottom:3rem
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mt-2 {
        margin-top: .5rem
    }

    .sm\:mt-3 {
        margin-top: .75rem
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:mt-8 {
        margin-top: 2rem
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:table-cell {
        display: table-cell
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-2\.5 {
        height: .625rem
    }

    .sm\:h-52 {
        height: 13rem
    }

    .sm\:h-64 {
        height: 16rem
    }

    .sm\:h-\[500px\] {
        height: 500px
    }

    .sm\:w-24 {
        width: 6rem
    }

    .sm\:w-32 {
        width: 8rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-52 {
        width: 13rem
    }

    .sm\:w-64 {
        width: 16rem
    }

    .sm\:w-96 {
        width: 24rem
    }

    .sm\:w-\[500px\] {
        width: 500px
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .sm\:grid-cols-\[1fr_120px_120px_80px_80px_1fr_80px\] {
        grid-template-columns: 1fr 120px 120px 80px 80px 1fr 80px
    }

    .sm\:grid-cols-\[1fr_120px_80px_80px_100px_100px_140px_80px\] {
        grid-template-columns: 1fr 120px 80px 80px 100px 100px 140px 80px
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media(min-width: 768px) {
    .md\:col-span-2 {
        grid-column:span 2 / span 2
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .md\:block {
        display: block
    }

    .md\:table-cell {
        display: table-cell
    }

    .md\:hidden {
        display: none
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media(min-width: 1024px) {
    .lg\:ml-64 {
        margin-left:16rem
    }

    .lg\:block {
        display: block
    }

    .lg\:table-cell {
        display: table-cell
    }

    .lg\:hidden {
        display: none
    }

    .lg\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }
}

@media(min-width: 1280px) {
    .xl\:table-cell {
        display:table-cell
    }
}


/* Existing portal styles from Patch 021. */
:root{--bg:#071321;--bg2:#0b1b2d;--panel:#0e1f33;--panel2:#10243b;--line:#203651;--line2:#2c4566;--text:#f6f8fb;--muted:#93a7bf;--accent:#d8a31a;--blue:#3ba6ff;--green:#36d184;--red:#ff5865;--shadow:0 24px 70px rgba(0,0,0,.35);--radius:16px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#102844 0,#071321 34%,#030a12 100%);color:var(--text);min-height:100vh}.site-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:16px 28px;border-bottom:1px solid var(--line);background:rgba(5,16,28,.92);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);min-width:270px}.brand-logo{width:44px;height:44px;border:1px solid var(--line2);border-radius:12px;background:#0b2039;display:grid;place-items:center;font-weight:900;color:#b8d6ff;font-size:13px}.brand-logo img{max-width:100%;max-height:100%;border-radius:10px}.brand-title{font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:14px}.brand-subtitle{font-size:12px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links a{color:#bfd2e9;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:rgba(216,163,26,.14);color:#ffd46b}.top-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--line2);border-radius:10px;padding:10px 14px;color:var(--text);text-decoration:none;background:#0a1728;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#318cff,#62b6ff);border-color:#4ba4ff;color:white}.btn-ghost:hover{border-color:var(--accent);color:#ffd46b}.mobile-toggle{display:none;background:#0d1d31;color:white;border:1px solid var(--line2);border-radius:10px;padding:9px 11px}.user-pill{display:flex;flex-direction:column;line-height:1.1;background:#0b1b2d;border:1px solid var(--line2);border-radius:12px;padding:8px 10px;font-size:12px}.user-pill small{color:#ffd46b;text-transform:uppercase;font-size:10px}.main-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 80px}.flash{border:1px solid var(--line2);padding:14px 16px;border-radius:12px;margin-bottom:18px}.flash-success{background:rgba(54,209,132,.1);border-color:rgba(54,209,132,.4)}.flash-error{background:rgba(255,88,101,.1);border-color:rgba(255,88,101,.4)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#7fb7ff;font-size:12px;font-weight:900}.page-heading{margin:12px 0 24px;border-bottom:1px solid var(--line);padding-bottom:18px}.page-heading h1,.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;margin:8px 0 8px;text-shadow:0 4px 0 rgba(0,0,0,.35)}.page-heading p,.hero p{color:#b7c8dd;margin:0;max-width:760px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:stretch;padding:48px 0 32px}.hero-copy,.hero-card{background:linear-gradient(180deg,rgba(16,36,59,.92),rgba(8,20,35,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.stat-grid{display:grid;grid-template-columns:1fr;gap:14px}.stat-grid div{padding:20px;border:1px solid var(--line);border-radius:14px;background:#09182a}.stat-grid strong{display:block;font-size:38px}.stat-grid span{color:var(--muted);font-weight:700}.module-grid{display:grid;gap:18px}.module-grid.three{grid-template-columns:repeat(3,1fr)}.module-grid.two{grid-template-columns:repeat(2,1fr)}.feature-card,.doc-card,.document-panel,.table-card,.unit-card,.profile-card,.settings-list,.command-strip,.notice,.toolbar,.bucket,.org-box{background:rgba(14,31,51,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 40px rgba(0,0,0,.14)}.feature-card{padding:28px;color:var(--text);text-decoration:none;min-height:170px}.feature-card:hover{border-color:rgba(216,163,26,.55);transform:translateY(-1px)}.feature-icon{width:44px;height:44px;border-radius:12px;background:#0b2540;border:1px solid var(--line2);display:grid;place-items:center;color:#ffd46b;margin-bottom:18px}.feature-card h3{margin:0 0 8px;font-size:21px}.feature-card p{margin:0;color:#a8bad0;line-height:1.55}.document-panel{padding:34px;max-width:920px;margin:0 auto}.document-panel p{line-height:1.75;color:#c7d4e3}.document-panel h2{margin-top:34px;color:#ffd46b}.section-chip{width:max-content;margin:36px auto 24px;background:rgba(216,163,26,.12);border:1px solid rgba(216,163,26,.35);border-radius:10px;padding:12px 22px;color:#ffd46b;font-weight:900}.command-strip{max-width:940px;margin:0 auto 24px;overflow:hidden}.strip-title{background:rgba(216,163,26,.12);color:#ffd46b;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:900;padding:12px 16px;border-bottom:1px solid var(--line)}.strip-members{display:grid;grid-template-columns:repeat(4,1fr)}.strip-card{padding:18px;text-align:center;border-right:1px solid var(--line)}.strip-card:last-child{border-right:0}.strip-card strong{display:grid;place-items:center;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;background:rgba(216,163,26,.12);border:1px solid rgba(216,163,26,.4);color:#ffd46b}.strip-card span{display:block;font-weight:900}.strip-card small{color:var(--muted)}.notice{padding:16px 18px;color:#d8cda9;background:rgba(216,163,26,.08);border-color:rgba(216,163,26,.35);margin-bottom:22px}.action-notice{color:#bdddff;background:rgba(59,166,255,.08);border-color:rgba(59,166,255,.35)}.search-box{margin:20px 0}.search-box input,.table-search{width:min(520px,100%);background:#081727;border:1px solid var(--line2);border-radius:12px;color:var(--text);padding:14px 16px}.doc-list{display:grid;gap:14px}.doc-card{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:16px;padding:0;overflow:hidden}.doc-number{height:100%;display:grid;place-items:center;background:rgba(216,163,26,.08);color:#f4b722;font-size:28px;font-weight:900;text-align:center}.doc-main{padding:18px 0}.doc-main h3{margin:0 0 8px}.doc-main p{margin:0;color:var(--muted)}.doc-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;color:#8ea4bd;font-size:12px}.doc-card .btn{margin-right:16px}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;margin-bottom:16px}.chip{background:#0a1a2d;border:1px solid var(--line2);padding:10px 13px;border-radius:999px;color:#bed2e8;font-weight:800}.chip.active{background:rgba(216,163,26,.12);border-color:rgba(216,163,26,.5);color:#ffd46b}.chip b{background:#102a46;padding:3px 8px;border-radius:999px;margin-left:8px}.table-card{overflow:auto;padding:14px}table{width:100%;border-collapse:collapse;min-width:900px}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#ffd46b;text-align:left;background:#102035}td,th{padding:14px;border-bottom:1px solid var(--line)}td{color:#c7d7e9}.table-empty{text-align:center;color:var(--muted);padding:40px}.status-badge{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;background:#0b1c30;color:#c9dbef}.status-badge.active{border-color:rgba(54,209,132,.5);background:rgba(54,209,132,.12);color:#70ebb0}.status-badge.exempt{border-color:rgba(90,151,255,.55);background:rgba(90,151,255,.15);color:#9bc0ff}.status-badge.pos{border-color:rgba(216,163,26,.45);color:#ffd46b}.empty-state{margin:40px auto;padding:40px;text-align:center;background:rgba(14,31,51,.85);border:1px dashed var(--line2);border-radius:var(--radius);max-width:720px}.empty-state p{color:var(--muted)}.bucket{padding:0;overflow:hidden;margin-bottom:14px}.bucket summary{list-style:none;cursor:pointer;padding:18px;display:flex;align-items:center;gap:10px;font-weight:900}.bucket small{color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.dot.success{background:var(--green)}.dot.warning{background:var(--accent)}.mini-empty{padding:18px;color:var(--muted);border-top:1px solid var(--line)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;border-top:1px solid var(--line)}.mini-member,.unit-member{padding:12px;border:1px solid var(--line);border-radius:12px;background:#09182a}.mini-member span,.unit-member span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.unit-card{padding:18px}.unit-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.unit-title h3{margin:0;color:#ffd46b}.unit-title span{background:#102a46;border:1px solid var(--line2);border-radius:999px;padding:5px 9px}.org-wrap{max-width:1100px;margin:0 auto}.org-top{display:flex;justify-content:center;margin-bottom:40px;position:relative}.org-exec{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative;margin-bottom:40px}.org-chain{display:grid;gap:20px;max-width:620px;margin:0 auto 36px;position:relative}.org-patrol{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.org-box{padding:16px}.org-box-title{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;color:#ffd46b;letter-spacing:.12em;font-size:12px;font-weight:900;margin-bottom:12px}.org-box-title b{background:#102a46;border:1px solid var(--line2);border-radius:999px;padding:3px 8px;color:#a9c9ee}.org-member,.org-vacant{border:1px solid var(--line2);border-radius:12px;background:#09182a;padding:14px;margin-top:10px}.org-member span,.org-vacant small{display:block;color:#9db4cc;margin-top:5px}.settings-list{display:grid;gap:0;overflow:hidden}.settings-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.settings-list>div:last-child{border-bottom:0}code{background:#06111f;border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:#bad8ff}.profile-card{padding:24px}.locked{opacity:.92}@media(max-width:1050px){.topbar{align-items:flex-start}.nav-links{display:none;position:absolute;top:76px;left:20px;right:20px;background:#071321;border:1px solid var(--line);border-radius:16px;padding:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.mobile-toggle{display:block}.brand{min-width:auto}.hero,.module-grid.three,.module-grid.two,.org-exec,.org-patrol,.mini-grid{grid-template-columns:1fr}.strip-members{grid-template-columns:repeat(2,1fr)}.doc-card{grid-template-columns:1fr}.doc-number{height:auto;padding:12px}.doc-main{padding:18px}.doc-card .btn{margin:0 16px 16px}.toolbar{flex-direction:column;align-items:stretch}.topbar{gap:12px}.brand-title{max-width:200px}.top-actions{margin-left:auto}}@media(max-width:720px){.main-content{width:min(100% - 24px,1180px);padding-top:24px}.topbar{padding:12px}.hero-copy,.hero-card,.document-panel{padding:22px}.strip-members{grid-template-columns:1fr}.doc-meta{grid-template-columns:1fr}.brand-subtitle{display:none}}


/* Patch 002: admin settings + roster debug */
.settings-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:24px;
  align-items:start;
}
.settings-card{
  background:rgba(15,31,49,.88);
  border:1px solid rgba(101,159,217,.24);
  border-radius:18px;
  padding:24px;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.settings-card h2{
  margin:0 0 14px;
  font-size:20px;
}
.settings-card h2:not(:first-child){
  margin-top:28px;
}
.settings-card label{
  display:block;
  margin:14px 0;
  color:#cfe3f6;
  font-weight:800;
  font-size:13px;
}
.settings-card input{
  width:100%;
  margin-top:8px;
  padding:13px 14px;
  border-radius:12px;
  border:1px solid rgba(101,159,217,.28);
  background:rgba(5,15,26,.8);
  color:#fff;
  font:inherit;
}
.settings-card .two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.muted{
  color:#98afc8;
  line-height:1.6;
}
.debug-box{
  margin-top:16px;
  padding:14px;
  border-radius:14px;
  background:rgba(3,12,23,.7);
  border:1px dashed rgba(101,159,217,.35);
  color:#bcd4ef;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.debug-box small{
  color:#8fafcf;
}
.test-result{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px;
  border-radius:14px;
  margin-bottom:16px;
  border:1px solid rgba(101,159,217,.26);
}
.test-result.ok{
  background:rgba(33,164,103,.12);
  border-color:rgba(33,164,103,.45);
}
.test-result.bad{
  background:rgba(210,62,62,.12);
  border-color:rgba(210,62,62,.45);
}
.test-result span{
  color:#a8bfd8;
}
@media(max-width:950px){
  .settings-grid{grid-template-columns:1fr}
  .settings-card .two-col{grid-template-columns:1fr}
}

/* Patch 004: public roster view tabs + category table */
.roster-toolbar{
  display:grid;
  gap:16px;
  margin:18px 0 20px;
}
.roster-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.roster-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 13px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  color:#c8d9ec;
  background:#0a1a2d;
  border:1px solid rgba(101,159,217,.24);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.roster-tab:hover{
  border-color:rgba(216,163,26,.48);
  color:#fff;
}
.roster-tab.active{
  color:#ffd46b;
  background:rgba(216,163,26,.12);
  border-color:rgba(216,163,26,.55);
}
.roster-tab b{
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  color:#bfe0ff;
  background:#102a46;
  border:1px solid rgba(101,159,217,.28);
  font-size:12px;
}
.roster-tools{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(101,159,217,.24);
  background:rgba(14,31,51,.86);
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.roster-tools .table-search{
  margin-left:auto;
  max-width:520px;
}
.sync-note{
  color:#86a3c3;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.roster-table-card{
  overflow:auto;
  border:1px solid rgba(101,159,217,.22);
  border-radius:18px;
  background:rgba(9,24,42,.94);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.public-roster-table{
  width:100%;
  min-width:1380px;
  border-collapse:collapse;
}
.public-roster-table thead th{
  background:#142433;
  color:#d8a31a;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:14px 16px;
  border-bottom:1px solid rgba(216,163,26,.18);
}
.public-roster-table tbody td{
  padding:14px 16px;
  border-bottom:1px solid rgba(101,159,217,.12);
  color:#bccbe0;
  vertical-align:middle;
}
.public-roster-table tbody tr:hover:not(.roster-category-row){
  background:rgba(59,166,255,.045);
}
.public-roster-table .roster-category-row td{
  background:#0a1a2d;
  color:#d8a31a;
  border-top:1px solid rgba(216,163,26,.22);
  border-bottom:1px solid rgba(216,163,26,.22);
  padding:12px 16px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:1000;
}
.roster-category-row td span{
  display:inline-block;
  margin-right:10px;
}
.roster-category-row td small{
  color:#718aa7;
  text-transform:none;
  letter-spacing:0;
  font-size:12px;
}
.name-cell strong{
  color:#f4f8ff;
  font-size:15px;
}
.callsign-cell{
  color:#ffd03a!important;
  font-weight:1000;
}
.rank-cell{
  color:#8fc5ff!important;
  font-weight:900;
}
.muted-cell{
  color:#8396ad!important;
}
.mono-cell{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color:#d8e7f7!important;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  padding:4px 9px;
  border-radius:7px;
  border:1px solid rgba(101,159,217,.24);
  background:rgba(101,159,217,.1);
  color:#bcd4f0;
  font-size:12px;
  font-weight:1000;
}
.status-pill.active{
  background:rgba(33,164,103,.18);
  border-color:rgba(33,164,103,.5);
  color:#5ef0a8;
}
.status-pill.inactive{
  background:rgba(210,62,62,.18);
  border-color:rgba(210,62,62,.5);
  color:#ff8b91;
}
.status-pill.exempt{
  background:rgba(90,151,255,.18);
  border-color:rgba(90,151,255,.55);
  color:#aecaFF;
}
.status-pill.warning{
  background:rgba(216,163,26,.16);
  border-color:rgba(216,163,26,.5);
  color:#ffd46b;
}
@media(max-width:900px){
  .roster-tools{flex-direction:column;align-items:stretch}
  .roster-tools .table-search{margin-left:0;max-width:none;width:100%}
  .sync-note{white-space:normal}
}

/* Patch 005: roster layout cleanup + member rank categories */
.page-route-roster{
  width:min(1680px,calc(100% - 48px));
}
.page-route-roster .page-heading{
  max-width:940px;
}
.page-route-roster .roster-toolbar,
.page-route-roster .roster-table-card{
  width:100%;
}
.page-route-roster .roster-tools{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
}
.page-route-roster .roster-tools .table-search{
  width:100%;
  max-width:none;
  margin-left:0;
}
.roster-table-card{
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
}
.public-roster-table{
  min-width:1500px;
}
.public-roster-table th,
.public-roster-table td{
  padding:12px 13px;
}
.public-roster-table th:nth-child(1),
.public-roster-table td:nth-child(1){width:76px}
.public-roster-table th:nth-child(2),
.public-roster-table td:nth-child(2){width:145px}
.public-roster-table th:nth-child(3),
.public-roster-table td:nth-child(3){width:100px}
.public-roster-table th:nth-child(4),
.public-roster-table td:nth-child(4){width:170px}
.public-roster-table th:nth-child(5),
.public-roster-table td:nth-child(5){width:190px}
.public-roster-table th:nth-child(6),
.public-roster-table td:nth-child(6){width:150px}
.public-roster-table th:nth-child(7),
.public-roster-table td:nth-child(7){width:120px}
.public-roster-table th:nth-child(8),
.public-roster-table td:nth-child(8){width:105px}
.public-roster-table th:nth-child(9),
.public-roster-table td:nth-child(9){width:95px;text-align:center}
.public-roster-table th:nth-child(10),
.public-roster-table td:nth-child(10){width:110px;text-align:center}
.public-roster-table th:nth-child(n+11),
.public-roster-table td:nth-child(n+11){width:105px;text-align:center}
.public-roster-table .roster-category-row td{
  position:sticky;
  left:0;
  z-index:2;
}
.public-roster-table .roster-category-row td small{
  display:inline-flex;
  align-items:center;
  min-height:18px;
}
@media(max-width:900px){
  .page-route-roster{width:min(100% - 24px,1680px)}
  .page-route-roster .roster-tools{grid-template-columns:1fr}
}

/* Live Portal Patch 007: Command Dashboard width/placement fix */
.main-content.page-route-home{
  width:min(100% - 36px, 1880px);
  max-width:1880px;
  padding-top:26px;
}
.command-dashboard{
  display:grid;
  gap:20px;
  margin:0 auto 38px;
}
.dash-hero-card{
  position:relative;
  min-height:265px;
  border:1px solid rgba(101,159,217,.25);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(10,24,42,.96), rgba(5,13,25,.94));
  box-shadow:0 24px 90px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.025);
  display:grid;
  grid-template-columns:minmax(360px, 1fr) minmax(650px, 1.35fr);
  gap:26px;
  align-items:center;
  padding:42px 42px;
}
.dash-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 26%, rgba(54,119,255,.34), transparent 25%),
    radial-gradient(circle at 64% 66%, rgba(216,163,26,.13), transparent 28%),
    linear-gradient(90deg, rgba(6,14,25,.97) 0%, rgba(6,14,25,.68) 42%, rgba(5,12,24,.88) 100%);
  opacity:.96;
}
.dash-hero-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, transparent 1px 100%),
    linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 100%);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.65), transparent 78%);
}
.dash-hero-copy,.dash-metrics{position:relative;z-index:1}
.dash-hero-copy h1{
  margin:12px 0 8px;
  font-size:clamp(36px, 3vw, 54px);
  line-height:.98;
  letter-spacing:-.045em;
  color:#fff;
  text-shadow:0 12px 30px rgba(0,0,0,.48);
}
.dash-hero-copy p{
  margin:0 0 18px;
  color:#e6f1ff;
  font-size:18px;
}
.dash-hero-copy span{
  display:block;
  max-width:620px;
  color:#9eb5cf;
  line-height:1.65;
}
.dash-metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(150px, 1fr));
  gap:18px;
}
.dash-metric{
  min-height:176px;
  border:1px solid rgba(101,159,217,.25);
  border-radius:20px;
  background:linear-gradient(145deg, rgba(8,20,36,.78), rgba(5,13,24,.56));
  box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dash-metric-icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;
  background:rgba(66,142,255,.15);border:1px solid rgba(66,142,255,.24);
  font-size:23px;
}
.dash-metric.gold .dash-metric-icon{background:rgba(216,163,26,.15);border-color:rgba(216,163,26,.3)}
.dash-metric.green .dash-metric-icon{background:rgba(54,209,132,.13);border-color:rgba(54,209,132,.25)}
.dash-metric.purple .dash-metric-icon{background:rgba(146,99,255,.14);border-color:rgba(146,99,255,.28)}
.dash-metric strong{font-size:34px;line-height:1;color:#fff;margin-bottom:9px;letter-spacing:-.03em}
.dash-metric span{color:#cbdcf0;font-weight:800;margin-bottom:8px}
.dash-metric small{color:#7fc99f;font-weight:700}
.dash-metric.gold small,.dash-metric.purple small{color:#85b8ff}
.dash-feature-row{display:grid;gap:16px}
.dash-feature-row.top-three{grid-template-columns:1.08fr 1.08fr 1fr}
.dash-feature-row.compact-six{grid-template-columns:repeat(6, 1fr)}
.dash-feature{
  text-decoration:none;
  color:inherit;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  min-height:118px;
  padding:20px 22px;
  border:1px solid rgba(101,159,217,.22);
  border-radius:18px;
  background:linear-gradient(145deg, rgba(10,27,48,.92), rgba(6,16,29,.88));
  box-shadow:0 18px 55px rgba(0,0,0,.22);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.dash-feature:hover{transform:translateY(-2px);border-color:rgba(216,163,26,.45);background:linear-gradient(145deg, rgba(13,35,61,.95), rgba(7,17,31,.92))}
.dash-feature-icon{
  width:60px;height:60px;border-radius:17px;display:grid;place-items:center;
  background:rgba(66,142,255,.14);border:1px solid rgba(66,142,255,.2);font-size:24px;
}
.dash-feature:nth-child(1) .dash-feature-icon,.dash-feature:nth-child(2) .dash-feature-icon{background:rgba(216,163,26,.12);border-color:rgba(216,163,26,.2)}
.dash-feature h3{margin:0 0 7px;color:#fff;font-size:17px}
.dash-feature p{margin:0;color:#9eb3cc;line-height:1.42}
.dash-feature small{display:block;margin-top:8px;color:#b9d8fb;font-weight:800}
.dash-chevron{font-size:30px;color:#c9d8e8;opacity:.9}
.dash-feature-row.compact-six .dash-feature{grid-template-columns:auto 1fr auto;min-height:106px;padding:18px}
.dash-feature-row.compact-six .dash-feature-icon{width:52px;height:52px;font-size:22px}
.dash-feature-row.compact-six .dash-feature p{font-size:13px}
.dash-widgets{
  display:grid;
  grid-template-columns:1fr .98fr 1.05fr;
  gap:16px;
}
.dash-widget{
  border:1px solid rgba(101,159,217,.22);
  border-radius:20px;
  background:linear-gradient(145deg, rgba(8,21,38,.94), rgba(5,14,26,.91));
  box-shadow:0 20px 65px rgba(0,0,0,.24);
  padding:20px;
  min-height:300px;
}
.widget-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}
.widget-head h2{margin:0;color:#fff;font-size:18px}
.widget-head a{color:#ffd351;font-weight:900;text-decoration:none}
.widget-head span{color:#9eb5cf;font-weight:800}
.activity-list{display:grid;gap:12px}
.activity-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:13px;
  align-items:center;
  padding:6px 0;
}
.activity-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(101,159,217,.22);background:rgba(66,142,255,.12)}
.activity-icon.gold{background:rgba(216,163,26,.13);border-color:rgba(216,163,26,.28)}
.activity-icon.blue{background:rgba(66,142,255,.14)}
.activity-icon.green{background:rgba(54,209,132,.13);border-color:rgba(54,209,132,.25)}
.activity-icon.teal{background:rgba(39,218,215,.1);border-color:rgba(39,218,215,.2)}
.activity-icon.purple{background:rgba(146,99,255,.13);border-color:rgba(146,99,255,.25)}
.activity-item strong{display:block;color:#f3f8ff;font-size:14px;margin-bottom:3px}
.activity-item small{display:block;color:#8fa7c2;line-height:1.35}
.activity-item time{color:#8aa0ba;font-size:12px;white-space:nowrap}
.rank-bars{display:grid;gap:15px;margin-top:8px}
.rank-bar-row{display:grid;grid-template-columns:150px 1fr 24px;gap:12px;align-items:center;color:#cfe3f6;font-size:13px;font-weight:700}
.rank-bar{height:8px;border-radius:999px;background:rgba(122,157,199,.13);overflow:hidden}
.rank-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd245,#4e75ff);box-shadow:0 0 18px rgba(78,117,255,.28)}
.rank-bar-row b{text-align:right;color:#eaf4ff}
.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.division-tile{
  text-decoration:none;color:inherit;
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
  border:1px solid rgba(101,159,217,.16);border-radius:14px;background:rgba(5,16,30,.5);padding:12px;
}
.division-tile span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(66,142,255,.11);border:1px solid rgba(66,142,255,.18)}
.division-tile strong{display:block;color:#f0f6ff;margin-bottom:2px}
.division-tile small{color:#91a8c2}
.site-shell:after{
  content:"";
  display:block;
  margin:8px auto 20px;
  width:min(100% - 36px,1880px);
  height:0;
}
@media(max-width:1450px){
  .dash-hero-card{grid-template-columns:1fr;}
  .dash-metrics{grid-template-columns:repeat(4,1fr)}
  .dash-feature-row.compact-six{grid-template-columns:repeat(3,1fr)}
  .dash-widgets{grid-template-columns:1fr}
}
@media(max-width:980px){
  .dash-metrics,.dash-feature-row.top-three,.dash-feature-row.compact-six,.division-grid{grid-template-columns:1fr}
  .dash-hero-card{padding:28px 22px}
  .rank-bar-row{grid-template-columns:1fr;gap:6px}
}


/* Live Portal Patch 007: make the dashboard sit wide like the approved reference */
.main-content.page-route-home{
  width:min(100% - 34px, 1880px) !important;
  max-width:1880px !important;
  margin:0 auto !important;
  padding-top:26px !important;
}
.main-content.page-route-home .command-dashboard{
  width:100% !important;
  max-width:1880px !important;
  margin:0 auto 38px !important;
  gap:18px !important;
}
.main-content.page-route-home .dash-hero-card{
  width:100% !important;
  grid-template-columns:minmax(420px,1.05fr) minmax(650px,1.45fr) !important;
  padding:34px 38px !important;
  min-height:258px !important;
}
.main-content.page-route-home .dash-metrics{
  grid-template-columns:repeat(4,minmax(145px,1fr)) !important;
  gap:18px !important;
}
.main-content.page-route-home .dash-feature-row.top-three{
  grid-template-columns:1.05fr 1.05fr 1fr !important;
}
.main-content.page-route-home .dash-feature-row.compact-six{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
.main-content.page-route-home .dash-widgets{
  grid-template-columns:1fr 1fr 1fr !important;
}
.main-content.page-route-home .dash-feature,
.main-content.page-route-home .dash-widget,
.main-content.page-route-home .dash-metric{
  backdrop-filter:blur(10px);
}
@media(max-width:1450px){
  .main-content.page-route-home .dash-hero-card{grid-template-columns:1fr !important;}
  .main-content.page-route-home .dash-feature-row.compact-six{grid-template-columns:repeat(3,1fr) !important;}
  .main-content.page-route-home .dash-widgets{grid-template-columns:1fr !important;}
}
@media(max-width:980px){
  .main-content.page-route-home{width:min(100% - 20px,1880px) !important;padding-top:18px !important;}
  .main-content.page-route-home .dash-metrics,
  .main-content.page-route-home .dash-feature-row.top-three,
  .main-content.page-route-home .dash-feature-row.compact-six{grid-template-columns:1fr !important;}
  .main-content.page-route-home .dash-hero-card{padding:24px 18px !important;}
}

/* Live Portal Patch 008: sharp + flat dashboard style */
:root{
  --radius:8px;
  --shadow:none;
}
body{
  background:#05101d !important;
}
.topbar{
  border-bottom:1px solid rgba(86,128,176,.28) !important;
  background:#071522 !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
.brand-logo,
.nav-links a,
.btn,
.user-pill,
.flash,
.settings-card,
.search-box input,
.table-search,
.doc-card,
.document-panel,
.table-card,
.unit-card,
.profile-card,
.settings-list,
.command-strip,
.notice,
.toolbar,
.bucket,
.org-box,
.status-badge,
.empty-state,
.roster-tab,
.roster-tools,
.roster-table-card,
.status-pill,
.dash-hero-card,
.dash-metric,
.dash-feature,
.dash-feature-icon,
.dash-metric-icon,
.dash-widget,
.activity-icon,
.division-tile,
.division-tile span,
.stat-grid div,
.hero-copy,
.hero-card,
.feature-card,
.feature-icon,
.strip-card strong,
.section-chip,
.org-member,
.org-vacant,
.mini-member,
.unit-member,
.doc-number,
.mobile-toggle{
  border-radius:8px !important;
  box-shadow:none !important;
}

.main-content.page-route-home{
  padding-top:22px !important;
}
.command-dashboard{
  gap:16px !important;
}
.dash-hero-card{
  background:#081826 !important;
  border:1px solid rgba(86,128,176,.30) !important;
  overflow:hidden !important;
}
.dash-hero-bg{
  background:
    linear-gradient(90deg, rgba(6,16,27,.96) 0%, rgba(7,23,39,.88) 45%, rgba(5,14,25,.96) 100%) !important;
  opacity:1 !important;
}
.dash-hero-bg:after{
  opacity:.18 !important;
  background-size:42px 42px !important;
}
.dash-hero-copy h1,
.page-heading h1,
.hero h1{
  text-shadow:none !important;
  letter-spacing:-.035em !important;
}
.dash-metric{
  background:#071522 !important;
  border:1px solid rgba(86,128,176,.30) !important;
  backdrop-filter:none !important;
}
.dash-metric-icon,
.dash-feature-icon,
.activity-icon,
.division-tile span{
  border-radius:6px !important;
  background:#0b2036 !important;
  border:1px solid rgba(86,128,176,.26) !important;
}
.dash-metric.gold .dash-metric-icon,
.dash-metric.green .dash-metric-icon,
.dash-metric.purple .dash-metric-icon{
  background:#0b2036 !important;
  border-color:rgba(86,128,176,.26) !important;
}
.dash-feature{
  background:#081826 !important;
  border:1px solid rgba(86,128,176,.28) !important;
  transform:none !important;
  backdrop-filter:none !important;
}
.dash-feature:hover{
  background:#0a1d30 !important;
  border-color:rgba(216,163,26,.42) !important;
  transform:none !important;
}
.dash-widget{
  background:#081826 !important;
  border:1px solid rgba(86,128,176,.28) !important;
}
.division-tile{
  background:#071522 !important;
  border:1px solid rgba(86,128,176,.22) !important;
}
.rank-bar{
  background:#12263a !important;
  border-radius:2px !important;
}
.rank-bar i{
  border-radius:2px !important;
  box-shadow:none !important;
}
.activity-item{
  border-bottom:1px solid rgba(86,128,176,.13);
  padding:10px 0 !important;
}
.activity-item:last-child{
  border-bottom:0;
}

/* flatten roster/doc modules too so the whole portal matches */
.feature-card,
.doc-card,
.table-card,
.roster-table-card,
.toolbar,
.roster-tools,
.bucket,
.org-box,
.settings-card{
  background:#081826 !important;
  border-color:rgba(86,128,176,.28) !important;
}
.public-roster-table thead th{
  background:#111f2e !important;
}
.public-roster-table .roster-category-row td{
  background:#071522 !important;
}
.nav-links a.active{
  border-radius:6px !important;
  background:rgba(216,163,26,.16) !important;
}
.btn-primary{
  background:#3b8dff !important;
  border-color:#3b8dff !important;
}

/* Live Patch 009 - Maintenance Mode */
.maintenance-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 50% 0%, rgba(58, 119, 204, 0.18), transparent 34%),
        linear-gradient(135deg, #030910 0%, #071320 46%, #02060c 100%);
    color: #f8fbff;
}

.maintenance-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
}

.maintenance-card {
    width: min(820px, 100%);
    border: 1px solid rgba(132, 174, 231, 0.22);
    background: #081524;
    padding: 38px;
    box-shadow: 0 18px 48px rgba(0,0,0,.38);
    position: relative;
    overflow: hidden;
}

.maintenance-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(50, 124, 255, 0.12), transparent 42%, rgba(218, 168, 42, 0.08));
    pointer-events: none;
}

.maintenance-card > * {
    position: relative;
    z-index: 1;
}

.maintenance-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.maintenance-brand strong {
    display: block;
    font-size: 15px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.maintenance-brand span {
    display: block;
    color: #91a8c4;
    margin-top: 3px;
    font-size: 13px;
}

.maintenance-logo {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(92, 153, 255, .45);
    background: #0c2035;
    color: #d8ecff;
    font-weight: 900;
    letter-spacing: .08em;
}

.maintenance-badge {
    display: inline-flex;
    color: #f3c747;
    border: 1px solid rgba(243, 199, 71, .35);
    background: rgba(243, 199, 71, .08);
    padding: 8px 12px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .13em;
    font-weight: 900;
    margin-bottom: 18px;
}

.maintenance-card h1 {
    margin: 0 0 12px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: .96;
    letter-spacing: -.04em;
}

.maintenance-card p {
    max-width: 680px;
    color: #b8c9de;
    line-height: 1.7;
    font-size: 16px;
    margin: 0 0 26px;
}

.maintenance-status-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid rgba(132, 174, 231, 0.18);
    background: rgba(2, 9, 18, .42);
}

.maintenance-status-grid div {
    padding: 18px;
    border-right: 1px solid rgba(132, 174, 231, 0.14);
}

.maintenance-status-grid div:last-child {
    border-right: 0;
}

.maintenance-status-grid span {
    display: block;
    color: #7890ac;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: 7px;
}

.maintenance-status-grid strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
}

.maintenance-card footer {
    margin-top: 26px;
    color: #90a5be;
    letter-spacing: .04em;
}

@media (max-width: 720px) {
    .maintenance-card { padding: 26px; }
    .maintenance-status-grid { grid-template-columns: 1fr; }
    .maintenance-status-grid div { border-right: 0; border-bottom: 1px solid rgba(132, 174, 231, 0.14); }
    .maintenance-status-grid div:last-child { border-bottom: 0; }
}

/* Live Patch 011 - Sidebar Command Dashboard */
.site-shell:has(.command-sidebar-dashboard) .topbar{display:none!important}
.main-content.page-route-home:has(.command-sidebar-dashboard){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.command-sidebar-dashboard{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);background:radial-gradient(circle at top right,rgba(31,78,136,.28),transparent 32%),linear-gradient(180deg,#061423,#081a2c 46%,#06111e);color:#f4f8ff;overflow:hidden}.csd-sidebar{border-right:1px solid rgba(123,166,219,.18);background:linear-gradient(180deg,rgba(7,19,34,.98),rgba(6,18,32,.94));padding:22px 14px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0}.csd-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;padding:0 8px 24px;border-bottom:1px solid rgba(123,166,219,.16);margin-bottom:18px}.csd-brand-mark{width:58px;height:68px;display:grid;place-items:center;border:1px solid rgba(217,169,44,.65);clip-path:polygon(50% 0,100% 18%,100% 74%,50% 100%,0 74%,0 18%);background:linear-gradient(180deg,#102944,#081629);font-weight:1000;font-size:17px;letter-spacing:.02em}.csd-brand strong{display:block;font-size:18px;line-height:1.05;text-transform:uppercase;letter-spacing:.05em}.csd-brand span{display:block;margin-top:7px;color:#91a7c1;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.csd-menu{display:flex;flex-direction:column;gap:4px}.csd-menu-item{display:flex;align-items:center;gap:14px;padding:13px 14px;text-decoration:none;color:#c2d1e5;border-left:3px solid transparent;background:transparent;font-size:16px;transition:.12s ease}.csd-menu-item span{width:24px;text-align:center;opacity:.95}.csd-menu-item b{font-weight:750}.csd-menu-item:hover,.csd-menu-item.active{background:rgba(93,137,193,.12);color:#fff;border-left-color:#d8a31a}.csd-menu-item.active b{color:#ffd34f}.csd-menu-line{height:1px;background:rgba(123,166,219,.16);margin:12px 8px}.csd-help-box{margin-top:auto;border:1px solid rgba(216,163,26,.45);background:rgba(216,163,26,.06);padding:16px;border-radius:4px}.csd-help-box strong,.csd-help-box span{display:block}.csd-help-box span{color:#98acc4;margin-top:4px}.csd-help-box a{margin-top:14px;height:42px;border:1px solid rgba(216,163,26,.55);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#ffd34f;font-weight:900;background:rgba(7,18,31,.72);border-radius:3px}.csd-main{min-width:0;min-height:100vh;display:flex;flex-direction:column}.csd-topline{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 28px;border-bottom:1px solid rgba(123,166,219,.18);background:rgba(5,16,28,.62)}.csd-top-left{display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.08em;color:#d8e7fb}.csd-top-left button{background:transparent;border:0;color:#fff;font-size:23px;cursor:pointer}.csd-top-right{display:flex;align-items:center;gap:16px}.csd-search{height:38px;display:flex;align-items:center;gap:9px;width:320px;border:1px solid rgba(123,166,219,.28);background:#08182a;padding:0 10px;color:#9eb1c9}.csd-search input{flex:1;background:transparent;border:0;outline:0;color:#eaf4ff}.csd-search kbd{border:1px solid rgba(216,163,26,.35);background:rgba(0,0,0,.25);padding:2px 6px;color:#b9c7da;border-radius:3px}.csd-bell{opacity:.95}.csd-user{display:flex;align-items:center;gap:10px;border-left:1px solid rgba(123,166,219,.18);padding-left:16px}.csd-user>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(216,163,26,.45);background:#10233d;color:#fff;font-weight:900;border-radius:50%;font-size:11px}.csd-user strong{display:block;font-size:13px}.csd-user small{display:block;color:#ffd34f;font-size:11px;font-weight:800}.csd-content{padding:22px;display:grid;gap:18px}.csd-hero{min-height:220px;border:1px solid rgba(123,166,219,.24);background:linear-gradient(90deg,rgba(11,35,59,.96),rgba(10,33,56,.78)),radial-gradient(circle at 83% 24%,rgba(63,118,195,.24),transparent 25%);display:flex;align-items:center;justify-content:space-between;padding:34px 34px 34px 28px;position:relative;overflow:hidden}.csd-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,31,.72),transparent 54%),repeating-linear-gradient(90deg,transparent 0 46px,rgba(123,166,219,.03) 46px 47px);pointer-events:none}.csd-hero>*{position:relative}.csd-eyebrow{display:block;text-transform:uppercase;letter-spacing:.28em;color:#63a8ff;font-size:12px;font-weight:1000;margin-bottom:12px}.csd-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1;margin:0 0 11px;text-shadow:0 3px 0 rgba(0,0,0,.25);letter-spacing:-.045em}.csd-motto{font-size:21px;margin:0 0 18px;color:#e9f3ff}.csd-motto::first-letter{color:#fff}.csd-copy{margin:0;color:#afc2d8;font-size:16px}.csd-seal{width:190px;height:190px;border-radius:50%;border:1px solid rgba(216,163,26,.32);display:grid;place-items:center;color:rgba(255,216,104,.18);font-size:48px;font-weight:1000;letter-spacing:.08em;background:radial-gradient(circle,rgba(216,163,26,.06),transparent 60%);box-shadow:inset 0 0 0 12px rgba(123,166,219,.03)}.csd-stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.csd-stat-card{min-height:112px;border:1px solid rgba(123,166,219,.23);background:linear-gradient(180deg,rgba(14,36,60,.86),rgba(8,24,41,.94));display:flex;align-items:center;gap:16px;padding:18px 18px;position:relative;overflow:hidden}.csd-stat-card:before{content:'';position:absolute;left:14px;top:20px;bottom:20px;width:3px;background:#d8a31a}.csd-stat-card>span{margin-left:18px;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(123,166,219,.25);background:rgba(52,102,166,.14);font-size:25px}.csd-stat-card strong{display:block;font-size:31px;line-height:1}.csd-stat-card b{display:block;margin-top:5px;font-size:15px}.csd-stat-card small{display:block;margin-top:6px;color:#54d891;font-weight:800}.csd-stat-card:nth-child(2) small,.csd-stat-card:nth-child(4) small,.csd-stat-card:nth-child(5) small{color:#69aaff}.csd-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.csd-action-card{min-height:160px;border:1px solid rgba(123,166,219,.24);background:linear-gradient(180deg,rgba(13,36,61,.9),rgba(8,24,42,.95));padding:24px;color:#fff;text-decoration:none;display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:start}.csd-action-card>span{width:64px;height:64px;display:grid;place-items:center;background:rgba(54,126,220,.14);border:1px solid rgba(123,166,219,.25);font-size:38px}.csd-action-card h3{margin:0 0 8px;font-size:22px}.csd-action-card p{margin:0 0 18px;color:#aebed2;line-height:1.45}.csd-action-card b{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid rgba(216,163,26,.42);color:#ffd34f;background:rgba(0,0,0,.15);font-size:14px}.csd-action-card b em{font-style:normal;margin-left:10px}.csd-action-card:hover,.csd-panel:hover,.csd-stat-card:hover{border-color:rgba(216,163,26,.45)}.csd-lower-grid{display:grid;grid-template-columns:1.05fr 1fr 1.45fr;gap:14px}.csd-panel{border:1px solid rgba(123,166,219,.23);background:linear-gradient(180deg,rgba(13,36,61,.88),rgba(7,23,39,.96));padding:18px}.csd-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.csd-panel-head h2{margin:0;font-size:21px}.csd-panel-head h2:before{content:'';display:inline-block;width:9px;height:9px;background:#f2bd35;margin-right:10px}.csd-panel-head a{color:#ffd34f;text-decoration:none;font-weight:900;border:1px solid rgba(216,163,26,.35);padding:7px 12px;font-size:12px}.csd-activity-list{display:grid}.csd-activity{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(123,166,219,.13)}.csd-activity:last-child{border-bottom:0}.csd-activity>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(123,166,219,.24);background:rgba(52,102,166,.12);font-size:20px}.csd-activity strong{display:block}.csd-activity small{display:block;margin-top:5px;color:#a7b9cf}.csd-activity time{color:#9fb1c8}.csd-breakdown-body{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.csd-donut{--staff:50;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(#5d8cff 0 calc(var(--staff)*1%), #73d2be calc(var(--staff)*1%) 100%);position:relative}.csd-donut:before{content:'';position:absolute;inset:32px;background:#071827;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(123,166,219,.18)}.csd-donut strong,.csd-donut span{position:relative;z-index:1;text-align:center;grid-area:1/1}.csd-donut strong{font-size:34px;transform:translateY(-16px)}.csd-donut span{color:#b8c7dc;transform:translateY(22px);line-height:1.2}.csd-breakdown-list{display:grid;gap:11px}.csd-breakdown-list div{display:grid;grid-template-columns:12px 1fr 34px 44px;align-items:center;gap:9px;color:#c7d7ea}.csd-breakdown-list em{font-style:normal;color:#b2c2d6}.csd-dot{width:10px;height:10px;border-radius:50%;display:block}.csd-dot.blue{background:#5d8cff}.csd-dot.green{background:#73d2be}.csd-dot.gold{background:#f4bd37}.csd-dot.orange{background:#ff9959}.csd-dot.purple{background:#ad70ff}.csd-dot.muted{background:#73859b}.csd-panel-note{margin:18px 0 0;color:#91a4bb}.csd-division-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.csd-division-status{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;border:1px solid rgba(123,166,219,.18);background:rgba(4,16,29,.42);padding:14px;text-decoration:none;color:#fff}.csd-division-status>span{width:40px;height:40px;display:grid;place-items:center;background:rgba(52,102,166,.12);border:1px solid rgba(123,166,219,.2)}.csd-division-status strong{display:block;line-height:1.1}.csd-division-status b{font-size:22px}.csd-division-status small{color:#aebed1}.csd-division-status i{display:block;height:5px;background:#132a44;margin-top:8px}.csd-division-status i em{display:block;height:100%;background:#5d8cff}.csd-division-status>small{align-self:end;color:#b9c7da}
@media(max-width:1350px){.command-sidebar-dashboard{grid-template-columns:260px minmax(0,1fr)}.csd-stat-row{grid-template-columns:repeat(3,1fr)}.csd-action-grid{grid-template-columns:repeat(2,1fr)}.csd-lower-grid{grid-template-columns:1fr}.csd-top-right{gap:10px}.csd-search{width:260px}}
@media(max-width:900px){.command-sidebar-dashboard{display:block}.csd-sidebar{position:relative;min-height:auto}.csd-main{min-height:auto}.csd-topline{height:auto;padding:16px;display:grid;gap:14px}.csd-top-right{flex-wrap:wrap}.csd-search{width:100%}.csd-content{padding:14px}.csd-hero{display:block;padding:24px}.csd-seal{display:none}.csd-stat-row,.csd-action-grid,.csd-division-status-grid{grid-template-columns:1fr}.csd-breakdown-body{grid-template-columns:1fr}.csd-brand strong{font-size:14px}}


/* Live Patch 013 - Global sidebar shell + Discord login placement */
body.command-shell-body{
  margin:0;
  background:#06111e;
  color:#f4f8ff;
}
.global-command-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  background:radial-gradient(circle at top right,rgba(31,78,136,.28),transparent 32%),linear-gradient(180deg,#061423,#081a2c 46%,#06111e);
}
.global-command-shell .csd-main{
  min-width:0;
  min-height:100vh;
}
.command-page-content{
  width:100%;
  max-width:none;
  padding:22px;
  margin:0;
}
.command-page-content .page-heading{
  margin:0 0 22px;
  padding:28px 30px;
  border:1px solid rgba(123,166,219,.24);
  background:linear-gradient(90deg,rgba(11,35,59,.96),rgba(10,33,56,.78));
}
.command-page-content .page-heading h1{
  margin:8px 0 0;
}
.command-page-content .page-heading p{
  max-width:820px;
}
.csd-login-box a{
  text-decoration:none;
}
.csd-login-box strong{
  color:#fff;
}
.csd-user strong{
  max-width:190px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.csd-user small{
  max-width:190px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.flash{
  position:fixed;
  top:14px;
  right:14px;
  z-index:9999;
  max-width:520px;
  border-radius:4px;
  border:1px solid rgba(123,166,219,.32);
  background:#081826;
  color:#dcecff;
  padding:12px 14px;
  box-shadow:0 16px 45px rgba(0,0,0,.35);
}
.flash-success{border-color:rgba(54,209,132,.5)}
.flash-error{border-color:rgba(235,83,83,.6)}
/* Remove old public topbar spacing when global shell is active */
.command-shell-body .site-shell,
.command-shell-body .topbar{
  display:none !important;
}
/* Make every normal module fit the command shell */
.command-page-content .main-content{
  padding:0;
}
.command-page-content .module-grid,
.command-page-content .settings-grid,
.command-page-content .org-wrap,
.command-page-content .roster-toolbar,
.command-page-content .roster-table-card,
.command-page-content .document-panel,
.command-page-content .doc-list,
.command-page-content .toolbar{
  max-width:none;
}
@media(max-width:1350px){
  .global-command-shell{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:900px){
  .global-command-shell{display:block}
  .command-page-content{padding:14px}
}

/* Live Portal Patch 014 - Roster Page Rebuild */
.roster-v2-page{display:grid;gap:18px;color:#e9f3ff}.roster-v2-header{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:stretch}.roster-v2-header h1{margin:8px 0 8px;font-size:clamp(34px,3.6vw,56px);line-height:.96;letter-spacing:-.04em;text-shadow:0 4px 0 rgba(0,0,0,.28)}.roster-v2-header p{max-width:780px;color:#9fb4cd;line-height:1.7;margin:0}.roster-sync-card{background:linear-gradient(180deg,rgba(9,24,41,.96),rgba(7,17,30,.96));border:1px solid rgba(96,142,190,.26);border-left:3px solid #d8a31a;padding:18px;display:grid;gap:6px;align-content:center;box-shadow:0 18px 44px rgba(0,0,0,.24)}.roster-sync-card span{color:#7892ad;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.roster-sync-card strong{font-size:22px}.roster-sync-card small{color:#8aa5c1}.roster-sync-card a{color:#ffd767;text-decoration:none;font-weight:900;font-size:13px}.roster-v2-tabs{display:flex;flex-wrap:wrap;gap:10px;background:rgba(8,22,38,.62);border:1px solid rgba(92,137,185,.22);padding:12px}.roster-v2-tab{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:9px 12px;text-decoration:none;border:1px solid rgba(85,129,176,.27);background:#091a2d;color:#c9ddf2;font-weight:900;font-size:13px}.roster-v2-tab b{min-width:24px;text-align:center;padding:2px 8px;background:#0e2a47;color:#a6ceff;border:1px solid rgba(94,158,224,.25);font-size:12px}.roster-v2-tab:hover{border-color:rgba(216,163,26,.55);color:#fff}.roster-v2-tab.active{background:linear-gradient(180deg,rgba(216,163,26,.16),rgba(216,163,26,.06));border-color:rgba(216,163,26,.62);color:#ffd767}.roster-v2-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.55fr));gap:12px;align-items:end;background:#071a2e;border:1px solid rgba(87,133,181,.24);padding:14px}.roster-v2-toolbar label{display:grid;gap:7px}.roster-v2-toolbar label span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8199b5;font-weight:900}.roster-v2-toolbar input,.roster-v2-toolbar select{width:100%;height:42px;border:1px solid rgba(94,143,192,.32);background:#061323;color:#e9f3ff;padding:0 12px;font:inherit;outline:none}.roster-v2-toolbar input:focus,.roster-v2-toolbar select:focus{border-color:#d8a31a;box-shadow:0 0 0 2px rgba(216,163,26,.12)}.roster-admin-actions{display:flex;align-items:center;gap:10px;background:rgba(216,163,26,.08);border:1px solid rgba(216,163,26,.32);padding:12px 14px;color:#f4d17a}.roster-admin-actions strong{margin-right:4px}.roster-admin-actions span{color:#aebed0;margin-right:auto}.roster-admin-actions a{padding:8px 12px;border:1px solid rgba(216,163,26,.35);background:rgba(216,163,26,.08);color:#ffe08a;text-decoration:none;font-weight:900}.roster-v2-table-card{overflow:auto;border:1px solid rgba(92,137,185,.28);background:linear-gradient(180deg,rgba(6,19,34,.96),rgba(4,12,22,.96));box-shadow:0 22px 60px rgba(0,0,0,.25)}.roster-v2-table{width:100%;min-width:1340px;border-collapse:collapse}.roster-v2-table th{position:sticky;top:0;z-index:1;background:#101a24;color:#d9a514;text-transform:uppercase;letter-spacing:.09em;font-size:11px;padding:13px 14px;border-bottom:1px solid rgba(216,163,26,.26);white-space:nowrap}.roster-v2-table td{padding:14px;border-bottom:1px solid rgba(83,123,166,.16);color:#b9cbe0;vertical-align:middle}.roster-v2-table .roster-category-row td{background:#07101c;border-top:1px solid rgba(216,163,26,.24);border-bottom:1px solid rgba(216,163,26,.22);color:#d8a31a;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.roster-v2-table .roster-category-row span{margin-right:10px}.roster-v2-table .roster-category-row small{color:#7f94ac;text-transform:none;letter-spacing:0}.roster-member-row{cursor:pointer;transition:background .16s ease, box-shadow .16s ease}.roster-member-row:hover{background:rgba(58,112,169,.12);box-shadow:inset 3px 0 0 #d8a31a}.roster-member-row:focus{outline:2px solid rgba(216,163,26,.65);outline-offset:-2px}.roster-v2-table .name-cell strong{color:#fff;font-size:14px}.roster-v2-table .callsign-cell,.roster-v2-table .rank-cell{color:#ffd767;font-weight:900}.roster-v2-table .mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#dcecff}.roster-v2-table .muted-cell{color:#7f94ac}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 9px;border:1px solid rgba(99,140,184,.35);background:#0d2036;color:#d6e8fb;font-size:11px;font-weight:900;text-transform:none;white-space:nowrap}.status-pill.active{border-color:rgba(47,217,145,.52);background:rgba(47,217,145,.12);color:#73efba}.status-pill.inactive{border-color:rgba(255,88,101,.42);background:rgba(255,88,101,.1);color:#ff9aa3}.status-pill.exempt{border-color:rgba(85,151,255,.55);background:rgba(85,151,255,.15);color:#9ec5ff}.status-pill.warning{border-color:rgba(216,163,26,.5);background:rgba(216,163,26,.12);color:#ffd767}.status-pill.neutral{color:#a7b8ca}.roster-profile-modal{position:fixed;inset:0;z-index:1000;display:none}.roster-profile-modal.open{display:block}.roster-profile-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.roster-profile-card{position:relative;z-index:2;width:min(1200px,calc(100vw - 34px));max-height:calc(100vh - 70px);overflow:auto;margin:34px auto;background:#0a0f16;border:1px solid rgba(90,132,177,.28);box-shadow:0 32px 90px rgba(0,0,0,.6);padding:22px 22px 18px}.roster-profile-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid rgba(111,150,190,.3);background:#111923;color:#fff;font-size:22px;cursor:pointer}.roster-profile-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid rgba(87,126,166,.18);padding-bottom:16px}.roster-profile-top h2{font-size:25px;margin:0 0 8px}.roster-profile-rank{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.roster-profile-rank strong,.roster-profile-rank span:not(.status-pill){color:#ffd767;font-weight:950}.roster-profile-id{color:#566a7f;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.roster-profile-id b{color:#879cb4}.roster-profile-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(87,126,166,.18)}.roster-profile-meta div{display:grid;gap:6px}.roster-profile-meta span,.roster-profile-section h3,.roster-profile-stats span{color:#60738a;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.roster-profile-meta strong{font-size:14px;color:#ddeaff}.roster-profile-section{padding-top:18px;border-bottom:1px solid rgba(87,126,166,.14);padding-bottom:14px}.roster-profile-section h3{margin:0 0 10px;color:#d8a31a}.roster-profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.roster-profile-stats.previous{grid-template-columns:repeat(4,1fr)}.roster-profile-stats div{background:#121820;border:1px solid rgba(72,104,138,.17);padding:12px}.roster-profile-stats strong{display:block;margin-top:7px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.roster-profile-certs{display:flex;gap:8px;flex-wrap:wrap}.roster-profile-certs span{display:inline-flex;align-items:center;border:1px solid rgba(47,217,145,.42);background:rgba(47,217,145,.1);color:#72efb9;padding:7px 10px;font-size:12px;font-weight:900}.roster-v2-empty{border-radius:0}.command-page-content .roster-v2-page{max-width:100%}@media(max-width:1200px){.roster-v2-header{grid-template-columns:1fr}.roster-v2-toolbar{grid-template-columns:1fr 1fr}.roster-profile-meta{grid-template-columns:1fr 1fr}.roster-profile-stats,.roster-profile-stats.previous{grid-template-columns:1fr 1fr}}@media(max-width:720px){.roster-v2-toolbar{grid-template-columns:1fr}.roster-admin-actions{align-items:stretch;flex-direction:column}.roster-profile-card{margin:12px auto;width:calc(100vw - 18px);max-height:calc(100vh - 24px)}.roster-profile-top,.roster-profile-meta{display:grid;grid-template-columns:1fr}.roster-profile-stats,.roster-profile-stats.previous{grid-template-columns:1fr}.roster-v2-tabs{overflow-x:auto;flex-wrap:nowrap}.roster-v2-tab{white-space:nowrap}}

/* Live Portal Patch 015 - Roster full-width shell + table cleanup */
html,
body.command-shell-body {
  width: 100%;
  min-width: 0;
  max-width: none;
  overflow-x: hidden;
}

body.command-shell-body {
  display: block !important;
  background: #061423 !important;
}

body.command-shell-body > .global-command-shell,
body.command-shell-body > .command-sidebar-dashboard {
  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  align-items: stretch !important;
}

body.command-shell-body .csd-sidebar {
  width: 260px !important;
  min-width: 260px !important;
}

body.command-shell-body .csd-main,
body.command-shell-body .csd-topline,
body.command-shell-body .csd-content,
body.command-shell-body .command-page-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.command-shell-body .command-page-content {
  padding: 18px !important;
}

body.command-shell-body .roster-v2-page,
body.command-shell-body .roster-v2-header,
body.command-shell-body .roster-v2-tabs,
body.command-shell-body .roster-v2-toolbar,
body.command-shell-body .roster-v2-table-card,
body.command-shell-body .roster-admin-actions {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep the roster page readable and use the available horizontal space. */
body.command-shell-body .roster-v2-table-card {
  overflow-x: auto !important;
  scrollbar-color: rgba(216,163,26,.55) rgba(9,24,42,.85);
}

body.command-shell-body .roster-v2-table {
  width: 100% !important;
  min-width: 1180px !important;
  table-layout: fixed !important;
}

body.command-shell-body .roster-v2-table th,
body.command-shell-body .roster-v2-table td {
  padding: 12px 12px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere;
}

body.command-shell-body .roster-v2-table th:nth-child(1),
body.command-shell-body .roster-v2-table td:nth-child(1) { width: 78px; }
body.command-shell-body .roster-v2-table th:nth-child(2),
body.command-shell-body .roster-v2-table td:nth-child(2) { width: 120px; }
body.command-shell-body .roster-v2-table th:nth-child(3),
body.command-shell-body .roster-v2-table td:nth-child(3) { width: 82px; }
body.command-shell-body .roster-v2-table th:nth-child(4),
body.command-shell-body .roster-v2-table td:nth-child(4) { width: 130px; }
body.command-shell-body .roster-v2-table th:nth-child(5),
body.command-shell-body .roster-v2-table td:nth-child(5) { width: 155px; }
body.command-shell-body .roster-v2-table th:nth-child(6),
body.command-shell-body .roster-v2-table td:nth-child(6) { width: 120px; }
body.command-shell-body .roster-v2-table th:nth-child(7),
body.command-shell-body .roster-v2-table td:nth-child(7) { width: 92px; }
body.command-shell-body .roster-v2-table th:nth-child(8),
body.command-shell-body .roster-v2-table td:nth-child(8) { width: 92px; }
body.command-shell-body .roster-v2-table th:nth-child(9),
body.command-shell-body .roster-v2-table td:nth-child(9) { width: 96px; text-align:center; }
body.command-shell-body .roster-v2-table th:nth-child(10),
body.command-shell-body .roster-v2-table td:nth-child(10) { width: 100px; text-align:center; }
body.command-shell-body .roster-v2-table th:nth-child(n+11),
body.command-shell-body .roster-v2-table td:nth-child(n+11) { width: 92px; text-align:center; }

body.command-shell-body .roster-v2-table .name-cell strong,
body.command-shell-body .roster-v2-table .rank-cell,
body.command-shell-body .roster-v2-table .callsign-cell {
  font-size: 12px !important;
}

body.command-shell-body .roster-v2-header {
  grid-template-columns: minmax(0, 1fr) 300px !important;
}

body.command-shell-body .roster-v2-toolbar {
  grid-template-columns: minmax(320px, 1.45fr) repeat(3, minmax(160px, .55fr)) !important;
}

@media (min-width: 1550px) {
  body.command-shell-body .roster-v2-table {
    min-width: 0 !important;
  }
}

@media (max-width: 1050px) {
  body.command-shell-body > .global-command-shell,
  body.command-shell-body > .command-sidebar-dashboard {
    display: block !important;
    width: 100% !important;
  }
  body.command-shell-body .csd-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
  }
  body.command-shell-body .roster-v2-header,
  body.command-shell-body .roster-v2-toolbar {
    grid-template-columns: 1fr !important;
  }
}

/* Live Portal Patch 016 - BPST Certifications Settings + Member Cert Editor */
.settings-tabs{
  display:flex;
  gap:10px;
  align-items:center;
  margin:0 0 18px;
  padding:10px;
  background:rgba(6,19,34,.82);
  border:1px solid rgba(87,133,181,.24);
}
.settings-tabs a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  color:#b9cce2;
  text-decoration:none;
  font-weight:900;
  border:1px solid rgba(89,135,183,.25);
  background:#07182a;
}
.settings-tabs a.active{
  color:#ffd767;
  border-color:rgba(216,163,26,.62);
  background:rgba(216,163,26,.1);
}
.cert-settings-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:18px;
  margin-bottom:18px;
}
.cert-add-form,
.cert-log-card form{
  display:grid;
  gap:12px;
}
.settings-card .inline-check,
.inline-check{
  display:flex!important;
  align-items:center;
  gap:10px;
  color:#c8d9ec;
  font-weight:900;
}
.inline-check input{
  width:auto!important;
  height:auto!important;
}
.cert-registry-list{
  display:grid;
  gap:18px;
}
.cert-category-card{
  background:linear-gradient(180deg,rgba(7,20,35,.96),rgba(4,13,24,.96));
  border:1px solid rgba(87,133,181,.24);
  box-shadow:0 20px 60px rgba(0,0,0,.24);
}
.cert-category-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border-bottom:1px solid rgba(216,163,26,.24);
  background:rgba(216,163,26,.06);
}
.cert-category-head h2{
  margin:0;
  font-size:17px;
  color:#fff;
}
.cert-category-head span{
  color:#ffd767;
  font-weight:900;
  font-size:12px;
}
.cert-row-form{
  display:grid;
  grid-template-columns:112px minmax(220px,1.2fr) minmax(180px,.9fr) 145px 82px 105px 170px;
  gap:10px;
  align-items:end;
  padding:12px 14px;
  border-bottom:1px solid rgba(83,123,166,.14);
}
.cert-row-form:last-child{border-bottom:0}
.cert-row-form label,
.cert-add-form label,
.cert-log-card label{
  display:grid;
  gap:6px;
  color:#6f86a2;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
  font-weight:900;
}
.cert-row-form input,
.cert-row-form select,
.cert-add-form input,
.cert-add-form select,
.cert-log-card input{
  width:100%;
  height:39px;
  border:1px solid rgba(95,141,190,.28);
  background:#061423;
  color:#e7f2ff;
  padding:0 10px;
  font:inherit;
  text-transform:none;
  letter-spacing:0;
}
.cert-row-code input{
  color:#ffd767;
  font-weight:950;
  background:#0b1b2d;
}
.cert-row-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.btn-danger{
  border-color:rgba(255,88,101,.4)!important;
  color:#ffb3ba!important;
  background:rgba(255,88,101,.1)!important;
}
.roster-cert-editor{
  margin-top:18px;
  border-top:1px solid rgba(87,126,166,.18);
  padding-top:18px;
}
.cert-editor-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}
.cert-editor-head h3{
  margin:0 0 5px;
  color:#ffd767;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
}
.cert-editor-head p{
  margin:0;
  color:#8095ac;
  line-height:1.5;
  font-size:12px;
}
.cert-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.cert-editor-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(80,124,172,.22);
  background:#0d141d;
  padding:10px;
  cursor:pointer;
}
.cert-editor-option:hover{
  border-color:rgba(216,163,26,.45);
}
.cert-editor-option input{
  width:16px;
  height:16px;
}
.cert-editor-option span{
  color:#dfefff;
  font-size:12px;
  font-weight:800;
}
.cert-editor-option span b{
  color:#ffd767;
  margin-right:4px;
}
.cert-editor-option small{
  color:#82a2c6;
  font-size:11px;
  border:1px solid rgba(94,143,192,.2);
  padding:3px 6px;
  background:#081828;
  white-space:nowrap;
}
.roster-profile-certs span{
  max-width:100%;
}
@media(max-width:1350px){
  .cert-settings-layout{grid-template-columns:1fr}
  .cert-row-form{grid-template-columns:1fr 1fr}
  .cert-row-actions{grid-column:1/-1}
}
@media(max-width:720px){
  .settings-tabs{overflow-x:auto}
  .cert-row-form,
  .cert-editor-grid{grid-template-columns:1fr}
  .cert-editor-head{display:grid}
}


/* Patch 017: portal-managed certification notice */
.portal-managed-notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(245, 177, 27, 0.38);
    background: linear-gradient(135deg, rgba(245, 177, 27, 0.10), rgba(28, 105, 189, 0.06));
    padding: 18px 20px;
    margin: 0 0 18px;
}
.portal-managed-notice strong {
    display: block;
    color: #f5c84c;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.portal-managed-notice p {
    margin: 7px 0 0;
    color: #a9bad4;
}
.portal-managed-notice span {
    border: 1px solid rgba(245, 177, 27, 0.55);
    color: #f5c84c;
    padding: 8px 10px;
    font-weight: 800;
    white-space: nowrap;
    background: rgba(245, 177, 27, 0.08);
}
.cert-row-actions .btn-danger {
    background: rgba(216, 55, 55, 0.12);
    border-color: rgba(255, 95, 95, 0.42);
    color: #ff8d8d;
}

/* Live Portal Patch 018 - Certifications + Member Lookup */
body.command-shell-body .roster-v2-tabs{align-items:center}
body.command-shell-body .roster-v2-tab[href*="certifications"]{border-color:rgba(47,217,145,.32)}
body.command-shell-body .roster-v2-tab[href*="member-lookup"]{border-color:rgba(216,163,26,.45);background:rgba(216,163,26,.08)}
.roster-cert-catalog,.member-lookup-page{display:grid;gap:18px}.cert-catalog-head,.member-lookup-head{display:flex;justify-content:space-between;gap:24px;align-items:stretch;background:linear-gradient(180deg,rgba(9,24,41,.96),rgba(6,17,30,.96));border:1px solid rgba(92,137,185,.26);border-left:3px solid #d8a31a;padding:20px}.cert-catalog-head h2,.member-lookup-head h2{font-size:30px;line-height:1;margin:8px 0;color:#fff}.cert-catalog-head p,.member-lookup-head p{margin:0;color:#9fb4cd;max-width:780px}.cert-count-card{min-width:155px;display:grid;align-content:center;justify-items:start;background:#091a2d;border:1px solid rgba(94,143,192,.26);padding:16px}.cert-count-card strong{font-size:34px;color:#fff;line-height:1}.cert-count-card span{color:#79f0b6;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900}.cert-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cert-category-panel{background:#071a2e;border:1px solid rgba(92,137,185,.24);padding:16px;display:grid;gap:12px}.cert-category-panel h3{display:flex;justify-content:space-between;margin:0;color:#fff;font-size:17px}.cert-category-panel h3 small{color:#d8a31a}.cert-preview-list{display:flex;flex-wrap:wrap;gap:8px}.cert-preview-chip{border:1px solid rgba(47,217,145,.38);background:rgba(47,217,145,.1);color:#77f2bc;padding:7px 9px;font-size:12px;font-weight:900}.cert-preview-chip.sit-plus{border-color:rgba(216,163,26,.44);background:rgba(216,163,26,.1);color:#ffe08a}.member-lookup-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.lookup-member-list{background:#071a2e;border:1px solid rgba(92,137,185,.24);padding:14px;display:grid;gap:12px;align-content:start}.lookup-member-list label{display:grid;gap:7px}.lookup-member-list label span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8199b5;font-weight:900}.lookup-member-list input{height:42px;border:1px solid rgba(94,143,192,.32);background:#061323;color:#e9f3ff;padding:0 12px;font:inherit}.lookup-results{display:grid;gap:8px;max-height:680px;overflow:auto;padding-right:4px}.lookup-member-card{display:grid;gap:4px;text-align:left;background:#081726;border:1px solid rgba(89,133,179,.24);color:#dcecff;padding:12px;cursor:pointer}.lookup-member-card strong{font-size:15px;color:#fff}.lookup-member-card span{color:#ffd767;font-weight:900}.lookup-member-card small{color:#7f94ac}.lookup-member-card.active,.lookup-member-card:hover{border-color:rgba(216,163,26,.62);box-shadow:inset 3px 0 0 #d8a31a;background:rgba(216,163,26,.08)}.member-editor-panel{background:#061323;border:1px solid rgba(92,137,185,.24);padding:16px;display:grid;gap:16px}.member-editor-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid rgba(87,126,166,.16);padding-bottom:14px}.member-editor-title h3{margin:0;color:#fff;font-size:25px}.member-editor-title p{margin:6px 0 0;color:#ffd767;font-weight:900}.member-editor-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.member-editor-meta div{background:#0b1724;border:1px solid rgba(74,112,151,.22);padding:12px}.member-editor-meta span{display:block;color:#60738a;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.member-editor-meta strong{display:block;margin-top:6px;color:#e9f3ff}.member-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-action-card{background:#0b1724;border:1px solid rgba(74,112,151,.22);padding:14px;display:grid;gap:10px}.member-action-card.danger{border-color:rgba(255,88,101,.26)}.member-action-card h4{margin:0;color:#fff}.member-action-card label,.member-cert-manager label{display:grid;gap:6px;color:#8199b5;font-size:12px;font-weight:900}.member-action-card input,.member-action-card select{height:38px;border:1px solid rgba(94,143,192,.28);background:#061323;color:#e9f3ff;padding:0 10px}.member-cert-manager{background:#071a2e;border:1px solid rgba(92,137,185,.24);padding:16px;display:grid;gap:16px}.lookup-cert-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lookup-cert-group{border:1px solid rgba(86,130,177,.24);background:#081625;margin:0;padding:12px;display:grid;gap:8px}.lookup-cert-group legend{padding:0 8px;color:#d8a31a;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.lookup-cert-option{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#0b1724;border:1px solid rgba(74,112,151,.22);padding:9px}.lookup-cert-option input{width:16px;height:16px;accent-color:#2fd991}.lookup-cert-option span{color:#e8f4ff;font-size:12px}.lookup-cert-option small{color:#7892ad;font-size:11px}.profile-cert-help{margin:-4px 0 12px;color:#7f94ac;font-size:12px}.cert-status-list{display:grid;gap:12px}.profile-cert-group{display:grid;gap:8px}.profile-cert-group h4{margin:0;color:#d8a31a;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.profile-cert-chip-grid{display:flex;gap:8px;flex-wrap:wrap}.cert-status-chip{display:inline-flex;align-items:center;border:1px solid rgba(90,132,177,.28);background:#101820;color:#8da3bc;padding:7px 10px;font-size:12px;font-weight:900}.cert-status-chip.has-cert{border-color:rgba(47,217,145,.42);background:rgba(47,217,145,.1);color:#72efb9}.cert-status-chip.missing-cert{border-color:rgba(112,130,151,.25);background:#111820;color:#7e8fa4}.profile-cert-section h3{display:flex;gap:10px;align-items:center}.profile-cert-section h3 small{color:#8fb2d8;font-size:12px}.settings-card .cert-row-form{align-items:end}.cert-registry-list .cert-category-card{box-shadow:0 18px 44px rgba(0,0,0,.18)}@media(max-width:1200px){.cert-category-grid{grid-template-columns:1fr 1fr}.member-lookup-grid{grid-template-columns:1fr}.member-action-grid{grid-template-columns:1fr}.lookup-cert-groups{grid-template-columns:1fr}.member-editor-meta{grid-template-columns:1fr 1fr}}@media(max-width:720px){.cert-catalog-head,.member-lookup-head,.member-editor-title{display:grid}.cert-category-grid{grid-template-columns:1fr}.member-editor-meta{grid-template-columns:1fr}.cert-count-card{min-width:0}.lookup-cert-option{grid-template-columns:auto 1fr}}

/* Patch 019 - Grouped resource sidebar + BPST polish */
.grouped-resource-sidebar .csd-brand{margin-bottom:12px;padding-bottom:20px}
.grouped-csd-menu{gap:2px;overflow:auto;padding-right:4px}
.csd-menu-heading{margin:18px 10px 7px;color:#71849c;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:1000;line-height:1.2}
.csd-menu-heading:first-child{margin-top:4px}
.grouped-resource-sidebar .csd-menu-item{min-height:38px;padding:10px 12px;border-left-width:3px;font-size:13px;color:#b9c8db}
.grouped-resource-sidebar .csd-menu-item span{width:22px;font-size:15px;opacity:.92}
.grouped-resource-sidebar .csd-menu-item b{font-size:13px;line-height:1.2;font-weight:850}
.grouped-resource-sidebar .csd-menu-item.active{background:rgba(216,163,26,.12);border-left-color:#d8a31a;box-shadow:inset 0 0 0 1px rgba(216,163,26,.16)}
.grouped-resource-sidebar .csd-menu-item.active span,.grouped-resource-sidebar .csd-menu-item.active b{color:#ffd34f}
.csd-sidebar-footer{margin-top:auto;display:grid;gap:12px;padding-top:16px}
.csd-mission-mini{border-top:1px solid rgba(123,166,219,.14);padding:16px 10px 2px;text-align:center;color:#7f93ad}
.csd-mission-mini span{width:32px;height:32px;margin:0 auto 9px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(216,163,26,.32);background:rgba(216,163,26,.08);color:#d8a31a}
.csd-mission-mini strong{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#8aa1bb;margin-bottom:5px}
.csd-mission-mini small{display:block;font-size:11px;line-height:1.45;color:#667a91}
.grouped-resource-sidebar .csd-help-box{margin-top:0;border-radius:0;background:rgba(216,163,26,.045);padding:13px}
.grouped-resource-sidebar .csd-help-box strong{font-size:12px;color:#fff}
.grouped-resource-sidebar .csd-help-box span{font-size:12px;line-height:1.35}
.grouped-resource-sidebar .csd-help-box a{height:36px;font-size:12px;border-radius:0}
@media(max-width:900px){.grouped-csd-menu{max-height:none;overflow:visible}.csd-sidebar-footer{margin-top:16px}}

/* === Live Patch 020: Permission cleanup + clean roster layout === */
.module-blank-page{min-height:calc(100vh - 190px);display:grid;place-items:center;padding:40px 0;background:radial-gradient(circle at center,rgba(25,61,103,.18),transparent 42%)}
.module-blank-card{width:min(760px,92vw);border:1px solid rgba(94,143,192,.22);background:linear-gradient(180deg,rgba(8,24,41,.74),rgba(5,16,28,.78));padding:44px;text-align:center;color:#d8e8fb;box-shadow:0 20px 70px rgba(0,0,0,.25)}
.module-blank-card span{display:inline-grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border:1px solid rgba(216,163,26,.38);background:rgba(216,163,26,.07);font-size:28px}.module-blank-card h2{margin:0 0 8px;font-size:30px}.module-blank-card p{margin:0;color:#8da3bd}
body.command-shell-body .clean-roster-table-card{max-width:100%;overflow:hidden;border-radius:0;border-color:rgba(87,126,166,.23);background:#0a1a2c}body.command-shell-body .clean-roster-table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:fixed;background:rgba(7,20,35,.96)}body.command-shell-body .clean-roster-table thead th{background:#18242d;color:#d8a31a;text-transform:uppercase;letter-spacing:.075em;font-size:12px;font-weight:1000;padding:15px 14px;border-bottom:1px solid rgba(216,163,26,.22)}body.command-shell-body .clean-roster-table td{padding:17px 14px;border-bottom:1px solid rgba(90,130,170,.12);color:#bdcadd;vertical-align:middle}body.command-shell-body .clean-roster-table .roster-category-row td{background:#0a1727;color:#d8a31a;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000;border-top:1px solid rgba(216,163,26,.15);border-bottom:1px solid rgba(216,163,26,.16);padding:13px 14px}body.command-shell-body .clean-roster-table .roster-category-row small{margin-left:10px;color:#7e91aa;text-transform:none;letter-spacing:0}.clean-roster-table .name-cell strong{color:#f2f7ff;font-size:15px}.clean-roster-table .callsign-cell,.clean-roster-table .rank-cell{color:#ffca27;font-weight:1000}.clean-roster-table .mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d8e5f7}.clean-roster-table .cert-count-cell{color:#79f0b6;font-weight:1000}.clean-roster-table .roster-member-row{cursor:pointer}.clean-roster-table .roster-member-row:hover{background:rgba(64,126,206,.08)}body.command-shell-body .clean-roster-table th:nth-child(1),body.command-shell-body .clean-roster-table td:nth-child(1){width:110px}body.command-shell-body .clean-roster-table th:nth-child(2),body.command-shell-body .clean-roster-table td:nth-child(2){width:150px}body.command-shell-body .clean-roster-table th:nth-child(3),body.command-shell-body .clean-roster-table td:nth-child(3){width:110px}body.command-shell-body .clean-roster-table th:nth-child(4),body.command-shell-body .clean-roster-table td:nth-child(4){width:170px}body.command-shell-body .clean-roster-table th:nth-child(5),body.command-shell-body .clean-roster-table td:nth-child(5){width:185px}body.command-shell-body .clean-roster-table th:nth-child(6),body.command-shell-body .clean-roster-table td:nth-child(6){width:120px}body.command-shell-body .clean-roster-table th:nth-child(7),body.command-shell-body .clean-roster-table td:nth-child(7){width:110px}body.command-shell-body .clean-roster-table th:nth-child(n+8),body.command-shell-body .clean-roster-table td:nth-child(n+8){width:125px;text-align:center}
.member-permission-note{border:1px solid rgba(216,163,26,.34);background:rgba(216,163,26,.08);color:#ffe08a;padding:13px 14px;font-weight:850}.member-lookup-head{border-left-color:#d8a31a}.lookup-member-card small{line-height:1.35}.member-cert-manager .cert-editor-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.member-cert-manager .cert-editor-head h3{margin:0 0 6px;color:#fff}.member-cert-manager .cert-editor-head p{margin:0;color:#91a7c3}.lookup-cert-option:has(input:checked){border-color:rgba(47,217,145,.46);background:rgba(47,217,145,.09)}.lookup-cert-option:has(input:checked) span{color:#76efbb}.lookup-cert-option input:disabled+span{color:#75879e}.settings-tabs a[href*="certifications"],.roster-v2-tab[href*="member-lookup"]{box-shadow:none}.section-header:empty{display:none}
@media(max-width:1300px){body.command-shell-body .clean-roster-table-card{overflow-x:auto}}@media(max-width:900px){.member-cert-manager .cert-editor-head{display:grid}.module-blank-card{padding:28px}}

/* Patch 021 - full reference roster/member lookup application */
body.command-shell-body.page-route-roster .csd-content{padding:22px 28px 42px;align-items:start}
body.command-shell-body.page-route-roster .roster-v2-page{width:min(1720px,100%);margin:0 auto;gap:18px}
body.command-shell-body.page-route-roster .roster-v2-header{grid-template-columns:minmax(0,1fr) 280px;align-items:start}
body.command-shell-body.page-route-roster .roster-v2-header h1{font-size:clamp(42px,4vw,64px)}
.grouped-roster-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:transparent;border:0;padding:0}
.roster-tab-group{border:1px solid rgba(92,137,185,.2);background:rgba(6,18,31,.65);padding:12px;display:grid;gap:8px;align-content:start;min-height:92px}
.roster-tab-group>span{color:#687d95;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:1000}.roster-tab-group>div{display:flex;flex-wrap:wrap;gap:7px}
.roster-tab-group .roster-v2-tab{min-height:30px;padding:6px 9px;font-size:12px;background:#0b1c30;border-color:rgba(91,136,184,.24)}
.roster-tab-group .roster-v2-tab b{min-width:20px;padding:1px 6px;font-size:10px}.roster-reference-toolbar{grid-template-columns:minmax(260px,520px) auto!important;justify-content:space-between;align-items:center;background:transparent;border:0;padding:0;margin-top:2px}.roster-reference-toolbar .roster-search-wrap{max-width:520px}.roster-reference-toolbar input{height:42px;background:#111c2a;border-color:rgba(112,143,176,.35);border-radius:7px}.roster-refresh-btn{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(91,136,184,.32);background:#0b1c2f;color:#cfe0f2;text-decoration:none;border-radius:6px;font-weight:850}.roster-refresh-btn:hover{border-color:rgba(216,163,26,.55);color:#ffd767}.reference-roster-table-card,.clean-roster-table-card{border-radius:10px!important;overflow:hidden!important;background:#0b192a!important;box-shadow:none!important}.reference-roster-table-card{overflow-x:auto!important}.reference-roster-table{width:100%;min-width:1320px;table-layout:auto}.reference-roster-table thead th,.clean-roster-table thead th{background:#18232c!important;color:#d9a514!important;padding:13px 18px!important}.reference-roster-table td,.clean-roster-table td{padding:15px 18px!important}.reference-roster-table .name-cell strong{font-size:16px}.reference-roster-table .rank-cell{color:#ffd34f!important}.reference-roster-table .callsign-cell{color:#ffc400!important}.reference-roster-foot{margin:8px 0 0;color:#6e8197;font-size:13px}.clean-roster-table .cert-count-cell{color:#d7e6f8!important}.roster-v2-table .roster-category-row td{background:#0a1727!important}.blank-no-content{min-height:calc(100vh - 170px);border:0;background:transparent}.member-lookup-page{width:min(1720px,100%);margin:0 auto}.member-lookup-grid{grid-template-columns:minmax(290px,380px) minmax(0,1fr)}.member-editor-panel{border-radius:8px}.senior-staff-limit-note{border-color:rgba(255,211,79,.38);background:rgba(255,211,79,.07);color:#ffe6a0}.member-action-card select option.command-restricted{display:none}.lookup-cert-group legend{color:#ffd34f}.lookup-cert-option{border-radius:5px}.lookup-cert-option small{white-space:nowrap}.csd-menu-heading{color:#7d90a7}.profile-cert-chip-grid .missing-cert{opacity:.7}
@media(max-width:1500px){.grouped-roster-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){body.command-shell-body.page-route-roster .roster-v2-header{grid-template-columns:1fr}.grouped-roster-tabs{grid-template-columns:1fr}.roster-reference-toolbar{grid-template-columns:1fr!important;justify-content:stretch}.roster-refresh-btn{width:100%}.member-lookup-grid{grid-template-columns:1fr}}


/* Live Patch 022 - Full reference CSS/UI apply */
:root{--ref-bg:#0d1117;--ref-bg2:#111827;--ref-panel:#1a1d24;--ref-panel2:#1a1f2e;--ref-line:rgba(255,255,255,.10);--ref-line2:rgba(192,162,61,.38);--ref-gold:#c0a23d;--ref-amber:#f59e0b;--ref-text:#f3f4f6;--ref-muted:#9ca3af;--ref-green:#10b981;--ref-red:#ef4444;--ref-blue:#3b82f6;--ref-radius:12px;--ref-shadow:0 24px 80px rgba(0,0,0,.42)}
body.command-shell-body{background:linear-gradient(135deg,#0d1117 0%,#111827 55%,#030712 100%)!important;color:var(--ref-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.command-sidebar-dashboard.global-command-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#0d1117,#111827 65%,#030712)}.csd-sidebar{width:300px;flex:0 0 300px;background:rgba(8,12,18,.96);border-right:1px solid rgba(192,162,61,.22);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;box-shadow:16px 0 60px rgba(0,0,0,.25);overflow-y:auto}.csd-brand{display:flex;align-items:center;gap:12px;padding:10px 10px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}.csd-brand-mark{width:46px;height:46px;border-radius:12px;border:1px solid rgba(192,162,61,.5);background:linear-gradient(135deg,rgba(192,162,61,.20),rgba(59,130,246,.10));display:grid;place-items:center;color:#fcd34d;font-weight:900;letter-spacing:.08em}.csd-brand strong{display:block;font-size:12px;line-height:1.15;text-transform:uppercase;letter-spacing:.08em}.csd-brand span{display:block;margin-top:3px;color:var(--ref-muted);font-size:10px;letter-spacing:.18em}.csd-menu{display:grid;gap:5px}.csd-menu-heading{margin:16px 10px 6px;color:rgba(192,162,61,.9);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.csd-nav-item,.csd-nav-link{display:flex;align-items:center;gap:10px;min-height:36px;padding:9px 10px;border-radius:10px;color:#d1d5db;text-decoration:none;border:1px solid transparent;font-size:13px;font-weight:700}.csd-nav-item:hover,.csd-nav-link:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:#fff}.csd-nav-item.active,.csd-nav-link.active{background:linear-gradient(90deg,rgba(192,162,61,.18),rgba(192,162,61,.06));border-color:rgba(192,162,61,.42);color:#fcd34d}.csd-sidebar-footer{margin-top:auto;padding-top:18px;display:grid;gap:12px}.csd-help-box,.csd-mission-mini{border:1px solid rgba(192,162,61,.20);border-radius:14px;background:rgba(255,255,255,.035);padding:13px}.csd-help-box strong,.csd-mission-mini strong{display:block;color:#f9fafb;font-size:13px}.csd-help-box span,.csd-mission-mini small{display:block;color:#9ca3af;font-size:12px;line-height:1.45;margin-top:4px}.csd-help-box a{display:flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 10px;border-radius:10px;background:rgba(192,162,61,.14);border:1px solid rgba(192,162,61,.38);color:#fcd34d;text-decoration:none;font-size:12px;font-weight:800}.csd-main{flex:1;min-width:0}.csd-topline{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(13,17,23,.78);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.csd-top-left{display:flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#f9fafb}.csd-top-left button{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff}.csd-top-right{display:flex;align-items:center;gap:12px}.csd-search{display:flex;align-items:center;gap:8px;width:310px;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04);color:#9ca3af}.csd-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.csd-search kbd{font-size:10px;color:#6b7280;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 5px}.csd-bell{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.csd-user{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);padding:7px 11px}.csd-user>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(192,162,61,.16);border:1px solid rgba(192,162,61,.35);color:#fcd34d;font-weight:900;font-size:10px}.csd-user strong{display:block;font-size:12px}.csd-user small{display:block;color:#c0a23d;font-size:11px}.csd-content{padding:24px;max-width:1600px;margin:0 auto}.roster-v2-page,.page-card,.panel,.settings-card,.document-panel,.empty-state,.feature-card,.home-card,.dashboard-card,.module-card,.roster-v2-table-card{border-radius:14px!important}.roster-v2-page{display:grid;gap:18px}.roster-v2-header{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:0}.roster-v2-header>div:first-child{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,rgba(192,162,61,.08),rgba(255,255,255,.025));padding:24px;position:relative;overflow:hidden}.roster-v2-header>div:first-child:after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(192,162,61,.13);background:radial-gradient(circle,rgba(192,162,61,.12),transparent 70%)}.eyebrow{color:var(--ref-gold);font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:900;margin-bottom:8px}.roster-v2-header h1{font-size:32px;line-height:1.05;font-weight:800;margin:0;color:#fff}.roster-v2-header p{margin-top:9px;color:#aeb6c2;max-width:760px}.roster-sync-card{min-width:260px;border:1px solid rgba(16,185,129,.24);border-radius:18px;background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(255,255,255,.025));padding:18px;display:grid;gap:6px}.roster-sync-card span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#10b981;font-weight:900}.roster-sync-card strong{font-size:20px}.roster-sync-card small{color:#9ca3af}.roster-sync-card a,.roster-refresh-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(192,162,61,.42);background:rgba(192,162,61,.12);color:#fcd34d;text-decoration:none;padding:9px 12px;font-weight:900;font-size:12px}.reference-stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reference-stat-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(26,29,36,.72);padding:16px;box-shadow:0 12px 34px rgba(0,0,0,.18);position:relative;overflow:hidden}.reference-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--ref-gold),rgba(59,130,246,.55))}.reference-stat-card span{display:block;color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.reference-stat-card strong{display:block;margin-top:6px;font-size:28px;line-height:1;font-weight:900;color:#fff}.reference-stat-card small{display:block;margin-top:7px;color:#c0a23d;font-size:12px}.reference-filter-panel{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(150px,.7fr)) auto;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);align-items:end}.reference-filter-panel label{display:grid;gap:6px}.reference-filter-panel label span{color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.reference-filter-panel input,.reference-filter-panel select{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:#0d1117;color:#f3f4f6;padding:0 11px}.grouped-roster-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.roster-tab-group{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);padding:12px}.roster-tab-group>span{display:block;color:#c0a23d;font-weight:900;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.roster-tab-group>div{display:flex;flex-wrap:wrap;gap:7px}.roster-v2-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#d1d5db;text-decoration:none;padding:8px 10px;font-size:12px;font-weight:800}.roster-v2-tab b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(59,130,246,.12);color:#93c5fd;border:1px solid rgba(59,130,246,.22);font-size:11px}.roster-v2-tab.active{background:rgba(192,162,61,.15);color:#fcd34d;border-color:rgba(192,162,61,.45)}.roster-v2-table-card{border:1px solid rgba(255,255,255,.08)!important;background:rgba(13,17,23,.70)!important;overflow:auto!important;box-shadow:var(--ref-shadow);padding:0!important}.roster-v2-table{min-width:1180px!important;border-collapse:separate!important;border-spacing:0!important}.roster-v2-table th{position:sticky;top:0;z-index:2;background:#1a1d24!important;color:#c0a23d!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;padding:12px 14px!important;border-bottom:1px solid rgba(192,162,61,.25)!important;white-space:nowrap}.roster-v2-table td{padding:12px 14px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#d1d5db!important;font-size:13px}.roster-v2-table tbody tr.roster-member-row:hover{background:rgba(192,162,61,.065)!important}.roster-category-row td{background:linear-gradient(90deg,rgba(192,162,61,.18),rgba(192,162,61,.04))!important;border-top:1px solid rgba(192,162,61,.22)!important;color:#fcd34d!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:11px!important}.roster-category-row small{margin-left:10px;color:#9ca3af;text-transform:none;letter-spacing:0;font-size:11px}.name-cell strong{color:#fff}.callsign-cell,.mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.rank-cell{color:#fcd34d!important}.status-pill,.status-badge{border-radius:999px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;padding:5px 8px!important;font-size:11px!important;font-weight:900!important}.status-pill.active,.status-badge.active{background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.30)!important;color:#6ee7b7!important}.status-pill.exempt,.status-badge.exempt{background:rgba(59,130,246,.12)!important;border-color:rgba(59,130,246,.30)!important;color:#93c5fd!important}.cert-count-cell{color:#fcd34d!important;font-weight:900}.member-lookup-page{display:grid;gap:18px}.member-lookup-head,.member-editor-panel,.lookup-member-list,.cert-category-panel,.member-action-card,.member-cert-manager{border:1px solid rgba(255,255,255,.08)!important;background:rgba(26,29,36,.72)!important;border-radius:14px!important}.member-lookup-head{display:flex;justify-content:space-between;gap:16px;padding:18px}.member-lookup-head h2{font-size:28px;margin:0}.member-lookup-head p{color:#9ca3af;margin-top:6px}.member-lookup-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.lookup-member-list{padding:14px;max-height:calc(100vh - 250px);overflow:auto}.lookup-member-list label{display:grid;gap:7px;color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.lookup-member-list input{height:40px;border-radius:10px;background:#0d1117;border:1px solid rgba(255,255,255,.10);color:#fff;padding:0 11px}.lookup-results{display:grid;gap:8px;margin-top:12px}.lookup-member-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);padding:12px;color:#fff}.lookup-member-card.active,.lookup-member-card:hover{border-color:rgba(192,162,61,.42);background:rgba(192,162,61,.10)}.lookup-member-card span,.lookup-member-card small{display:block;color:#9ca3af;margin-top:3px}.member-editor-panel{padding:16px}.member-editor-title,.cert-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:14px}.member-editor-title h3,.cert-editor-head h3{margin:0;font-size:22px}.member-editor-title p,.cert-editor-head p{color:#9ca3af;margin-top:5px}.member-editor-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.member-editor-meta>div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:12px;padding:11px}.member-editor-meta span{display:block;color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.member-editor-meta strong{display:block;color:#fff;margin-top:5px}.member-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.member-action-card{padding:14px}.member-action-card h4{margin:0 0 10px;color:#fcd34d}.member-action-card label,.member-cert-manager label{display:grid;gap:6px;margin-top:9px;color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.member-action-card input,.member-action-card select{height:38px;border-radius:10px;background:#0d1117;border:1px solid rgba(255,255,255,.10);color:#fff;padding:0 10px}.btn,.btn-primary,.btn-ghost,.btn-danger{border-radius:10px!important;font-weight:900!important}.btn-primary{background:rgba(192,162,61,.18)!important;border-color:rgba(192,162,61,.45)!important;color:#fcd34d!important}.btn-danger{background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.35)!important;color:#fecaca!important}.reference-structure-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.reference-structure-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(26,29,36,.72);padding:16px}.reference-structure-card span{color:#c0a23d;font-weight:900;letter-spacing:.16em}.reference-structure-card strong{display:block;margin-top:9px;color:#fff}.reference-structure-card small{display:block;margin-top:8px;color:#9ca3af}.empty-state,.document-panel{background:rgba(26,29,36,.72)!important;border:1px solid rgba(255,255,255,.08)!important}.flash{position:fixed;right:20px;top:80px;z-index:9999;border-radius:12px!important;background:#1a1d24!important;border:1px solid rgba(192,162,61,.35)!important;color:#fff!important;box-shadow:var(--ref-shadow)}@media(max-width:1200px){.grouped-roster-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-filter-panel{grid-template-columns:1fr 1fr}.member-lookup-grid{grid-template-columns:1fr}.reference-structure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csd-sidebar{position:fixed;left:0;transform:translateX(-100%);z-index:50}.csd-main{width:100%}.csd-content{padding:16px}.csd-search{display:none}}@media(max-width:720px){.roster-v2-header{flex-direction:column}.reference-stat-row,.grouped-roster-tabs,.reference-filter-panel,.member-editor-meta,.member-action-grid,.reference-structure-grid{grid-template-columns:1fr}.csd-topline{padding:0 12px}.csd-user small{display:none}}

/* Patch 023: Member Lookup view only shows stats + lookup workspace */
.roster-member-lookup-only{
  display:grid!important;
  gap:18px!important;
  max-width:1600px!important;
  margin:0 auto!important;
}
.member-lookup-stats-only{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:12px;
  align-items:stretch;
}
.compact-lookup-stats{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.lookup-sync-mini{
  border:1px solid rgba(16,185,129,.24);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(255,255,255,.025));
  padding:16px;
  display:grid;
  align-content:center;
  gap:6px;
}
.lookup-sync-mini span{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#10b981;
  font-weight:900;
}
.lookup-sync-mini strong{font-size:20px;color:#fff;line-height:1}
.lookup-sync-mini small{color:#9ca3af;font-size:12px}
.lookup-sync-mini a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid rgba(192,162,61,.42);
  background:rgba(192,162,61,.12);
  color:#fcd34d;
  text-decoration:none;
  padding:8px 10px;
  font-weight:900;
  font-size:12px;
  width:max-content;
}
.roster-member-lookup-only .member-lookup-page{max-width:1180px;width:100%;margin:0 auto;}
.roster-member-lookup-only .member-lookup-head{margin-top:0;}
.roster-member-lookup-only .member-lookup-head h2{font-size:24px!important;}
.roster-member-lookup-only .member-action-grid{margin-top:12px;}
@media(max-width:1200px){
  .member-lookup-stats-only{grid-template-columns:1fr;}
  .compact-lookup-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .lookup-sync-mini{grid-template-columns:1fr auto;align-items:center;}
}
@media(max-width:760px){
  .compact-lookup-stats{grid-template-columns:1fr!important;}
  .lookup-sync-mini{grid-template-columns:1fr;}
}