/* ══════════════════════════════════════════════════
   COMBINED DESIGN SYSTEM CSS — DARK THEME
   London District · shared.css + app.css merged
   ══════════════════════════════════════════════════ */

/* ── RESET & BASE ───────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Roboto', sans-serif; background: #0f1117; color: #e2e4eb; font-size: 14px; min-height: 100vh; }

/* ── TOPBAR ─────────────────────────────────────── */
.topbar { background:#161b27; height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 28px; border-bottom:1px solid #252d40; position:sticky; top:0; z-index:200; }
.logo { display:flex; align-items:center; gap:11px; text-decoration:none; }
.logo-img { width:38px; height:38px; border-radius:4px; overflow:hidden; flex-shrink:0; }
.logo-img img { width:100%; height:100%; object-fit:cover; display:block; }
.logo-text { font-size:1.05rem; font-weight:500; color:#e2e4eb; }
.user-btn { background:#3d47c9; color:#fff; border:none; border-radius:5px; padding:8px 16px; font-size:.84rem; font-weight:500; font-family:'Roboto',sans-serif; cursor:pointer; display:flex; align-items:center; gap:8px; position:relative; }
.user-btn svg { width:14px; height:14px; fill:currentColor; }
.dropdown { display:none; position:absolute; top:calc(100% + 4px); right:0; background:#1e2535; border:1px solid #2e3a52; border-radius:5px; min-width:160px; box-shadow:0 8px 24px rgba(0,0,0,.4); z-index:300; }
.user-btn:hover .dropdown, .user-btn:focus-within .dropdown { display:block; }
.dropdown a { display:block; padding:9px 14px; font-size:.84rem; color:#c8cde6; text-decoration:none; transition:background .12s; }
.dropdown a:hover { background:#252d40; color:#fff; }

/* ── NAVBAR ─────────────────────────────────────── */
.navbar { background:#111827; height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 28px; position:sticky; top:56px; z-index:190; border-bottom:1px solid #1e2535; }
.nav-links { display:flex; list-style:none; height:100%; }
.nav-links li { height:100%; display:flex; align-items:center; position:relative; }
.nav-links a, .nav-links > li > button { display:flex; align-items:center; gap:5px; height:100%; padding:0 16px; font-size:.76rem; font-weight:500; letter-spacing:.07em; text-transform:uppercase; color:#8892b0; text-decoration:none; background:none; border:none; font-family:'Roboto',sans-serif; cursor:pointer; transition:background .15s,color .15s; white-space:nowrap; }
.nav-links a:hover, .nav-links > li > button:hover, .nav-links a.active { background:rgba(255,255,255,.06); color:#e2e4eb; }
.nav-links svg { width:12px; height:12px; fill:currentColor; }
.sub-menu { display:none; position:absolute; top:100%; left:0; background:#1e2535; border:1px solid #2e3a52; border-radius:5px; min-width:180px; box-shadow:0 8px 24px rgba(0,0,0,.4); z-index:300; }
.nav-links li:hover .sub-menu { display:block; }
.sub-menu a { display:block; padding:9px 16px; font-size:.83rem; color:#c8cde6; text-decoration:none; text-transform:none; letter-spacing:0; font-weight:400; height:auto; background:none; transition:background .12s; }
.sub-menu a:hover { background:#252d40; color:#7c86f0; }
.nav-badges { display:flex; gap:6px; align-items:center; }
.badge { font-size:.72rem; font-weight:700; letter-spacing:.06em; padding:4px 12px; border-radius:4px; text-transform:uppercase; cursor:pointer; border:none; font-family:'Roboto',sans-serif; transition:opacity .15s; }
.badge:hover { opacity:.85; }
.badge-staff { background:#2a2d47; color:#8892b0; }
.badge-iris  { background:#7f1d1d; color:#fca5a5; }

/* ── PAGE WRAPPER ───────────────────────────────── */
.page-wrap { max-width:1200px; margin:28px auto; padding:0 20px; }

/* ── WHITE CARD ─────────────────────────────────── */
.card { background:#161b27; border-radius:8px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.3); border:1px solid #1e2a3d; }
.card-pad { padding:24px 28px; }

/* ── PAGE HEADER CARD ───────────────────────────── */
.page-header-card { background:#161b27; border-radius:8px; padding:28px 32px; margin-bottom:20px; box-shadow:0 1px 3px rgba(0,0,0,.3); border:1px solid #1e2a3d; }
.page-header-card h1 { font-size:1.6rem; font-weight:700; color:#e8eaf6; margin-bottom:4px; }
.page-header-card p  { font-size:.9rem; color:#6b7a99; }

/* ── BUTTONS ────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; gap:7px; border:none; border-radius:5px; padding:9px 20px; font-size:.86rem; font-weight:500; font-family:'Roboto',sans-serif; cursor:pointer; transition:background .15s; text-decoration:none; }
.btn-primary { background:#3d47c9; color:#fff; }
.btn-primary:hover { background:#2b31b5; }
.btn-sm { padding:6px 14px; font-size:.8rem; }
.btn-danger { background:#c62828; color:#fff; }
.btn-danger:hover { background:#b71c1c; }
.btn-ghost { background:transparent; color:#7c86f0; border:1px solid #3d47c9; }
.btn-ghost:hover { background:#1a1f3a; }
.btn-success { background:#1b5e20; color:#a5d6a7; }
.btn-success:hover { background:#2e7d32; }

/* ── FORM ELEMENTS ──────────────────────────────── */
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:.83rem; font-weight:500; color:#8892b0; margin-bottom:6px; }
.form-label { display:block; font-size:.83rem; font-weight:500; color:#8892b0; margin-bottom:6px; }
.form-input { width:100%; height:38px; border:1px solid #2e3a52; border-radius:5px; padding:0 12px; font-size:.88rem; font-family:'Roboto',sans-serif; color:#e2e4eb; background:#0f1117; outline:none; transition:border-color .15s,box-shadow .15s; }
.form-input:focus { border-color:#4e59d4; box-shadow:0 0 0 3px rgba(78,89,212,.2); }
.form-input::placeholder { color:#4a5568; }
textarea.form-input { height:auto; padding:10px 12px; resize:vertical; }
.form-select { width:100%; height:38px; border:1px solid #2e3a52; border-radius:5px; padding:0 30px 0 10px; font-size:.84rem; font-family:'Roboto',sans-serif; color:#e2e4eb; background:#0f1117 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23667' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 4px center/20px no-repeat; appearance:none; outline:none; cursor:pointer; transition:border-color .15s; }
.form-select:focus { border-color:#4e59d4; box-shadow:0 0 0 3px rgba(78,89,212,.2); }
.form-hint { font-size:.78rem; color:#4a5568; margin-top:4px; }

/* ── NOTICE / ALERT BANNERS ─────────────────────── */
.notice { display:flex; align-items:flex-start; gap:10px; padding:12px 16px; border-radius:6px; font-size:.84rem; line-height:1.6; }
.n-success { background:#0d2818; color:#86efac; border:1px solid #166534; }

/* ── TAGS ───────────────────────────────────────── */
.tag { display:inline-block; font-size:.72rem; font-weight:600; padding:2px 10px; border-radius:3px; }
.tag-training    { background:#0d2818; color:#86efac; }
.tag-important   { background:#2d0a0a; color:#fca5a5; }
.tag-information { background:#0c1a3d; color:#93c5fd; }
.tag-hosted      { background:#0d2818; color:#86efac; }
.tag-upcoming    { background:#2d1f07; color:#fcd34d; }
.tag-past        { background:#1a1f2e; color:#6b7a99; }
.tag-active      { background:#0d2818; color:#86efac; }
.tag-completed   { background:#1a1f2e; color:#6b7a99; }
.tag-cancelled   { background:#2d0a0a; color:#fca5a5; }
.tag-pending     { background:#2d1f07; color:#fcd34d; }
.tag-pass        { background:#0d2818; color:#86efac; }
.tag-fail        { background:#2d0a0a; color:#fca5a5; }
.tag-accepted    { background:#0d2818; color:#86efac; }
.tag-denied      { background:#2d0a0a; color:#fca5a5; }
.tag-review      { background:#0c1a3d; color:#93c5fd; }
.tag-member      { background:#1a1f2e; color:#6b7a99; }
.tag-staff       { background:#1a1f3a; color:#7c86f0; }
.tag-admin       { background:#1f0d2e; color:#c084fc; }

/* ── STAT CARD ──────────────────────────────────── */
.stat-card { background:#161b27; border-radius:8px; padding:20px 24px; display:flex; align-items:center; gap:16px; box-shadow:0 1px 3px rgba(0,0,0,.3); border:1px solid #1e2a3d; }
.stat-icon { width:44px; height:44px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.stat-icon svg { width:22px; height:22px; }
.stat-icon.yellow { background:#2d1f07; } .stat-icon.yellow svg { fill:#fcd34d; }
.stat-icon.blue   { background:#0c1a3d; } .stat-icon.blue svg   { fill:#7c86f0; }
.stat-icon.green  { background:#0d2818; } .stat-icon.green svg  { fill:#86efac; }
.stat-icon.purple { background:#1f0d2e; } .stat-icon.purple svg { fill:#c084fc; }
.stat-icon.red    { background:#2d0a0a; } .stat-icon.red svg    { fill:#fca5a5; }
.stat-icon.teal   { background:#082d2d; } .stat-icon.teal svg   { fill:#5eead4; }
.stat-label { font-size:.82rem; color:#6b7a99; margin-bottom:2px; }
.stat-value { font-size:1.6rem; font-weight:700; color:#e8eaf6; line-height:1; }

/* ── ACTION CARD (IRIS grid) ────────────────────── */
.action-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.action-card { background:#161b27; border-radius:8px; padding:28px 20px 22px; text-align:center; cursor:pointer; text-decoration:none; color:inherit; transition:box-shadow .15s, transform .15s, border-color .15s; box-shadow:0 1px 3px rgba(0,0,0,.3); display:block; border:1px solid #1e2a3d; }
.action-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.4); transform:translateY(-2px); border-color:#3d47c9; }
.action-card.disabled { opacity:.4; cursor:default; pointer-events:none; }
.action-card h3 { font-size:.95rem; font-weight:700; color:#e2e4eb; margin-bottom:4px; }
.action-card p  { font-size:.8rem; color:#6b7a99; }

/* ── TABLE ──────────────────────────────────────── */
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
thead th { background:#0f1117; padding:10px 14px; text-align:left; font-size:.76rem; font-weight:600; color:#6b7a99; text-transform:uppercase; letter-spacing:.05em; border-bottom:2px solid #1e2a3d; white-space:nowrap; }
tbody td { padding:11px 14px; border-bottom:1px solid #1a2035; font-size:.86rem; color:#c8cde6; }
tbody tr:last-child td { border-bottom:none; }
tbody tr:hover { background:#131929; }

/* ── MODAL ──────────────────────────────────────── */
.modal-bg { display:none; position:fixed; inset:0; background:rgba(0,0,0,.65); z-index:500; align-items:center; justify-content:center; }
.modal-bg.open { display:flex; }
.modal { background:#161b27; border-radius:10px; width:100%; max-width:520px; max-height:90vh; overflow-y:auto; box-shadow:0 16px 48px rgba(0,0,0,.6); margin:20px; border:1px solid #2e3a52; }
.modal-header { padding:20px 24px 16px; border-bottom:1px solid #1e2a3d; display:flex; align-items:center; justify-content:space-between; }
.modal-header h3 { font-size:1.05rem; font-weight:700; color:#e8eaf6; }
.modal-close { background:none; border:none; cursor:pointer; color:#6b7a99; font-size:1.3rem; line-height:1; padding:2px 6px; border-radius:4px; }
.modal-close:hover { background:#252d40; color:#e2e4eb; }
.modal-body { padding:20px 24px; }
.modal-footer { padding:16px 24px; border-top:1px solid #1e2a3d; display:flex; justify-content:flex-end; gap:10px; }

/* ── ALERT ──────────────────────────────────────── */
.alert { padding:12px 16px; border-radius:6px; font-size:.86rem; margin-bottom:16px; display:none; }
.alert.show { display:block; }
.alert-danger  { background:#2d0a0a; color:#fca5a5; border:1px solid #7f1d1d; }
.alert-success { background:#0d2818; color:#86efac; border:1px solid #166534; }
.alert-info    { background:#0c1a3d; color:#93c5fd; border:1px solid #1e40af; }

/* ── TABS ───────────────────────────────────────── */
.tab-bar { display:flex; border-bottom:2px solid #1e2a3d; margin-bottom:20px; gap:2px; }
.tab-btn { background:none; border:none; padding:10px 18px; font-size:.86rem; font-weight:500; color:#6b7a99; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:color .15s,border-color .15s; font-family:'Roboto',sans-serif; }
.tab-btn.active { color:#7c86f0; border-bottom-color:#7c86f0; }
.tab-btn:hover  { color:#7c86f0; }
.tab-panel { display:none; }
.tab-panel.active { display:block; }

/* ── EMPTY STATE ─────────────────────────────────── */
.empty-state { text-align:center; padding:48px 20px; color:#4a5568; }
.empty-state svg { width:48px; height:48px; fill:#2e3a52; margin-bottom:12px; }
.empty-state p { font-size:.9rem; }

/* ── LOADING ─────────────────────────────────────── */
.spinner { display:inline-block; width:20px; height:20px; border:2px solid #1e2a3d; border-top-color:#3d47c9; border-radius:50%; animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.loading-row td { text-align:center; padding:32px; color:#4a5568; }

/* ── SEARCH BAR ──────────────────────────────────── */
.search-bar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.search-input-wrap { position:relative; flex:1; min-width:200px; }
.search-input-wrap svg { position:absolute; left:10px; top:50%; transform:translateY(-50%); width:15px; height:15px; fill:#4a5568; pointer-events:none; }
.search-input-wrap input { width:100%; height:38px; border:1px solid #2e3a52; border-radius:5px; padding:0 12px 0 34px; font-size:.86rem; font-family:'Roboto',sans-serif; color:#e2e4eb; background:#0f1117; outline:none; }
.search-input-wrap input:focus { border-color:#4e59d4; box-shadow:0 0 0 3px rgba(78,89,212,.2); }
.search-input-wrap input::placeholder { color:#4a5568; }

/* ── SCROLLBAR ───────────────────────────────────── */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#0f1117; }
::-webkit-scrollbar-thumb { background:#2e3a52; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#3d4f6e; }

/* ── RESPONSIVE ──────────────────────────────────── */
@media(max-width:768px) {
  .page-wrap { margin:16px auto; padding:0 12px; }
  .page-header-card { padding:20px; }
  .stat-grid { grid-template-columns:1fr 1fr !important; }
  .action-grid { grid-template-columns:1fr 1fr !important; }
  .navbar { overflow-x:auto; }
}


/* ══════════════════════════════════════════════════
   TAILWIND / UTILITY LAYER
   (compiled output from app.css — preserved as-is)
   ══════════════════════════════════════════════════ */

*,: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: #1e2a3d
}

: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: Figtree,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: #4a5568
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #4a5568
}

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
}

input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0f1117;
    border-color: #2e3a52;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    color: #e2e4eb
}

input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #0f1117;
    --tw-ring-color: #3d47c9;
    --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);
    border-color: #3d47c9
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #4a5568;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #4a5568;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7a99' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

input:where([type=checkbox]),input:where([type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #3d47c9;
    background-color: #0f1117;
    border-color: #2e3a52;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

.logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.nav-logo {
  height: 42px;
  width: auto;
  object-fit: contain;
  display: block;
}

input:where([type=checkbox]) {
    border-radius: 0
}

input:where([type=radio]) {
    border-radius: 100%
}

input:where([type=checkbox]):focus,input:where([type=radio]):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #0f1117;
    --tw-ring-color: #3d47c9;
    --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)
}

input:where([type=checkbox]):checked,input:where([type=radio]):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

input:where([type=checkbox]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

input:where([type=radio]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus {
    border-color: transparent;
    background-color: currentColor
}

input:where([type=checkbox]):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

input:where([type=file]) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

input:where([type=file]):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

.container {
    width: 100%
}

@media(min-width: 640px) {
    .container { max-width:640px }
}

@media(min-width: 768px) {
    .container { max-width:768px }
}

@media(min-width: 1024px) {
    .container { max-width:1024px }
}

@media(min-width: 1280px) {
    .container { max-width:1280px }
}

@media(min-width: 1536px) {
    .container { max-width:1536px }
}

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0 }
.visible { visibility:visible }
.static { position:static }
.fixed { position:fixed }
.absolute { position:absolute }
.relative { position:relative }
.inset-0 { inset:0 }
.bottom-0 { bottom:0 }
.bottom-1 { bottom:.25rem }
.end-0 { inset-inline-end:0px }
.left-0 { left:0 }
.left-3 { left:.75rem }
.right-0 { right:0 }
.right-4 { right:1rem }
.start-0 { inset-inline-start:0px }
.top-0 { top:0 }
.top-1 { top:.25rem }
.top-1\/2 { top:50% }
.top-20 { top:5rem }
.top-3 { top:.75rem }
.top-4 { top:1rem }
.top-\[-1px\] { top:-1px }
.top-full { top:100% }
.-z-10 { z-index:-10 }
.z-10 { z-index:10 }
.z-50 { z-index:50 }
.mx-auto { margin-left:auto; margin-right:auto }
.my-2 { margin-top:.5rem; margin-bottom:.5rem }
.-mb-px { margin-bottom:-1px }
.-ml-8 { margin-left:-2rem }
.-ml-px { margin-left:-1px }
.-mt-3 { margin-top:-.75rem }
.-mt-5 { margin-top:-1.25rem }
.-mt-\[4\.9rem\] { margin-top:-4.9rem }
.-mt-px { margin-top:-1px }
.mb-0\.5 { margin-bottom:.125rem }
.mb-1 { margin-bottom:.25rem }
.mb-1\.5 { margin-bottom:.375rem }
.mb-16 { margin-bottom:4rem }
.mb-2 { margin-bottom:.5rem }
.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-12 { margin-left:3rem }
.ml-2 { margin-left:.5rem }
.ml-3 { margin-left:.75rem }
.ml-4 { margin-left:1rem }
.mr-0\.5 { margin-right:.125rem }
.mr-1 { margin-right:.25rem }
.mr-1\.5 { margin-right:.375rem }
.mr-2 { margin-right:.5rem }
.mr-3 { margin-right:.75rem }
.mr-6 { margin-right:1.5rem }
.ms-2 { margin-inline-start:.5rem }
.ms-3 { margin-inline-start:.75rem }
.ms-4 { margin-inline-start:1rem }
.mt-0\.5 { margin-top:.125rem }
.mt-1 { margin-top:.25rem }
.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 }
.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 }
.aspect-\[335\/376\] { aspect-ratio:335/376 }
.size-2 { width:.5rem; height:.5rem }
.size-3 { width:.75rem; height:.75rem }
.h-0 { height:0px }
.h-1 { height:.25rem }
.h-1\.5 { height:.375rem }
.h-10 { height:2.5rem }
.h-11 { height:2.75rem }
.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-24 { height:6rem }
.h-3 { height:.75rem }
.h-3\.5 { height:.875rem }
.h-32 { height:8rem }
.h-4 { height:1rem }
.h-44 { height:11rem }
.h-5 { height:1.25rem }
.h-6 { height:1.5rem }
.h-7 { height:1.75rem }
.h-8 { height:2rem }
.h-\[18px\] { height:18px }
.h-\[56px\] { height:56px }
.h-full { height:100% }
.min-h-\[6px\] { min-height:6px }
.min-h-dvh { min-height:100dvh }
.min-h-screen { min-height:100vh }
.w-1 { width:.25rem }
.w-1\.5 { width:.375rem }
.w-10 { width:2.5rem }
.w-11 { width:2.75rem }
.w-12 { width:3rem }
.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-3\/4 { width:75% }
.w-32 { width:8rem }
.w-36 { width:9rem }
.w-4 { width:1rem }
.w-44 { width:11rem }
.w-48 { width:12rem }
.w-5 { width:1.25rem }
.w-52 { width:13rem }
.w-56 { width:14rem }
.w-6 { width:1.5rem }
.w-64 { width:16rem }
.w-7 { width:1.75rem }
.w-72 { width:18rem }
.w-8 { width:2rem }
.w-\[18px\] { width:18px }
.w-\[448px\] { width:448px }
.w-auto { width:auto }
.w-fit { width:-moz-fit-content; width:fit-content }
.w-full { width:100% }
.min-w-0 { min-width:0px }
.min-w-5 { min-width:1.25rem }
.min-w-6 { min-width:1.5rem }
.min-w-\[140px\] { min-width:140px }
.min-w-full { min-width:100% }
.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-7xl { max-width:80rem }
.max-w-\[160px\] { max-width:160px }
.max-w-\[200px\] { max-width:200px }
.max-w-\[335px\] { max-width:335px }
.max-w-full { max-width:100% }
.max-w-lg { max-width:32rem }
.max-w-md { max-width:28rem }
.max-w-none { max-width:none }
.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 }
.grow { flex-grow:1 }
.origin-top { transform-origin:top }
.-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-y-0 { --tw-translate-y: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)) }
.translate-y-4 { --tw-translate-y:1rem; 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-100 { --tw-scale-x:1; --tw-scale-y:1; 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-95 { --tw-scale-x:.95; --tw-scale-y:.95; 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 spin { to { transform:rotate(360deg) } }
.animate-spin { animation:spin 1s linear infinite }
.cursor-default { cursor:default }
.cursor-move { cursor:move }
.cursor-not-allowed { cursor:not-allowed }
.cursor-pointer { cursor:pointer }
.select-none { -webkit-user-select:none; -moz-user-select:none; user-select:none }
.list-inside { list-style-position:inside }
.list-disc { list-style-type:disc }
.grid-cols-1 { grid-template-columns:repeat(1,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-7 { grid-template-columns:repeat(7,minmax(0,1fr)) }
.flex-col { flex-direction:column }
.flex-col-reverse { flex-direction:column-reverse }
.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-start { justify-content:flex-start }
.justify-end { justify-content:flex-end }
.justify-center { justify-content:center }
.justify-between { justify-content:space-between }
.justify-items-center { justify-items:center }
.gap-0\.5 { gap:.125rem }
.gap-1 { gap:.25rem }
.gap-1\.5 { gap:.375rem }
.gap-12 { gap:3rem }
.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-8 { gap:2rem }
.gap-x-6 { -moz-column-gap:1.5rem; column-gap:1.5rem }
.gap-y-0\.5 { row-gap:.125rem }
.gap-y-5 { row-gap:1.25rem }
.space-x-1>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:0; margin-right:calc(.25rem * var(--tw-space-x-reverse)); margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-2>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:0; margin-right:calc(.5rem * var(--tw-space-x-reverse)); margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-3>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:0; margin-right:calc(.75rem * var(--tw-space-x-reverse)); margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-4>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:0; margin-right:calc(1rem * var(--tw-space-x-reverse)); margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-6>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:0; margin-right:calc(1.5rem * var(--tw-space-x-reverse)); margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-8>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:0; margin-right:calc(2rem * var(--tw-space-x-reverse)); margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse))) }
.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-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-2\.5>:not([hidden])~:not([hidden]) { --tw-space-y-reverse:0; margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(.625rem * 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-gray-100>:not([hidden])~:not([hidden]) { border-color:#1a2035 }
.divide-gray-200>:not([hidden])~:not([hidden]) { border-color:#1e2a3d }
.divide-neutral-200>:not([hidden])~:not([hidden]) { border-color:#1e2a3d }
.self-start { align-self:flex-start }
.overflow-hidden { overflow:hidden }
.overflow-x-auto { overflow-x:auto }
.overflow-y-auto { overflow-y:auto }
.overflow-x-hidden { overflow-x:hidden }
.overflow-y-hidden { overflow-y:hidden }
.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-b-lg { border-bottom-right-radius:.5rem; border-bottom-left-radius:.5rem }
.rounded-l-md { border-top-left-radius:.375rem; border-bottom-left-radius:.375rem }
.rounded-r-md { border-top-right-radius:.375rem; border-bottom-right-radius:.375rem }
.rounded-t-lg { border-top-left-radius:.5rem; border-top-right-radius:.5rem }
.rounded-bl-lg { border-bottom-left-radius:.5rem }
.rounded-br-lg { border-bottom-right-radius:.5rem }
.border { border-width:1px }
.border-2 { border-width:2px }
.border-x { border-left-width:1px; border-right-width:1px }
.border-b { border-bottom-width:1px }
.border-b-2 { border-bottom-width:2px }
.border-l-4 { border-left-width:4px }
.border-r { border-right-width:1px }
.border-t { border-top-width:1px }
.border-dashed { border-style:dashed }
.border-dotted { border-style:dotted }
.border-gray-100 { border-color:#1a2035 }
.border-gray-200 { border-color:#1e2a3d }
.border-gray-300 { border-color:#2e3a52 }
.border-gray-400 { border-color:#3d4f6e }
.border-gray-700 { border-color:#4a5568 }
.border-transparent { border-color:transparent }
.border-white\/5 { border-color:#ffffff0d }
.bg-white { --tw-bg-opacity:1; background-color:rgb(22 27 39 / var(--tw-bg-opacity, 1)) }
.bg-gray-50 { --tw-bg-opacity:1; background-color:rgb(15 17 23 / var(--tw-bg-opacity, 1)) }
.bg-gray-100 { --tw-bg-opacity:1; background-color:rgb(19 25 41 / var(--tw-bg-opacity, 1)) }
.bg-gray-200 { --tw-bg-opacity:1; background-color:rgb(30 42 61 / var(--tw-bg-opacity, 1)) }
.bg-gray-800 { --tw-bg-opacity:1; background-color:rgb(15 17 23 / var(--tw-bg-opacity, 1)) }
.bg-gray-900 { --tw-bg-opacity:1; background-color:rgb(10 12 18 / var(--tw-bg-opacity, 1)) }
.text-gray-900 { --tw-text-opacity:1; color:rgb(232 234 246 / var(--tw-text-opacity, 1)) }
.text-gray-800 { --tw-text-opacity:1; color:rgb(200 205 230 / var(--tw-text-opacity, 1)) }
.text-gray-700 { --tw-text-opacity:1; color:rgb(170 178 210 / var(--tw-text-opacity, 1)) }
.text-gray-600 { --tw-text-opacity:1; color:rgb(139 146 176 / var(--tw-text-opacity, 1)) }
.text-gray-500 { --tw-text-opacity:1; color:rgb(107 122 153 / var(--tw-text-opacity, 1)) }
.text-gray-400 { --tw-text-opacity:1; color:rgb(74 85 104 / var(--tw-text-opacity, 1)) }
.text-white { --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.text-black { color:#e2e4eb }
.p-1 { padding:.25rem }
.p-1\.5 { padding:.375rem }
.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 }
.p-10 { padding:2.5rem }
.p-12 { padding:3rem }
.px-1 { padding-left:.25rem; padding-right:.25rem }
.px-2 { padding-left:.5rem; padding-right:.5rem }
.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 { padding-top:0; padding-bottom:0 }
.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-2 { padding-top:.5rem; padding-bottom:.5rem }
.py-2\.5 { padding-top:.625rem; padding-bottom:.625rem }
.py-3 { padding-top:.75rem; padding-bottom:.75rem }
.py-4 { padding-top:1rem; padding-bottom:1rem }
.py-5 { padding-top:1.25rem; padding-bottom:1.25rem }
.py-6 { padding-top:1.5rem; padding-bottom:1.5rem }
.py-8 { padding-top:2rem; padding-bottom:2rem }
.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-20 { padding-top:5rem; padding-bottom:5rem }
.py-24 { padding-top:6rem; padding-bottom:6rem }
.pb-0 { padding-bottom:0 }
.pb-2 { padding-bottom:.5rem }
.pb-3 { padding-bottom:.75rem }
.pb-4 { padding-bottom:1rem }
.pb-6 { padding-bottom:1.5rem }
.pb-8 { padding-bottom:2rem }
.pb-12 { padding-bottom:3rem }
.pb-20 { padding-bottom:5rem }
.pt-1 { padding-top:.25rem }
.pt-2 { padding-top:.5rem }
.pt-3 { padding-top:.75rem }
.pt-4 { padding-top:1rem }
.pt-5 { padding-top:1.25rem }
.pt-6 { padding-top:1.5rem }
.pt-8 { padding-top:2rem }
.pt-14 { padding-top:3.5rem }
.pl-4 { padding-left:1rem }
.pl-6 { padding-left:1.5rem }
.pl-8 { padding-left:2rem }
.pl-10 { padding-left:2.5rem }
.pr-3 { padding-right:.75rem }
.pr-4 { padding-right:1rem }
.pr-6 { padding-right:1.5rem }
.pr-7 { padding-right:1.75rem }
.text-left { text-align:left }
.text-center { text-align:center }
.text-right { text-align:right }
.font-bold { font-weight:700 }
.font-medium { font-weight:500 }
.font-semibold { font-weight:600 }
.font-normal { font-weight:400 }
.text-xs { font-size:.75rem; line-height:1rem }
.text-sm { font-size:.875rem; line-height:1.25rem }
.text-base { font-size:1rem; line-height:1.5rem }
.text-lg { font-size:1.125rem; line-height:1.75rem }
.text-xl { font-size:1.25rem; line-height:1.75rem }
.text-2xl { font-size:1.5rem; line-height:2rem }
.text-3xl { font-size:1.875rem; line-height:2.25rem }
.text-4xl { font-size:2.25rem; line-height:2.5rem }
.uppercase { text-transform:uppercase }
.italic { font-style:italic }
.underline { text-decoration-line:underline }
.truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.opacity-0 { opacity:0 }
.opacity-25 { opacity:.25 }
.opacity-50 { opacity:.5 }
.opacity-75 { opacity:.75 }
.opacity-100 { opacity:1 }
.shadow { --tw-shadow:0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-md { --tw-shadow:0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3); 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 / .4), 0 4px 6px -4px rgb(0 0 0 / .4); 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 / .4), 0 8px 10px -6px rgb(0 0 0 / .4); 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 / .5); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.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 }
.duration-150 { transition-duration:.15s }
.duration-200 { transition-duration:.2s }
.duration-300 { transition-duration:.3s }
.ease-in { transition-timing-function:cubic-bezier(.4,0,1,1) }
.ease-out { transition-timing-function:cubic-bezier(0,0,.2,1) }
.ease-in-out { transition-timing-function:cubic-bezier(.4,0,.2,1) }
.hover\:bg-gray-50:hover { background-color:#131929 }
.hover\:bg-gray-100:hover { background-color:#1a2035 }
.hover\:bg-gray-200:hover { background-color:#1e2a3d }
.hover\:bg-gray-700:hover { background-color:#252d40 }
.hover\:text-gray-900:hover { color:#e8eaf6 }
.hover\:text-gray-700:hover { color:#c8cde6 }
.hover\:text-white:hover { color:#ffffff }
.hover\:border-gray-300:hover { border-color:#2e3a52 }
.hover\:shadow-md:hover { --tw-shadow:0 4px 6px -1px rgb(0 0 0 / .3); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.hover\:shadow-lg:hover { --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .4); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.focus\:outline-none:focus { outline:2px solid transparent; outline-offset:2px }
.focus\:ring-2: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(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) }
.focus\:ring-indigo-500:focus { --tw-ring-opacity:1; --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1)) }
.focus\:ring-offset-2:focus { --tw-ring-offset-width:2px }
.disabled\:opacity-25:disabled { opacity:.25 }
.disabled\:opacity-40:disabled { opacity:.4 }
.rounded,.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl { border-radius:0!important }
.rounded-full { border-radius:9999px!important }

@media(min-width: 640px) {
    .sm\:flex { display:flex }
    .sm\:hidden { display:none }
    .sm\:block { display:block }
    .sm\:flex-row { flex-direction:row }
    .sm\:items-center { align-items:center }
    .sm\:justify-between { justify-content:space-between }
    .sm\:gap-2 { gap:.5rem }
    .sm\:px-6 { padding-left:1.5rem; padding-right:1.5rem }
    .sm\:max-w-lg { max-width:32rem }
    .sm\:max-w-xl { max-width:36rem }
    .sm\:max-w-2xl { max-width:42rem }
    .sm\:text-sm { font-size:.875rem; line-height:1.25rem }
}

@media(min-width: 768px) {
    .md\:flex { display:flex }
    .md\:hidden { display:none }
    .md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
    .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
    .md\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
    .md\:flex-row { flex-direction:row }
    .md\:text-left { text-align:left }
}

@media(min-width: 1024px) {
    .lg\:block { display:block }
    .lg\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
    .lg\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
    .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
    .lg\:flex-row { flex-direction:row }
    .lg\:px-8 { padding-left:2rem; padding-right:2rem }
}