@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap);
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: fade all 1s
}

input:focus,
textarea:focus {
    outline: none;
}

::-webkit-scrollbar {
    display: none;
}

input[data-autocompleted] {
    background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 0s, color 0s 0s;
    transition: background-color 0s 0s, color 0s 0s;
    transition-delay: calc(infinity * 1s);
}

.table_data table {
    height: auto !important;
    max-height: 100% !important;
}

.css-1nmdiq5-menu {
    background-color: #21242d !important;
    position: absolute !important;
    z-index: 999999999999999999999 !important;
}






.MuiTextField-root {
    height: 100% !important;
    width: calc(100% + 2.5rem);
    margin: -5px -15px 0 -15px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.MuiIconButton-root:not(.MuiPickersArrowSwitcher-button) {
    padding: 30px !important;
    margin: -30px !important;
}

.MuiTextField-root input {
    margin: 0 !important;
    padding-top: 5px !important;
}

.MuiSvgIcon-root:not(.MuiPickersArrowSwitcher-leftArrowIcon, .MuiPickersArrowSwitcher-rightArrowIcon) {
    display: none !important;
}

.MuiOutlinedInput-root {
    padding: 0 15px !important;
    color: white !important;
}

.MuiOutlinedInput-input {
	padding: 0 !important;
    font-weight: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    font-family: 'Comfortaa', sans-serif !important;
}

.MuiOutlinedInput-notchedOutline {
	border: none !important;
}


.pac-container {
    margin-top: 1rem;
    background-color: #21242d !important;
    border-top: #161824 !important;
    border-radius: 10px !important;
}

.pac-container:after {
    display: none;
}

.pac-item {
    border-top: #161824 !important;
    color: white !important;
}

.pac-item:hover,
.pac-item:hover > .pac-item-query {
    color: #161824 !important;
}

.pac-item-query {
    color: white !important;
}

.css-b62m3t-container {
    width: 100%
}

/*.css-1nmdiq5-menu {
    background-color: #21242d !important;
    width: calc(100% + 52.5px) !important;
    left: -39.5px !important;
    display: block !important
}*/

.css-qr46ko {
    display: block !important
}

#react-select-2-input {
    color: white !important;
}

.css-d7l1ni-option {
    background-color: #21242d !important;
    cursor: pointer !important;
}

.css-d7l1ni-option:hover {
    background-color: white !important;
    color: #21242d !important;
}

#react-select-3-input {
    color: white !important;
}

.MuiInputBase-root {
    width: 100%
}

.shine-animation {
    background-color: rgba(1, 0, 13, 0.3);
    background: linear-gradient(
        135deg,
        rgba(1, 0, 13, 0.3) 0%,
        rgba(1, 0, 13, 0.1) 40%,
        rgba(80, 90, 92, 0.1) 50%,
        rgba(1, 0, 13, 0.3) 60%,
        rgba(1, 0, 13, 0.3) 100%
    );
    background-size: 400% 100%;
    background-position: 100% 50%;
    animation: animation-shine 5s 0s infinite;
}

.shine-animation-light {
    background-color: rgba(22, 24, 36, 0.3);
    background: linear-gradient(
        135deg,
        rgba(22, 24, 36, 0.3) 0%,
        rgba(22, 24, 36, 0.1) 40%,
        rgba(80, 90, 92, 0.3) 50%,
        rgba(22, 24, 36, 0.3) 60%,
        rgba(22, 24, 36, 0.3) 100%
    );
    background-size: 400% 100%;
    background-position: 100% 50%;
    animation: animation-shine 5s 0s infinite;
}


@keyframes animation-shine {
    0% {
        background-position: 100% 50%;
    }
    50% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}




@keyframes autofill {
  from {}
  to {}
}

.autofilled_input:-webkit-autofill {
  animation-name: autofill;
  animation-fill-mode: both;
  animation-duration: 0.1s;
}

.gsi-material-button {
    margin-top: 3rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: #f0f1f2;
    background-image: none;
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
    font-family: 'DonerRegular', sans-serif;
    font-size: 14px;
    /*  height: 50px;*/
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-align: center;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 100%;
    min-width: 100%;
}

.gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
    font-family: 'DonerRegular', sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
}

.gsi-material-button:disabled .gsi-material-button-state {
    background-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #001d35;
    opacity: 12%;
}





.my-dark-range .ant-picker {
  background: #01000D !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* always this border */

  padding: 10px !important;
  border-radius: 0 !important;
}

.my-dark-range .ant-picker:hover,
.my-dark-range .ant-picker:focus,
.my-dark-range .ant-picker:focus-within {
    border: none !important;
    border-bottom: solid 2px #449dd1 !important; /* prevent hover change */
    box-shadow: none !important;

}

/* Input text */
.my-dark-range .ant-picker .ant-picker-input > input {
  background: transparent !important;
  color: white !important;
  font-size: 16px !important;
  padding-bottom: .25rem !important
}




/* Icons */
.my-dark-range .ant-picker .ant-picker-suffix,
.my-dark-range .ant-picker .ant-picker-clear {
  color: white !important;
}

.ant-picker-panel-container {
    background: #161824 !important;
}

.ant-btn {
    background: #449dd1 !important
}
/* -----------------------------------------------------
	Global Variables and Resets
------------------------------------------------------ */

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularText.ba9ab1d5394d74b3284f.otf) format("opentype");
}


:root {
	--white: #ffffff;
	--black: #000000;

/*	--bg-dark: #161824;*/
	--bg-dark: #01000D;

	--sub-bg-dark: #161824;
/*	--sub-bg-dark: #21242d;*/
	--sub-bg-light: #f0f1f2;

	--accent-1: #449dd1;
	--success-green: #49b283;
}

:root {
	--font-family: 'DonerRegular', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

button {
	cursor: pointer;
}

h1 {
	font-weight: 700;
	font-size: 34px;
}

h3 {
	font-weight: 600;
	font-size: 24px;
}

p, input {
	font-weight: 300;
	font-size: 15px;
}

.h_1sRDog {
	font-weight: 600;
}

.thHC8nhO {
	font-weight: 700;
}

.IPupDwnx {
	font-size: 8px;
}

.aJ7m3mp5 {
	font-size: 10px;
}

.bDrkh257 {
	font-size: 12px;
}

.f40zCYLK {
	font-size: 14px;
}

.H2Pbxpt0 {
	font-size: 15px;
}

.qV2rbLln {
	font-size: 17px;
}

.Ev_u5yDX {
	font-size: 22px;
}

.lgbLSG0G {
	font-size: 25px;
}

.PZeWV6zB {
	font-size: 28px;
}

.Ua_3LZ_T {
	font-size: 30px;
}

.yxT6_fxy {
	font-size: 35px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.PxUSl9_o {
	height: 100vh;
	width: 100%;

	display: grid;
	grid-template-columns: 40% 1fr;
	overflow: hidden;
}

.QWaODmUm {
	height: 100%;
	width: 100%;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	padding: 30px 80px 30px 100px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.QWaODmUm h3 {
	margin-bottom: 1.25rem;
}

.QWaODmUm p {
	margin-bottom: 3rem;
}

.QWaODmUm img {
	width: calc(100% + 200px);
	margin: 0 -200px 0 0
}

.mwvK5h2V {
	display: flex;
	align-items: center;
	column-gap: .35rem;
	margin-bottom: 1.5rem;
}

.ATawtEDU {
	height: 9px;
	width: 9px;
	border-radius: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	opacity: .6
}

.ATawtEDU:last-child {
	opacity: 1 !important;
}

.qlmuYky_ {
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	padding: 60px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.VI9sXW3I {
	width: 30%;
	margin-bottom: .75rem;
}

.MovXn3dY {
	height: 25px
}

.K3bq8YCl {
	width: 20%;
	height: 2.5px;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.eGdetUJq {
	margin-top: 2rem;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.F32_oObS {
	text-align: center;
}

.XJQE_xdD {
	margin: 3rem 0;
	width: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.XJQE_xdD img {
	width: 4%;
}

.FO049hpy {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin: 2rem 0 3rem 0;
}

.SbQ6rKl2 {
	width: 100%;
	height: 1px;
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light)
}

.iuYDoQjY {
	margin-top: 4rem;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.Hduh22U7 {
	width: 100%;
	height: 60px;
	padding: 25px;
	box-sizing: border-box;
	border: 2px solid #f0f1f2;
	border: 2px solid var(--sub-bg-light);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.Hduh22U7 input {
	position: absolute;
	background: none;
	border: none;
	width: calc(100% - 50px);
}

.g9mt41rW {
	margin-top: 1.5rem;
}

.x6U3cM7A {
	width: calc(100% - (2.5rem + 90px)) !important;
}

.uS49JuDW {
	margin: 0 0 0 auto;
	background: none;
	border: none;
}

.Xxb54815 {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	margin-top: .5rem
}

.V6SDtmJt {
	margin-top: 3rem;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: #ffffff;
	background-color: var(--white);
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.V6SDtmJt p {
	color: #ffffff;
	color: var(--white)
}

.HvwuxFAz {
	margin-top: 3rem;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.HvwuxFAz p {
	color: #ffffff;
	color: var(--white)
}

.HvwuxFAz,
.V6SDtmJt {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.jnTt80la {
	margin-top: .5rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jnTt80la button {
	background: none;
	border: none;
}

.jnTt80la button p {
	text-decoration: underline;
}

.sGDYKocT {
  position: fixed;
  align-self: center;
  top: 10px;
  background-color: #ff4d4f;
  padding: 10px 30px;
  max-width: 35%;
  text-align: center;
  animation: QT3dXmJA 0.4s ease-out;
  border-radius: 7.5px;
}

@keyframes QT3dXmJA {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.sL2cmE0O {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}


.OCYMbsMQ {
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: white;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
}

.OCYMbsMQ p {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}

.LEEHtQ_3 {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

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

@media (max-width: 1200px) {
}
/* -----------------------------------------------------
	Global Variables and Resets
------------------------------------------------------ */

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularText.ba9ab1d5394d74b3284f.otf) format("opentype");
}


:root {
	--white: #ffffff;
	--black: #000000;

/*	--bg-dark: #161824;*/
	--bg-dark: #01000D;

	--sub-bg-dark: #161824;
/*	--sub-bg-dark: #21242d;*/
	--sub-bg-light: #f0f1f2;

	--accent-1: #449dd1;
	--past: #449dd188;
	--success-green: #49b283;
	--cancelled-red: #ff2626
}

:root {
	--font-family: 'DonerRegular', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

body {
	background-color: #01000D;
	background-color: var(--bg-dark)
}

button {
	cursor: pointer;
}

h1 {
	font-weight: 700;
	font-size: 34px;
}

h3 {
	font-weight: 600;
	font-size: 24px;
}

p, input {
	font-weight: 300;
	font-size: 15px;
}

.zhGnwrbl {
	font-weight: 600;
}

.b_ICmhpG {
	font-weight: 700;
}

.oFiyU4J9 {
	font-size: 8px;
}

.tUmkAxjr {
	font-size: 10px;
}

.KEIALwZh {
	font-size: 12px;
}

.Lms4D8bi {
	font-size: 14px;
}

.sPz4EZr5 {
	font-size: 15px;
}

.VcCI2v0p {
	font-size: 16px;
}

.pyxYca69 {
	font-size: 17px;
}

.VhsUzkLa {
	font-size: 22px;
}

.FMdHpUqY {
	font-size: 25px;
}

.iMNzXY_k {
	font-size: 28px;
}

.LpoG1BFA {
	font-size: 31px;
}

.cq0HbXtH {
	font-size: 34px;
}

.F2C85RVV {
	font-size: 37px;
}

.YTMNnyGJ {
	font-size: 40px;
}

.fpuc3Wvr {
	font-size: 43px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.gdWl3W0A {
	position: relative;
}

.YZHcViPF {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: #01000D;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white)
}

.IgecvfKV {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #01000D;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

.kTxHG_Z1 {
	background-color: #ffffff;
	background-color: var(--white);
}

.STriTjfa {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

.BijLopPI {
    width: 100%;
    background-color: #449dd1;
    background-color: var(--accent-1);
    color: #ffffff;
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}

.Zhd2qAqE {
	height: 100%;
	width: 100%;
/*	display: grid;*/
/*	grid-template-rows: auto 1fr;*/
	display: flex;
	flex-direction: column;
	/*row-gap: 2rem;*/

	padding: 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
}

.SztJaSFe {
/*	height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

.DRV1Aynd {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.Ou8uxS9q {
	position: absolute;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;

	width: 350px;
}

.pLmafTV4 {
	padding: 15px 20px;
	box-sizing: border-box;
	color: #01000D;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
    width: 100%;
    border: none;
    text-align: left;
}

.jf5zsxSp {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.VAXT7tus {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	background-color: var(--white)
}

.lVGNMuT_ {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

.lVGNMuT_ p,
.lVGNMuT_ i {
	color: #01000D;
	color: var(--bg-dark);
}

.lVGNMuT_ input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.qc0PA27c {
	height: 100%;
	aspect-ratio: 1;
	border: 1px solid #ffffff;
	border: 1px solid var(--white);

	border-radius: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	border: none;
}

.qc0PA27c i {
	color: #01000D;
	color: var(--bg-dark);
}

.fwPmkbxy {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	column-gap: 1.25rem;
}

.W0AZbjkz {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
/*	grid-template-rows: auto 1fr;*/
	row-gap: 1.25rem;
}

.zIS9wIa0 {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39
}

.Cb9L87df {
	grid-template-rows: auto auto 1fr
}

.MrZPXaiA {
	padding: 30px 30px 0 30px
}

.xMWA5jK8 {
	display: grid;
	grid-template-columns: auto 1fr;
}

.Hfhs0GB0 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
}

.Cf9I05tL {
	display: flex;
	align-items: flex-end;
	column-gap: 1rem;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	pointer-events: none;
}

.RkxqYgyE {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	margin-top: 5px;
}

.pLGmCfBv {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	height: 30px;
	margin-top: 5px;
	aspect-ratio: 1;
	box-sizing: border-box;
	align-items: flex-start;
	justify-content: flex-end
}

.dB8I7V4S {
	display: flex;
	align-items: center;
	column-gap: .5rem;
}

.VhWeTMrL {
	display: flex;
	align-items: center;
	column-gap: .4rem;
}

.VhWeTMrL p {
	margin-top: 2px;
}

.swWW4Uf2 {
	display: flex;
	align-items: flex-start;
	column-gap: 1rem;
}

._0vyURsN {
	display: flex;
	align-items: center;
	column-gap: .4rem;
}

._0vyURsN p {
	margin-top: 2px;
}

.W8C1N3Zp {
	padding-right: 2.5rem;
}

.FiI3mmF9 {
	margin: 0 0 0 auto;
	column-gap: .5rem;
}

.QzKJic_S {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.QzKJic_S i {
	color: #ffffff;
	color: var(--white);
}

.kvBYbNkW {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.fruRkpsH {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.fruRkpsH::-webkit-scrollbar,
.SY_N8olI::-webkit-scrollbar {
	display: none;
}

.ewPza4mn { 
	height: 40px !important;
    margin-top: 1rem;
    margin-bottom: .5rem;
	border: none !important;
	padding: 5px 0 0 0 !important;
}

.ewPza4mn input {
	margin-left: 0 !important;
}

.uUCqPFMV {
	padding: 0 !important;
	left: 0 !important;
}

.uUCqPFMV p,
.uUCqPFMV i,
.uUCqPFMV input {
	font-size: 13px !important;
}

.erTXBooH {
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light);
}

.erTXBooH p,
.erTXBooH i,
.erTXBooH input {
	color: #01000D;
	color: var(--bg-dark);
}

.acu6iWU8 {
	display: grid;
	grid-template-columns: auto 125px 1fr;
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.VIF1ugpY {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.hhDfWW83 {
	height: 130%;
	display: grid;
	grid-template-rows: 7.5px 1fr;
}

.w6XWwscc {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.Z1yz7JES {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green);
}

.XkdgrI3b {
	height: 100%;
	width: 1px;
	background: linear-gradient(180deg, #449dd1 0%, #3943b7 58.53%, #161824 100%);
	background: linear-gradient(180deg, #449dd1 0%, #3943b7 58.53%, var(--sub-bg-dark) 100%);
	margin: 0 auto;
}

.CbF4XyY_ {
	height: 100%;
	width: 1px;
	background: linear-gradient(180deg, #49b283 0%, #337c5b 58.53%, #161824 100%);
	background: linear-gradient(180deg, #49b283 0%, #337c5b 58.53%, var(--sub-bg-dark) 100%);
	margin: 0 auto;
}

.lC56r4No {
	height: 100%;
	width: 100%;
	background: none;
	border: none;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	padding: 15px 20px;
	box-sizing: border-box;
	text-align: left;
	color: #ffffff;
	color: var(--white);
}

.lf3zc05f {
	background-color: #449dd188;
	background-color: var(--past)
}

.otE9t1Dk {
	background-color: #49b283;
	background-color: var(--success-green)
}

.VyhVWjmD {
	background-color: #ff2626
;
	background-color: var(--cancelled-red);
}

.E360dbaq {
	background-color: #ff2626
;
	background-color: var(--cancelled-red);
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
}

.E360dbaq p {
	color: #ffffff;
	color: var(--white);
	text-align: center;
}

.gz16TVZp {
	background-color: #ffffff;
	background-color: var(--white)
}

.IjoGGa3e {
	margin-top: 1rem;
	display: flex;
	column-gap: 1rem;
}

.oBLLHhG5 {
	display: flex;
	column-gap: .5rem;
	align-items: center;
}

.CsLBaTbH {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	column-gap: .5rem;
	margin: 0 0 0 auto;
}

.CsLBaTbH p {
 	color: #ffffff;
 	color: var(--white)
 }

.sF6uQfVF {
	height: 20px;
    width: 20px;
    border: none;
    border-radius: 100%;
    background-color: #ffffff;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sF6uQfVF i {
	color: #49b283;
	color: var(--success-green)
}

.wpetO4hi {
	aspect-ratio: 1;
	height: 60%;
}

.QEPzh7qX {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow: hidden;
}

.JgMFsMQK {
	height: 100%;
	width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.NSjOZcQB {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: none;
    border: none;
    color: #ffffff;
    color: var(--white);
    aspect-ratio: 1
}

.IvEWKu5f {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: none;
    border: none;
    border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);
    margin: 7.5px;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white);
}

.NM3f2TxT {
	position: absolute;
	bottom: 7px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green)
}

.RIRitEO9 {
	display: flex;
	width: 50%;
	height: calc(100% - 40px);
	position: absolute;
	top: 0;
	right: 20px;
  	top: 50%;
  	transform: translate(0, -50%);
  	border-radius: 15px;

	background-color: #01000D;

	background-color: var(--bg-dark);
}

.F8eQ4MmW {
	width: 60%;
}

.rOvv0QSK {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
    grid-column-gap: 1rem;
    column-gap: 1rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
}

.PKUWjlvJ {
	display: flex;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-column-gap: 1rem;
    column-gap: 1rem;
}

.OHtISepC {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}

.OHtISepC input {
	width: calc(100% - 4rem);
	border: none;
	background: none;
	height: 50px;
	position: absolute;
	left: 40px;
	color: #ffffff;
	color: var(--white)
}

.d4uzMAUL {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
    height: 50px;
    /*width: 50px;*/
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem
}

.arvle_Tv {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
	height: calc(100% - 15px);
	width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white);
    display: flex;
    flex-direction: column;
    overflow:hidden;
}

.o4QFyFIH {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

._9SUzD2R {
	display: flex;
	align-items: center;
	column-gap: .75rem;
}

.ZxLTcbVb {
	flex: 1 1;
	width: 100%;
	overflow-y: scroll;
	margin-top: 2rem;
}

.qdFjWZKu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: .75rem;
	margin-top: 1rem;
}

.A68wt5z2 {
	display: flex;
	align-items: center;
	column-gap: .5rem;
}

.ehVOjJLt {
	width: 22.5px;
	aspect-ratio: 1;
	border-radius: 4px;
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.GfGgynT_ {
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.oJb2oOv3 {
	height: 100%;
	width: 100%;
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
}

.Tyknq2pH {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	position: relative;

}

.YoEgshx3 {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white;
    z-index: 9999;
}

.hPZTubhA {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white;
    z-index: 9999;
    overflow: hidden
}

.hPZTubhA::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #2d2f39;
    border-right: none;
    border-radius: 12.5px 0 0 12.5px;
    pointer-events: none;
}

.Tzrs5nfg {
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
/*	height: 100%;*/
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	position: relative;
}

.RC4IDhpG {
	padding: 15px;
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	position: relative;
}

.q5MKlJOf {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 15px;
	box-sizing: border-box;
}

.XwnBn6Ez {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 0 15px 15px 15px;
	box-sizing: border-box;
}

.FFbpg9r7 {
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    top: 0;
	transition: top .75s ease;
    display: grid;
    grid-template-rows: auto 1fr;
}

.Jb60klRt {
	grid-template-rows: 1fr;
}

.SxrGQVgf {
	background-color: #01000D;
	background-color: var(--bg-dark);
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.IqFXmsUL {
	grid-template-rows: 130px auto auto 1fr;
}

.tRV9XDaW .FFbpg9r7 {
	top: calc(-1 * (165px + 2rem));
	height: calc(100% + 30%);
	transition: top .75s ease;
	display: flex;
	flex-direction: column;
}

.Tzrs5nfg,
.FFbpg9r7 {
	transition: all 0.3s ease;
}

.tRV9XDaW .Tzrs5nfg {
	opacity: 0;
	transition: opacity 0.3s ease 0.3s;
}


.ivZsGCO4 {
	padding: 15px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: 25% auto 1fr;
	grid-row-gap: 2rem;
	row-gap: 2rem;
}

.GONcyuTy {
	aspect-ratio: 1;
	width: 100%;
	border-radius: 15px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);	
	border: 1px solid #2d2f39;
	display: flex;
	align-items: center;
	justify-content: center;
}

.GONcyuTy img {
    height: 100%;
    width: 100%;
    object-fit: fill;
    border-radius: 15px;
}

.DgcNoVqH {
	color: #ffffff;
	color: var(--white);
	display: grid;
	grid-template-columns: 125px 1fr;
	grid-column-gap: 1.25rem;
	column-gap: 1.25rem;
}

.iPIJKRfT {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
	margin-top: .5rem;
}

.uP3X2tK3 {
	display: flex;
	column-gap: .75rem;
	align-items: center;
}

.uP3X2tK3 a {
	text-decoration: underline;
}

.xc_OYupj {
	height: -webkit-max-content;
	height: max-content;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dzTSRlDB {
	height: 40px;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cXH9neG7 {
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.rLAqaqya {
  height: 80vh;
  width: 40vw;
  overflow: hidden !important;
  border-radius: 15px;
  background-color: #01000D;
  background-color: var(--bg-dark);
}


.mg0tF5B3 {
  height: 80vh;
  width: 40vw;
  overflow-y: scroll;
  border-radius: 15px;
  background-color: #01000D;
  background-color: var(--bg-dark);
  padding-right: 4px;
  scrollbar-gutter: stable;
}

/* WebKit browsers (Chrome, Safari, Edge) */
.mg0tF5B3::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  display: block !important;
  background-color: transparent;
}

.mg0tF5B3::-webkit-scrollbar-track {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mg0tF5B3::-webkit-scrollbar-thumb {
  background: #449dd1;
  background: var(--accent-1);
  border-radius: 10px;
  background-clip: padding-box;
}

.mg0tF5B3::-webkit-scrollbar-corner {
  background: transparent;
}


.b8wuv9mi {
	overflow: hidden;
}

.Ub6HBKZq {
	height: -webkit-max-content;
	height: max-content;
	width: 40%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: #01000D;

	background-color: var(--bg-dark);
}

.RAEL9teC {
	height: -webkit-max-content;
	height: max-content;
	width: 40%;
	position: absolute;
    left: calc(75% - 15px);
    top: 50%;
    transform: translate(-50%, -50%);
  	border-radius: 15px;
  	border: 1px solid #2d2f39;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
}

.CmTR_q0S {
	height: 80%;
	width: 40%;
	position: absolute;
    left: calc(75% - 15px);
    top: 50%;
    transform: translate(-50%, -50%);
  	border-radius: 15px;
  	border: 1px solid #2d2f39;
	background-color: #161824;
	background-color: var(--sub-bg-dark);	
}

.Kq_xQsbH {
	height: 50%;
}

.onkijyh4 {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: #ffffff;
	color: var(--white);
	animation: O5jrtgkG 0.4s ease-in-out;
/*	overflow-y: scroll;*/
}

.ioNqgnZl {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 1.5rem;
	row-gap: 1.5rem;
	color: #ffffff;
	color: var(--white);
}

.tuMnl_83 {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	color: #ffffff;
	color: var(--white);
}


.b_xgENJO {
	display: grid;
	grid-template-columns: auto 1fr;
	animation: O5jrtgkG 0.4s ease-in-out;
}

.byYivzq5 {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.kp642MIB {
	height: 30% !important;
	width: auto !important;
}

.G9Y6MOsZ {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1.25rem;
	column-gap: 1.25rem;
	position: relative;
	height: 35px
}

.WA_r6vlU { 
	display: flex;
	column-gap: 1rem;
}

.wQH7GdcF {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid #ffffff;
	border: 1px solid var(--white);
	background-color: #01000D;
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.W04dM0K2 {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.F9z2ymup {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 2.5rem;
	animation: O5jrtgkG 0.5s ease-in-out;
}

.ZyUh9oCx {
	max-height: 80%;
	overflow-y: scroll
}

.g3Xl7JND {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.stRqS01h {
	row-gap: 0 !important;
}

.VwkgmRnT {
	width: 100%;
	height: 100px;
	background: none;
	border: 2px dashed #161824;
	border: 2px dashed var(--sub-bg-dark);
	border-radius: 10px;
	color: #ffffff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: .5rem
}

.VVxo852Q {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: #01000D;
	color: var(--bg-dark);
	background-color: #ffffff;
	background-color: var(--white);
}

.VVxo852Q input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: #01000D;
	color: var(--bg-dark)
}

.aqfiWALv {
	width: 100%;
	height: 55px;
	padding: 5px 15px 0 15px;
	box-sizing: border-box;
	border: 2px solid #161824;
	border: 2px solid var(--sub-bg-dark);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.aqfiWALv input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2.5rem + 15px));
	color: #ffffff;
	color: var(--white)
}


.QMk6El8e {
	width: 100%;
	height: 40px;
	padding: 5px 0 0 15px;
	box-sizing: border-box;
	border: 2px solid #161824;
	border: 2px solid var(--sub-bg-dark);
	border-radius: 8px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.QMk6El8e input {
	position: absolute;
	background: none;
	border: none;
	/*margin-left: 15px;*/
	width: calc(100% - (2.5rem + 15px));
	color: #ffffff;
	color: var(--white)
}

.tzme_f68 {
    display: flex;
    flex-wrap: wrap;
	column-gap: .5rem;
	row-gap: .5rem;
}


.nfL64KaM input {
	width: 100%;
	padding: 5px 15px 5px 15px;
	margin-top: 1rem;
	margin-bottom: .5rem;
	box-sizing: border-box;
	border: 2px solid #01000D;
	border: 2px solid var(--bg-dark);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
}

.R72S2xmZ {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
/*	width: 100%;*/
	flex: 1 1
}

.guazhlts {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.guazhlts input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: #ffffff;
	color: var(--white)
}


.zNUO3H9h {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.XjQR68M2 {
	margin: 0 0 0 auto !important;
}

.GlnFH7TQ {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.Km3KG_YB {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

._2zZWl8Nv {
	position: absolute;
	background-color: #01000D;
	background-color: var(--bg-dark);
	padding: 5px 20px;
	display: flex;
	flex-direction: column;
	right: 30px;
	top: 65px;
	border-radius: 10px;
	z-index: 999999999999;
/*	row-gap: .5rem;*/
    max-height: 75%;
    overflow-y: scroll;
}

.EIIeqW69 {
    grid-column-start: 2;
    display: flex;
    justify-content: flex-end;
    column-gap: 1rem;
    margin-top: .5rem;
}

.EzR5qPv5 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	position: absolute;
	left: 10px
}

.jK3zEdxk button {
	background: none;
	border: none;
	color: white;
	text-decoration: underline
}

.eujDlRRS {
	background: none;
	border: none;
	padding: 5px 0;
}

.eujDlRRS p {
	color: white;
	text-align: left;
}

.Us1gAJ5x {
	display: flex;
	margin-top: 1rem
}

.NTMHBSYc {
	width: 40px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border: none;
	color: #01000D;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

._eFV2ICY {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.Xh3PNcYv {
	position: absolute;
	top: 80px;
	right: 10px;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
}

.WhDm920a {
	width: -webkit-max-content;
	width: max-content;
	margin: 0 0 0 auto;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
}

.Iwihoh2F {
	background-color: red;
	cursor: default
}

.Twm_ouXC {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.SgeV9u_x {
	margin: 10px 0 0 auto;
}

.cW9M6CpF {
	margin: 0 0 0 auto
}

.tQu8tccI {
	margin: 10px 0 25px auto;
}

.MHLxdEDq {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.CrTCspuT {
	display: flex;
	column-gap: 1rem;
}

.MHLxdEDq button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: #ffffff;
	color: var(--white);
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.AvLpekTK {
	border-bottom: 2px solid #449dd1 !important;
	border-bottom: 2px solid var(--accent-1) !important;
}

.TViW3591 {
	margin-right: 2.75rem;
}


.amLiXUKX {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.amLiXUKX div {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.NF2meK9H {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.OUu4aLgr {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.OUu4aLgr button {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
}

.u9uW8kMs {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.xM8axV6g {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: #ffffff;
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.iPTzOssI {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.Io0C1xc2 {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: #01000D;
	background-color: var(--bg-dark)
}

.zCxC4ffa {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: #01000D;
	color: var(--bg-dark)
}

.zCxC4ffa img {
	width: 100%;
}

.uz6WVUWH {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.wJBn6T2w {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    color: #ffffff;
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.wJBn6T2w img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.zxk92Zg8 {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: #01000D;
	color: var(--bg-dark)
}

.JHzQeJy2 {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.JMHKFGy2 {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.JMHKFGy2 img {
	width: 40%;
}

.Ch9Wjffb {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: 2rem;
	row-gap: 2rem;
}

.zgqv5mKa {
	width: 100%;
}

.zgqv5mKa button {
	margin-top: 7.5px;
}

.hDweC2ed {
	box-sizing: border-box;
}

.Gd5HhTQV {
	box-sizing: border-box;
}

.VeSKa4ux {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 50px;
}

.VeSKa4ux textarea {
	background: none;
	border: 1px solid #2d2f39;
	max-width: 100%;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.fOPtNFNS {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.cFYary0_ {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;
}

.euqK26DV {
	height: 32px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	color: #161824;
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xqmtR2Rz {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.AuCjfb_T {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.AuCjfb_T p {
	color: #161824 !important;
	color: var(--sub-bg-dark) !important;
}

.hfGHx9L9 {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.qcDNPAcs {
	width: 100%;
	border: 1px solid #ffffff;
	border: 1px solid var(--white)
}

.Q8MHhv0z {
	width: 100%;
	border: 1px dashed #ffffff;
	border: 1px dashed var(--white)
}

.mRqTDBsI {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.v2XYRmmH {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.GYBgpIWB {
	z-index: 9999999999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    position: absolute;
}

.kUDqfF4I {
	z-index: 9999999999;
    max-width: 100%;
    width: calc(100% - 50px);
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    position: absolute;
}

.xWBu8evb {
	background: none;
	border: none;
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.xWBu8evb:hover {
	background-color: white;
	color: #161824;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.scR8yJI_ {
	display: grid;
	grid-template-rows: auto 1fr
}

.WpZPHOkN {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

.HqhfyZCg {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.yxpi_Ka8 {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green);
}

.Z6wCy8z9 {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 50px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none
}

.T4HUPZ3R {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 120px;
	max-height: 120px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none
}

.T4HUPZ3R:focus, .Yg1zeP1C {
	border: 3px solid rgba(68,157,209,1);
	position: relative;
/*	display: flex;
	align-items: center;
	justify-content: center;*/
}


.Y8vB986J {
	border: 3px solid red;
}




.K0YiHqIk {
	background: #161824;
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.NpHMerMm {
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: center;
	grid-column-gap: .75rem;
	column-gap: .75rem;
	position: relative;
	z-index: 999999999;
}

.VE0RUKXh {
	position: absolute;
	left: 0;
	top: 40px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 3px dashed #161824;
	border: 3px dashed var(--sub-bg-dark);
	border-top: 0;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	z-index: 99999999999999999
}

.VE0RUKXh button {
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white);
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tsNmMVUZ {
	background-color: #01000D;
	background-color: var(--bg-dark);
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	border: 3px dashed #161824;
	border: 3px dashed var(--sub-bg-dark);
	border-radius: 5px;
	color: #ffffff;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1rem
}

.QKGi0wGs {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 120px;
	max-height: 120px;
	resize: none;
	border-radius: 5px;
	margin-bottom: 5px;
	resize: none;
    grid-column-end: 3;
    grid-column-start: 1;
    display: flex;
}

.SY_N8olI {
    z-index: 9999999999;
    max-width: 100%;
    width: calc(100% - 50px);
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.xWBu8evb {
	background: none;
	border: none;
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 150px 150px 1fr;
	grid-column-gap:1rem;
	column-gap:1rem;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.qmK82lO7 {
	top: 60% !important
}

.Q58KwcAS {
	top: 45% !important
}

.xWBu8evb:hover {
	background-color: white;
	color: #161824;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.okzsXHxj {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.nFLoelrl {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: #ffffff;
	color: var(--white);
	border-bottom: 2px solid #01000D;
	border-bottom: 2px solid var(--bg-dark);
}

.TIRYdf9v {
	border-bottom: 2px solid #449dd1;
	border-bottom: 2px solid var(--accent-1);
}

.GBTCVyWE {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	position: relative;
}

.GBTCVyWE button {
	background: none;
	border: none;
	color: white;
}

.uJbbmwbv {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RroR29E1 {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 1.5rem 0 0 0
}

.jah3HMqV {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: #ffffff;
	color: var(--white);
	border-bottom: 2px solid #161824;
	border-bottom: 2px solid var(--sub-bg-dark);
}

.HZ1qzKdI {
	border-bottom: 2px solid #449dd1;
	border-bottom: 2px solid var(--accent-1);
}


/* 
==============================
 PARENT WIDGET
==============================
*/
.DcMhTZK4 {
  width: 100%;
  height: 100%;
  background-color: #161824;
  background-color: var(--sub-bg-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #2d2f39
}

/* 
==============================
 CAROUSEL WRAPPER
==============================
*/
.TBA1Cs0U {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex; 
  align-items: center; 
  justify-content: center;
}

.QYbV3HQw {
	position: absolute;
  border: none;
  background: none;
  color: #999;
  font-size: 24px;
  cursor: pointer;
  margin: 0 1rem;
  z-index: 5;
  transition: color 0.3s ease;
}

.MFRhXrm4 {
	left: 5px;
}

.KL_UUjbp {
	right: 5px;
}

.QYbV3HQw:hover {
  color: #fff;
}

.zJ52iI5y {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.LeyTFcQ_ {
  position: absolute;
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 10;
}
.qVPoF_P5 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #aaa;
  background-color: transparent;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.vd1I0yh5 {
  background-color: #fff;
  transform: scale(1.2);
}

/* 
==============================
 SLIDES
==============================
*/
.Lo94naT7 {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.6s ease;
}

.CgPNoupp {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.j0X7Ph_A {
  opacity: 1;
  transform: translateX(0);
  z-index: 2;
}
.jzddc7Tu {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 1;
}
.FcCm1Dxq {
  transform: translateX(100%);
  opacity: 0;
  z-index: 1;
}

/* 
==============================
 MAIN STAT (Centered)
==============================
*/
.X_9MHbIE {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.d4VDeJQO {
  font-size: 40px;
}

.dAEqj_77 {
  font-size: 36px;
  font-weight: 700;
  margin: 1rem 0 ;
}

.uZyHe5so {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  opacity: 0.9;
}

.LE1Ho_hZ {
  font-size: 14px;
  font-weight: 300;
  opacity: 0.7;
  margin: 0;
}

/* 
==============================
 TWO SMALL MODULES ROW
==============================
*/
.kmRrcYbd {
  display: flex;
  column-gap: 1rem;
  justify-content: center;
}

.ifEBkTf7 {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.MSrwGZb0 {
  font-size: 18px;
  color: #fff;
}

.H17lTY5c {
  font-size: 12px;
  opacity: 0.8;
  margin: 0;
}

.SrMHwarC {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

._MHGzrw8 {
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}

.LcAXh5xU {
	display: flex;
	flex-direction: column;
	align-items: baseline
}

.FPWtKa22 {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.rtUGhs36 input[type=number] {
	margin: 0 0 0 auto;
	background: none;
}

.rtUGhs36 input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
    padding-left: 2.5px;
    box-sizing: border-box;
}

.flQbDxQe {
	position: relative;
	height: calc(100% - 250px);
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 2rem;
	overflow-y: scroll;
}

.MeegnK1M {
	background-color: red !important;
}

._pfMN49f {
	background-color: #2d2f39 !important
}

.nl_H4KnO {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
/*	grid-template-rows: max-content;*/
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
/*    flex: 1;*/
    margin-top: 1rem;
    /*overflow-y: scroll;*/
}






.GN31ZQdi {
	position: relative;
	background: none;
	border: none;
	text-align: left;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	z-index: 999;
	cursor: pointer;
}

.RBCFIa80 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	text-align: left;
	border: 1px solid #2d2f39;
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	/*height: 115px;*/
	position: relative;
	pointer-events: none;
}

.fetYfXsb {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	text-align: left;
	border: 1px solid #2d2f39;
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	height: 100px;
	position: relative;
	pointer-events: none;
}

.dVr8tLAM {
	background-color: #01000D;
	background-color: var(--bg-dark)
}

.UWjK2JSj {
	grid-column-start: 1;
	grid-column-end: 3;	
	pointer-events: auto !important; 
}

.UWjK2JSj .fetYfXsb,
.UWjK2JSj .RBCFIa80 {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}

.fetYfXsb label,
.RBCFIa80 label {
	pointer-events: none;
}

.nl_H4KnO .wxckIraM {
	cursor: default;
	pointer-events: none;
}

.GN31ZQdi:not(.wxckIraM):hover:not(:has(.pLGmCfBv:hover)) > .fetYfXsb,
.GN31ZQdi:not(.wxckIraM):hover:not(:has(.pLGmCfBv:hover)) > .RBCFIa80,
.GN31ZQdi:not(.wxckIraM):hover:not(:has(.pLGmCfBv:hover)) > .fetYfXsb .NNp0eUHP,
.GN31ZQdi:not(.wxckIraM):hover:not(:has(.pLGmCfBv:hover)) > .RBCFIa80 .NNp0eUHP {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}


.NNp0eUHP {
	position: absolute;
	bottom: -10px;
}







.AoqmUkDe {
	margin-top: 1rem;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.AoqmUkDe .O5sZ4BTP .qkuPGaqQ i,
.AoqmUkDe .Cf9I05tL .Ig_6AX9T .ygtA05vi i {
	color: #449dd1;
	color: var(--accent-1);
}

.jj_MTKmc {
	background-color: #49b283;
	background-color: var(--success-green)
}

.VDHCkSmm i {
	color: #49b283;
	color: var(--success-green)
}

.Tfm9s_ae {
	border: 1px solid #2d2f39;
	text-align: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/*row-gap: .5rem;*/
/*	justify-content: center;*/
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	height: -webkit-max-content;
	height: max-content;
}

.OzZddVce {
	margin-top: .5rem;
}

.O5sZ4BTP {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: .5rem;
  column-gap: .5rem;
  pointer-events: none;
  position: relative;
}

.MNVzdt_E {
  opacity: 0.4 !important;
  filter: brightness(90%);
  pointer-events:none !important;
}

.qc48Z90t {
	box-sizing: border-box;
	padding: 20px 15px 10px 15px;
	color: #ffffff;
	color: var(--white);
    border: 1px solid #2d2f39;
    border-radius: 7.5px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    z-index: 9999999999 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.15s ease !important;
}

.WA8ZmjzI {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	margin-bottom: .75rem;
}

.CZnFSzI9 {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	margin-top: 5px;
	column-gap: .75rem;
	margin: 0 -15px;
	padding: 10px 15px;
	z-index: 9999999999999
}

.CZnFSzI9 i {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.CZnFSzI9:hover {
	transition: all 0.15s ease !important;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.sZ1wzXcR {
	display: grid;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	grid-template-columns: auto 1fr;
}

.qkuPGaqQ {
	height: 38px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	color: #161824;
	color: var(--sub-bg-dark);
	border-radius: 7.5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nlbNCy2d {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto 1fr;
	grid-row-gap: .5rem;
	row-gap: .5rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	height: 100%;

}

.udAvIJeD {
	position: absolute;
	top: 85px;
	right: 10px;

	width: 25px;
	height: 25px;
	border-radius: 100%;
	border: none;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: white;

	display: flex;
	align-items: center;
	justify-content: center;
}

.XCtGICDG {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	height: -webkit-max-content;
	height: max-content;
}


.XCtGICDG button {
    padding: 5px 25px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #161824;
    border: 1px solid var(--sub-bg-dark);
    color: white;
    border-radius: 5px;
}

.swCKYqQ_ {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}

.XCtGICDG button p {
	font-size: 12px;
}

.vcY1KTA4 {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	overflow-y: scroll;
    margin-bottom: -40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    height: 100%;
}

.gpK1SbTd {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1rem;
	overflow-y: scroll;
    margin-bottom: -40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    height: 100%;
    color: white;
    text-align: center;
}

.z0m2A1az {
	width: 100%;
	display: grid;
	grid-template-columns: auto auto 1fr;
	color: white;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.CKj0A3ji {
	width: 100%;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #161824;
	border: 1px solid var(--sub-bg-dark);

	border-radius: 5px;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border: none;

	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: .5rem;
	column-gap: .5rem;
}

.ANzfOO5m {
	row-gap: 1.5rem
}

.lChW8TQp {
	width: 20px;
	height: 20px;
	background: none;
	border: none;

	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.sa6G5SIf {
    display: grid;
	padding: 0 30px;
    box-sizing: border-box;
}

.Ltgdd4r6 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1rem
}

.Ltgdd4r6 p {
    width: 75%;
    text-align: center;
    word-wrap: break-word;
}

.Py_amTwq {
	width: 60px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border-radius: 100%;
	color: #161824;
	color: var(--sub-bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
}


.Py_amTwq i {
	font-size: 25px;
}

.d1BSIXGh {
	width: 70px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.d1BSIXGh i {
	font-size: 30px;
	color: #01000D !important;
	color: var(--bg-dark) !important;
}

.T0nTRY0d {
	display: grid;
    grid-template-columns: auto 1fr;
    width: calc(100% + 80px);
    margin: 0 -30px;
    padding: 0 30px;
    box-sizing: border-box;
}

.jmiS6xd0 {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 20px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white);
/*	z-index: 9999999;*/
}

.uYOJ0Ksf {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.Ig_6AX9T {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 0 auto;
}

.Ig_6AX9T input[type="number"] {
  width: 50px;
  height: 20px;
  text-align: center;
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 5px;
  outline: none;
  -webkit-appearance: textfield;
          appearance: textfield;
  color: #ffffff;
  color: var(--white);

  display: flex;
  align-items: center;
  justify-content: center;
}

.Ig_6AX9T input[type="number"]::-webkit-inner-spin-button,
.Ig_6AX9T input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.Ig_6AX9T input[type="number"] {
  -moz-appearance: textfield;
}

.ygtA05vi {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  background-color: var(--white);
  color: #161824;
  color: var(--sub-bg-dark);
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}


.JiePVgyf {
	background: none;
}

.GulCOpu8 {
    background-color: #ffffff11;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    color: #ffffff;
    color: var(--white)
}

.lV1PHCXV {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.JBdaSc3J {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    padding: 0 0 7.5px 0;
    box-sizing: border-box;
}

.JBdaSc3J::placeholder {
	font-size: 12px !important;
}

.QdE3BWgi {
	background-color: red;
	color: #ffffff;
	color: var(--white)
}

.H765KoNo { 
	color: #ffffff; 
	color: var(--white);
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.N9eTX9Dh {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.N9eTX9Dh img {
	height: 60%
}

.gz6Bw9Og {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gz6Bw9Og img {
	height: 30%	
}

.zOz38aDB {
  cursor: pointer;
}

.zOz38aDB p {
    color: #449dd1 !important;
    color: var(--accent-1) !important;
    text-decoration: underline !important;
}

.SuRZ9G5W {
	height: 40%;
	position: absolute;
	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
}

.HzhpOnYi {
	height: 20px
}

.OyYDsdPg {
	position: fixed;
	align-self: center;
	top: 10px;
	background-color: #ff4d4f;
	padding: 10px 30px;
	max-width: 50%;
	text-align: center;
	animation: QzSBF2dU 0.4s ease-out;
	border-radius: 7.5px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index:99999999
}

.BqIyMXOy {
	position: absolute;
	top: 20px;
	right: 0;
	height: -webkit-max-content;
	height: max-content;
	display: flex;
	flex-direction: column;

    border-radius: 10px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    padding: 10px 20px;
    row-gap: .25rem;
    box-sizing: border-box;
    border: 1px solid #2d2f39;
}

.BqIyMXOy button {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	text-align: left;
}

@keyframes QzSBF2dU {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.bFtlYUnJ {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}

.k2g2eeRB {
	margin-bottom: 1rem;
}

.uJbbmwbv p {
	margin-bottom: 3rem;
}

.TtPPxsf2 {
	max-width: 100%;
}

.Vu29AdHP {
	background-color: #449dd1;
	background-color: var(--accent-1);
	margin: 0 -20px;
	padding: 5px 20px;
}

.loCqN4fQ {
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;
}

.MwPL5e4l {
	margin-top: 1.5rem;
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;
}

.Y4Ebizl4 {
	margin: 1.5rem 0;
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;	
}

.GfLNt_1d {
	width: 100%;
	padding: 10px 20px;
	background-color: red;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	color: var(--white);
	border: none;
}

.U1HIPhhF {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
}

.XiQtuVCm {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	margin-top: .5rem;
	row-gap: 1.5rem;
	position: relative;
	width: 100%;
}

.XxSRASQr {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.r7enC1lR {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: .35rem;
	row-gap: .35rem;
	text-align: left;
}

.r7enC1lR:hover {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}

.KaXMLGk4 {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}


.WICZldrJ {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	color: #ffffff;
	color: var(--white)
}

.MTKm9vBz {
	color: #449dd1;
	color: var(--accent-1)
}

.jUkyURTY {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;

	background-color: #161824;

	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
}

.eWGVAfJl {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	color: #ffffff;
	color: var(--white);
	margin-bottom: 1rem
}

.funqkpfY {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 1rem;
}

.uZVIwb7A {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}

.NW9JtYjs {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
	margin-top: -3px;
}

.yN9mlDcT {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: .5rem;
	row-gap: .5rem;
	text-align: left;

	border: 1px solid #2d2f39;
	background-color: #01000D;
	background-color: var(--bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	position: relative;
	pointer-events: none;
}

.yN9mlDcT span {
	color: #449dd1;
	color: var(--accent-1)
}

._UpBRnH9 {
	padding-right: .75rem;
}

.E48MedgO {
	display: grid;
	grid-template-columns: 60% 1fr;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;

	flex: 1 1 auto;
	min-height: 0;
}

.V_PUNNeU {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
}

.m5XGP3Wv {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}

.exDM_tkp {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	column-gap: 1rem;
}

.K8PWbk_j {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.Vus8xUzI {
	color: #ffffff;
	color: var(--white);
	text-align: center;
	display: flex;
	flex: 1 1;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	padding: 0 4rem;
}

.NyoBs5v1 {
	color: #ffffff;
	color: var(--white);
	text-align: center;
	display: flex;
	flex: 1 1;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	padding: 0 2rem;
}

.Vus8xUzI span, .NyoBs5v1 span {
	color: #449dd1;
	color: var(--accent-1)
}

.Or7p68cb {
	flex: 1 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Vq3VaZlF {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	justify-content: center;

  	width: 100%;
}


.SN860hi0 {
	width: 100%;
	aspect-ratio: 1;
	background: none;
	border: none;
	color: #449dd1;
	color: var(--accent-1)
}

.Ln5adJzY {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.J7rzs3T9 {
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #161824;
    border: 1px solid var(--sub-bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.cZcWAFYC {
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.cZcWAFYC > .Cpr8irwN {
	background-color: #ffffff;
	background-color: var(--white)
}

.cZcWAFYC > .Cpr8irwN i {
	color: #449dd1;
	color: var(--accent-1)
}
 
.Cpr8irwN {
	background-color: #01000D;
	background-color: var(--bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

.Cpr8irwN i,
.J7rzs3T9 p {
	color: #ffffff;
	color: var(--white)
}

.cOpF8hH7 {
	flex: 1 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	cursor: pointer;
}

.cOpF8hH7 p {
	color: #ffffff;
	color: var(--white)
}


.OKxO_ozM {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: flex;
    flex-direction: column;
	color: #ffffff;
	color: var(--white);
	position: relative;
}

.cjvqSy5B {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    height: calc(100% - 110px);
    width: 100%
}

.KbebpcH5 {
	position: absolute;
	align-self: center;
	background-color: #ff4d4f;
	padding: 10px 30px;
	width: 80%;
	max-width: 80%;
	text-align: center;
	border-radius: 7.5px;
	bottom: 25px;
	left: 25px;
	z-index:99999999
}

.BikO_WwV {
	background-color: #ff4d4f;
	color: #ffffff;
	color: var(--white);
	cursor: default
}

.RAzpweoo {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.RAzpweoo img {
	height: 30%
}

.ykmAdRbN {
	margin-top: 10px;
}

.ykmAdRbN span {
	color: #449dd1;
	color: var(--accent-1)
}

._EF73K3p {
  opacity: 0;
  animation: O5jrtgkG 200ms ease-out forwards;
}

.POjVuHQ8 {
  opacity: 0;
  animation: O5jrtgkG 400ms ease-out forwards;
}

.UJjeLqGX span {
	color: #449dd1;
	color: var(--accent-1)
}

.bsUJTWRO {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.pWeZgJl0 {
	background-color: #ff4d4d;
	border-color: #ff4d4d88;
	padding: .75rem;
	margin-top: 1rem
}

/* Status-based styling */
.bsUJTWRO.zNs0vm0T {
  border-color: rgba(73, 178, 131, 0.3);
  background-color: rgba(73, 178, 131, 0.05);
}

.bsUJTWRO.zxuNntpD {
  border-color: rgba(255, 165, 0, 0.3);
  background-color: rgba(255, 165, 0, 0.05);
}

.bsUJTWRO.xeUFpaVW {
  border-color: rgba(255, 77, 77, 0.3);
  background-color: rgba(255, 77, 77, 0.05);
}

.bsUJTWRO.Ci1mtM_v {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Main content area */
.Ld2jXrcl {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
}

/* Left section: Icon and info */
.kAfQC9If {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  width: 100%
}

.jrPRtCCA {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 18px;
  flex-shrink: 0;
}

.zNs0vm0T .jrPRtCCA {
  background-color: rgba(73, 178, 131, 0.2);
  color: #49b283;
}

.zxuNntpD .jrPRtCCA {
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffa500;
}

.xeUFpaVW .jrPRtCCA {
  background-color: rgba(255, 77, 77, 0.2);
  color: #ff4d4d;
}

.Ci1mtM_v .jrPRtCCA {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255);
}

.Liyn_Ab0 {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.k1f89M4j {
  margin: 0;
  font-size: 13px;
  color:#f8baba;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.nyz7umBY {
  margin: 0;
  font-size: 13px;
  color:#ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.nyz7umBY span {
	color: #449dd1;
	color: var(--accent-1)
}

.rWSb8h2N {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  color: var(--white);
}

.X285AxyP {
  margin: 0;
  font-size: 12px;
  color: #ffa500;
  font-weight: 500;
}

.xeUFpaVW .X285AxyP {
  color: #ff4d4d;
}

/* Middle section: Progress bar */
.wqjOVrg6 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1;
  min-width: 200px;
}

.A5fyrajB {
  flex: 1 1;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.P4NTGJAB {
  height: 100%;
  border-radius: 10px;
  transition: width 0.3s ease;
  box-shadow: 0 0 15px currentColor;
}

.P4NTGJAB.zz7rDENW {
  background: linear-gradient(90deg, #49b283 0%, #6bc99f 100%);
}

.P4NTGJAB.MM_31H7_ {
  background: linear-gradient(90deg, #ffa500 0%, #ffb84d 100%);
}

.P4NTGJAB.GZoJAsXG {
  background: linear-gradient(90deg, #ff4d4d 0%, #ff8080 100%);
  animation: IVDDeXjt 1s ease-in-out infinite;
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

@media (max-width: 768px) {
	.YZHcViPF {
		overflow: visible;
		overflow: initial
	}

	.SztJaSFe {
	    display: flex;
	    flex-direction: column;
	}

	.DRV1Aynd {
		height: 50px;
	}

	.fwPmkbxy {
		flex-direction: column;
		overflow-y: scroll;
		display: block
	}

	.W0AZbjkz {
		margin-top: 1.25rem;
		width: 100%;
		height: auto;
		display: block;
	}

	.wpetO4hi {
		height: auto;
    	margin-bottom: 1.25rem;
    	aspect-ratio: auto;
	}

	.DcMhTZK4 {
    	height: 60%;
	}

	.acu6iWU8 {
		grid-template-rows: auto 1fr;
	}

	.hhDfWW83 {
	    grid-column-start: 1;
	    grid-column-end: 2;
	    grid-row-start: 1;
	    grid-row-end: 4;
	}

	.VIF1ugpY {
		grid-column-start: 2;
		grid-column-end: 4;
		margin-bottom: .5rem;
	}

	.lC56r4No {
	    grid-column-start: 2;
	    grid-column-end: 4;
	}

	.Zhd2qAqE {
		padding: 2rem;
	}

	.MrZPXaiA {
		height: 75%;
        padding: 1.5rem;
	}

	.TBA1Cs0U {
		min-height: 200px;
	}
}

@media (max-width: 1200px) {
}

@keyframes O5jrtgkG {
  to {
    opacity: 1;
  }
}



.yDUlNNjk {
  padding: 10px;
  margin: 10px 0;
  color: white;
  text-align: center;
  font-weight: 600;
}

.EQT1z3u5 {
  background-color: red
}

.vVCdbMqr {
  width: 80%;
  z-index: 99999999;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  will-change: transform;
  border-radius: 7.5px;
}

.PDHXPQfI {
  animation: QzSBF2dU 0.5s ease-out forwards;
}

.oNiBcvke {
  animation: x9iXwuEw 0.5s ease-in forwards;
}

@keyframes QzSBF2dU {
  from {
    transform: translate(-50%, -100%);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

@keyframes x9iXwuEw {
  from {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -100%);
    opacity: 0;
  }
}



/* NewEvent Validation Messages */
.nYcpNlyb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
  pointer-events: none;
  z-index: 1000;
}

.Qdoly2ja {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  align-items: center;
  padding: .75rem 1.5rem;
  border-radius: 12px;
  pointer-events: auto;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  border: 1px solid;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.qB5gIdWr {
  border-color: rgba(255, 77, 77, 0.5);
  background: linear-gradient(135deg, rgba(255, 77, 77, 0.2) 0%, rgba(255, 77, 77, 0.1) 100%);
  animation: LvD5BgEs 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.qB5gIdWr .L2gjhFat {
  background-color: rgba(255, 77, 77, 0.25);
  color: #ff6b6b;
  box-shadow: 0 0 20px rgba(255, 77, 77, 0.2);
}

.qB5gIdWr .DW8kbqAC {
  color: #ff8080;
}

.n907Vabn {
  border-color: rgba(255, 165, 0, 0.5);
  background: linear-gradient(135deg, rgba(255, 165, 0, 0.2) 0%, rgba(255, 165, 0, 0.1) 100%);
  animation: LvD5BgEs 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.n907Vabn .L2gjhFat {
  background-color: rgba(255, 165, 0, 0.25);
  color: #ffb84d;
  box-shadow: 0 0 20px rgba(255, 165, 0, 0.2);
}

.n907Vabn .DW8kbqAC {
  color: #ffb84d;
}

.L2gjhFat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 20px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.qZL_wfkR {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.DW8kbqAC {
  margin: 0;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nD6GTiHf {
  margin: 0;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.4;
}

.vG7lFqCE {
  padding: 0.65rem 1.25rem;
  background-color: rgba(255, 255, 255, 0.12);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.vG7lFqCE:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.vG7lFqCE:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.qGWD0mB_ {
  animation: LvD5BgEs 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.MDvxD3bF {
  animation: YbIVdEDo 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes LvD5BgEs {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes YbIVdEDo {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-30px);
  }
}

/* ===================================================
   Event Name Input - Clean Minimal
   =================================================== */

.sDGGUqsc {
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.75rem;
  position: relative;
  animation: O5jrtgkG 0.5s ease-in-out;
}

.tnAQKl1u {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: border-color 0.2s ease;
  cursor: pointer;
}

.tnAQKl1u:hover {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

.tnAQKl1u.lplsKbs3 {
  border-bottom-color: #449dd1;
  border-bottom-width: 2px;
  /*padding-bottom: calc(1.25rem - 1px);*/
}

.tnAQKl1u.gZDEqebg {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.EpYSYfci {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  flex-shrink: 0;
  transition: color 0.2s ease;
}

.tnAQKl1u.lplsKbs3 .EpYSYfci {
  color: #449dd1;
}

.tnAQKl1u.gZDEqebg .EpYSYfci {
  color: rgba(255, 255, 255, 0.5);
}

.Fu3LyHFs {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.nnpeKFVE {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 15px;
  color: rgba(255, 255, 255, 0.4);
  pointer-events: none;
  transition: all 0.2s ease;
  transform-origin: left center;
}

.xDt0eShk {
  top: -14px;
  font-size: 11px;
  font-weight: 700;
  color: #449dd1;
  /*text-transform: uppercase;*/
  letter-spacing: 0.6px;
  transform: translateY(0);
}

.V9leJ8Yt {
  top: -14px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.6px;
  transform: translateY(0);
}

.tlCZFp7N {
  background: none;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  padding: 0.5rem 0;
  font-family: 'DonerRegular', sans-serif;
  font-family: var(--font-family);
  width: 100%;
  min-height: 1.5rem;
}

.tlCZFp7N::placeholder {
  color: rgba(255, 255, 255, 0.2);
}

.Cz66x2MR {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  padding: 0.5rem 0;
  font-family: 'DonerRegular', sans-serif;
  font-family: var(--font-family);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 1.5rem;
  display: flex;
  align-items: center;
}

.tnKJ8W9J {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  transition: all 0.2s ease;
  margin-left: 0.5rem;
}

.dCQ9F8zc {
  color: #449dd1;
  transform: rotate(180deg);
}

.EHa57clv {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  margin-left: 0.5rem;
}

.EHa57clv:hover {
  color: rgba(255, 255, 255, 0.7);
}

.EHa57clv:active {
  color: rgba(255, 255, 255, 0.9);
}

.qaO9CE1n {
	max-height: 300px;
	overflow-y: scroll;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.5rem;
  border: 1px solid rgba(68, 157, 209, 0.3);
  border-radius: 8px;
  background-color: #161824;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  animation: QzSBF2dU 0.2s ease;
}

.efIAlvGJ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  border: none;
  background: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  font-weight: 400;
  font-family: 'DonerRegular', sans-serif;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
}

.efIAlvGJ:hover {
  background-color: rgba(68, 157, 209, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

.efIAlvGJ:active {
  background-color: rgba(68, 157, 209, 0.15);
}

.TjSEGoN9 {
  background-color: rgba(68, 157, 209, 0.08);
  color: #449dd1;
  font-weight: 500;
}

.TjSEGoN9 i {
  color: #449dd1;
  font-size: 12px;
}

._zGfZ308 {
  padding: 1rem 1.25rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}

@keyframes QzSBF2dU {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes O5jrtgkG {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.RPO1edQg {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

.RPO1edQg p {
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .tnAQKl1u {
    padding: 1rem 0;
    gap: 1rem;
  }

  .tnAQKl1u.lplsKbs3 {
    padding-bottom: calc(1rem - 1px);
  }

  .EpYSYfci {
    font-size: 18px;
  }

  .tlCZFp7N {
    font-size: 15px;
  }
}

/* ===================================================
   Upload Button - Clean Minimal
   =================================================== */
/* --- Base Container Styles --- */
.NOzA7oU1 {
    box-sizing: border-box;
    width: 100%;
    height: 200px; /* Set a fixed height for consistency */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: none;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    animation: O5jrtgkG 0.5s ease-in-out;
}

/* --- No Preview (Initial/Empty State) --- */
.NOzA7oU1.H9pJ6WV3 {
    border: 2px dashed rgba(68, 157, 209, 0.5); /* Dashed border for drop-zone look */
    cursor: pointer; /* Indicate it's clickable */
}

.NOzA7oU1.H9pJ6WV3:hover {
    border-color: #449dd1;
    background-color: rgba(68, 157, 209, 0.05);
}

.uWt3UTHT {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    text-align: center;
}

.TitjxBEc {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #449dd1;
    font-size: 30px; /* Larger icon */
    margin-bottom: 5px;
}

.iI6qQw2P {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-family: 'DonerRegular', sans-serif;
    font-family: var(--font-family);
}

.SCo3F5Bi {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    margin-top: 5px;
}

/* --- Has Preview State --- */
.NOzA7oU1.Bhhbo0kK {
    border: 1px solid rgba(68, 157, 209, 0.3); /* Solid border when image is present */
    cursor: default;
}

.a0zwQWRI {
    position: relative;
    width: 100%;
    height: 100%; /* Fill the container height */
}

.CUcOtqvz {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* --- Preview Controls --- */
.avE5YsNF {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 10px;
    z-index: 10;
}

.wvzf83x9, .tOKNNv07 {
    /* Base for both buttons */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.wvzf83x9 {
    background-color: rgba(68, 157, 209, 0.85); /* Semi-transparent blue */
    border: 1px solid rgba(68, 157, 209, 1);
    gap: 8px;
}

.wvzf83x9:hover {
    background-color: #449dd1;
}

.tOKNNv07 {
    width: 38px;
    height: 38px;
    padding: 0;
    background-color: rgba(255, 77, 77, 0.85); /* Semi-transparent red */
    border: 1px solid rgba(255, 77, 77, 1);
}

.tOKNNv07:hover {
    background-color: #ff4d4d;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .NOzA7oU1 {
        min-height: 180px;
    }
    
    .TitjxBEc {
        font-size: 24px;
    }

    .iI6qQw2P {
        font-size: 15px;
    }

    .wvzf83x9 {
        padding: 6px 10px;
        font-size: 13px;
    }

    .tOKNNv07 {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }
}
/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.d6JFXAws {
	height: 100vh;
	width: 100%;

	display: grid;
	grid-template-columns: 40% 1fr;
	overflow: hidden;
}

.FSo51DqW {
	height: 100%;
	width: 100%;
	background-color: var(--sub-bg-dark);
	color: var(--white);
	padding: 30px 80px 30px 100px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.FSo51DqW h3 {
	margin-bottom: 1.25rem;
}

.FSo51DqW p {
	margin-bottom: 3rem;
}

.FSo51DqW img {
	width: calc(100% + 200px);
	margin: 0 -200px 0 0
}

.Dy_CN8PI {
	display: flex;
	align-items: center;
	column-gap: .35rem;
	margin-bottom: 1.5rem;
}

.hvsiMJCj {
	height: 9px;
	width: 9px;
	border-radius: 100%;
	background-color: var(--white);
	opacity: .6
}

.hvsiMJCj:last-child {
	opacity: 1 !important;
}

.RX4Akjhz {
	height: 100%;
	width: 100%;
	background-color: var(--white);
	padding: 60px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.Sa0sxNr7 {
	width: 30%;
	margin-bottom: .75rem;
}

.YKNyGUMN {
	width: 20%;
	height: 2.5px;
	background-color: var(--accent-1)
}

.O9dVhTzu {
	margin-top: 2rem;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.ChxsSbfl {
	text-align: center;
}

.DJ23yX75 {
	margin-top: 3rem;
	width: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	background-color: var(--sub-bg-light);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.DJ23yX75 img {
	width: 4%;
}

.YKLv2uxB {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin: 2rem 0 3rem 0;
}

.pv4YAbRd {
	width: 100%;
	height: 1px;
	background-color: var(--sub-bg-light)
}

.FvljZCHO {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.wOoDDDUq {
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	background-color: var(--sub-bg-light);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.wOoDDDUq input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.rDvSJdho {
	margin-top: 1.5rem;
}

.QBRDankw {
	width: calc(100% - (2.5rem + 90px)) !important;
}

.DgAW7uZK {
	margin: 0 0 0 auto;
	background: none;
	border: none;
}

.N5t_izxz {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	margin-top: .5rem
}

.VVF6j3Oj {
	margin-top: 3rem;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: var(--white);
	border: 1px solid var(--accent-1);
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.VVF6j3Oj p {
	color: var(--white)
}

.ZzNElrte {
	margin-top: 3rem;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: var(--accent-1);
	border: 1px solid var(--accent-1);
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.ZzNElrte p {
	color: var(--white)
}

.ZzNElrte,
.VVF6j3Oj {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.DqF3OUKP {
	margin-top: .5rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.DqF3OUKP button {
	background: none;
	border: none;
}

.DqF3OUKP button p {
	text-decoration: underline;
}

.dKmuovK4 {
  position: fixed;
  align-self: center;
  top: 10px;
  background-color: #ff4d4f;
  padding: 10px 30px;
  max-width: 35%;
  text-align: center;
  animation: dHYyBIrh 0.4s ease-out;
  border-radius: 7.5px;
}

@keyframes dHYyBIrh {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.RoHMFrs7 {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}


.ypEpFpxG {
	background-color: var(--accent-1);
	color: white;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
}

.ypEpFpxG p {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}

.MCUYmSEm {
	height: 25px
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

@media (max-width: 768px) {
	.d6JFXAws {
		display: flex;
	}

	.FSo51DqW {
		display: none;
	}

	.RX4Akjhz {
		padding: 2rem
	}

	.Sa0sxNr7 {
		width: 40%
	}
}

@media (max-width: 1200px) {
}
.CGQARA0j {
	font-weight: 600;
}

.MdQHRHCF {
	font-weight: 700;
}

.YiGNL_tc {
	font-size: 8px;
}

.A4nWMWMW {
	font-size: 10px;
}

.JQGi267O {
	font-size: 12px;
}

.ZEyuYynp {
	font-size: 14px;
}

.hlbqwBEZ {
	font-size: 15px;
}

.awNg5K54 {
	font-size: 17px;
}

.vte0wb1q {
	font-size: 22px;
}

.Gy6Y_PCG {
	height: 100%;
/*	width: 225px;*/
	display: flex;
	column-gap: 10px;
	position: relative;
}

.Pcs8r8GD {
	height: 100%;
	width: 200px;
	/*border-radius: 15px;*/

	background-color: var(--sub-bg-dark);
	position: relative;
	border-right: 1px solid #2d2f39;

	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	transition: width 0.6s ease, grid-template-columns 0.6s ease;
}

.MTA6tLmy {
	height: 100%;
	width: 75px;
	/*border-radius: 15px;*/

	background-color: var(--sub-bg-dark);
	position: relative;
	border-right: 1px solid #2d2f39;

	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	transition: width 0.6s ease, grid-template-columns 0.6s ease;
}

.wah2Ut6Q {
	margin: auto 0;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
}

.jEnl4hJ4 {
  width: 100%;
  margin: auto 0;
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-row-gap: .75rem;
  row-gap: .75rem;
}


.ChJW9vAn {
  height: 50px;
  width: 100%;
  background: none;
  border: none;
  display: grid;
  grid-template-columns: 75px 1fr;
  align-items: center;
  color: var(--white);
  box-sizing: border-box;
  /*border-radius: 7.5px;*/
  text-decoration: none;
}

.ChJW9vAn p {
	width: -webkit-max-content;
	width: max-content
}

.BJa44ZEb {
	height: 100%;
	width: 75px;
	position: relative;
}

.ZeurJH6x {
  display:flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BfKN252H {
  display:flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.HJQkNV6o {
	width: -webkit-max-content !important;
	width: max-content !important;
}

.seY1UETM {
	background-color: var(--white);
	color: var(--sub-bg-dark)
}

.a3yadVtp {
	position: absolute;
	top: 30px;

	display: flex;
	align-items: center;
}

.V6ETlJWj {
  width: 100%
}

.a3yadVtp a {
  width: 75%;
  margin: 0 auto;
}

.a3yadVtp img {
	width: 100%;
}

.ucx2f46M {
	position: absolute;
	bottom: 10px;
}


.lzMDsvvl {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;

}

.lzMDsvvl button {
	background: none;
	border: none;
	color: var(--white);
	opacity: .7;
	transform: rotate(90deg)
}

.lzMDsvvl button:hover {
	opacity: 1;
	transition: opacity .25s
}

.QrjQyrEh {
	transform: rotate(270deg) !important;
}

.MlPIq8Dd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 999999;
}
.ZUgweLSr {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content:center;
  position: relative;
}

.if3PkyVb {
  height: 2rem;
  cursor: pointer;
/*  transform: rotate(90deg);*/
}

.if3PkyVb::after {
  content: '';
  position: absolute;
  top: -10px; 
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: transparent;
}

.nvPbrNAe {
  opacity: 0.5;
}

.jV3WWKRV {
  background: none;
  border: none;
  height: 1rem;
  width: 0.25rem;
  background-color: var(--accent-1);
  border-radius: 9999px;
}

.Qtfqr0HC {
  opacity: 1;
  transition: opacity 0.3s ease, width 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
}

.NKi1MXtv {
  opacity: 0;
  transition: opacity 0.3s ease, width 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
}

.TdRr4sBU {
  opacity: 0;
  width: 0;
  transition: opacity 0.3s ease, width 0.3s ease color, 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  transition-delay: 0.3s;
}


.gm87TOpV {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 75px 1fr;
  align-items: center;
  transition: background-color 0.3s ease;
  /*border-radius: 10px*/
}

.S2TzzWf5 {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 75px 1fr;
  align-items: center;
  transition: background-color 0.3s ease;
  /*border-radius: 10px*/
}

.jEnl4hJ4 a,
.ChJW9vAn {
  width: 100%;
  height: 60px;
  text-decoration:none;
}

.S2TzzWf5:hover {
  background-color: var(--accent-1);
}

.S2TzzWf5:hover > .qLK9c3d8 .ZeurJH6x {
  color: white;
}

.gm87TOpV:hover {
  background-color: var(--accent-1);
}

.gm87TOpV:hover > .qLK9c3d8 .BfKN252H,
.gm87TOpV:hover > .ODyphxmf {
  color: white;
}


.ODyphxmf,
.kkZ7CDqy {
	color: var(--white);
	font-weight: 600
}

.sw97U9uP {
  background-color: var(--accent-1);
}

.sw97U9uP i {
	color: white;
	font-weight: 600
}


.qLK9c3d8 {
  height: 100%;
  width: 100%;
  position: relative;
}

.ZeurJH6x {
  font-size: 30px;
  color: var(--white);

  display:flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s ease
}

.BfKN252H {
  font-size: 30px;
  color: var(--white);

  display:flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s ease
}


/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

@media (max-width: 768px) {
  .Gy6Y_PCG {
    display: none;
  }
}

@media (max-width: 1200px) {
}
.mcmcdyRc {
	font-weight: 600;
}

.sY33_K4U {
	font-weight: 700;
}

.hBGvsRvi {
	font-size: 8px;
}

.vSsHMaWR {
	font-size: 10px;
}

.yfolDT0l {
	font-size: 12px;
}

.lRArpsAK {
	font-size: 14px;
}

.R0TujIHq {
	font-size: 15px;
}

.M6p7Y_VW {
	font-size: 17px;
}

.AJbY4xit {
	font-size: 22px;
}

.XpLs5Aea {
	font-size: 25px;
}


.QZpO2bMU {
	font-size: 35px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.D9dMTWYw {
	position: relative;
}

.CgpSiIEG {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: var(--white)
}

.QDbuYk2N {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

._8SXIjP8Z {
	background-color: var(--white);
}

.z7QAje7y {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

._a1QU8r6 {
    width: 100%;
    background-color: var(--accent-1);
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}


.SY64mjxY {
	height: 100%;
	width: 100%;
/*	display: grid;*/
/*	grid-template-rows: auto 1fr;*/
	display: flex;
	flex-direction: column;
	/*row-gap: 2rem;*/

	padding: 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
}

.ttotccbQ {
	/*height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

.D9NgGtCA {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.zWf8QIOQ {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: var(--white)
}

.oCDtHq8R {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

.oCDtHq8R p,
.oCDtHq8R i {
	color: var(--bg-dark);
}

.oCDtHq8R input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.jMNhTlds {
	height: 100%;
	aspect-ratio: 1;

	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

.jMNhTlds i {
	color: var(--bg-dark);
}

._FDJvCXM {
	width: 100%;
	height: 100%;
	background-color: var(--sub-bg-dark);
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
	border-radius: 15px;
}

.RkhT82XM {
	display: grid;
	grid-template-columns: auto 1fr;
}

.debmSFz0 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: var(--white);
}

.miexkgOo {
	padding-right: 2.5rem;
}

.cN4Dd7j8 {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.cN4Dd7j8 i {
	color: var(--white);
}

.RIWwFiTQ {
	margin-top: 1.5rem;
	height: calc(100% - 1.5rem);
}

.V6M475_2 {
	height: 100%;
	width: 100%;
}

.PCtJwm29 {
	display: flex;
	column-gap: 1rem;
	margin-bottom: 1.5rem;
}

.PCtJwm29 button {
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--sub-bg-dark);
	padding: 0 5px 5px 5px
}

.wJI9s66s {
	border-bottom: 2px solid var(--accent-1) !important;
}


.AVM8XFtS {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 1rem;
    row-gap: 1rem;
    grid-column-gap: 1rem;
    column-gap: 1rem;
}

.tiz8nnt3 {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
}

.DHcv2F5a {
	border: none;
	background-color: var(--accent-1);
	padding: 10px 0;
	box-sizing: border-box;
	width: 100%;
	color: var(--white);
	border-radius: 10px;
	margin-bottom: 30px
}

.kZgWd_pI {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	height: 60px;
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--white);
}

.kZgWd_pI p {
	text-align: center;
}

.ubnWVfHW {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.gmT9sFmB {
	height: 35px;
	width: 35px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.b_V7oPF8 {
	display: flex;
	flex-direction: column;
	color: var(--white);
	text-align: left;
	min-width: 0;
}



.V1SOdgj8 {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: .75rem;
    row-gap: .75rem;
    grid-column-gap: .75rem;
    column-gap: .75rem;
}


.zbQaeHru {
	padding-bottom: 30px !important;
	box-sizing: border-box;
}

.lodfepPN {
    aspect-ratio: 1;
    height: 60%;
}

.ymVlhS89 {
	display: flex;
}



.B2kR594z {
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    row-gap: .5rem;
	height: calc(100% - 30px);
	overflow-y: scroll
}

.gsA5gk0q {
    align-items: center;
    border: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 0 10px;

    background-color:  var(--accent-1);
    color: var(--white);
}

.d_wsUkVt {
	height: 50%;
	width: 50%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: var(--bg-dark);
}

.LEfXhBOH {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: var(--white);
	overflow-y: scroll;
}

.ZFrDkbfO {
	display: grid;
	grid-template-columns: auto 1fr;
}

.l53LYDei {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.TzjPHzjO {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.AtzPYKAB { 
	display: flex;
	column-gap: 1rem;
}

.EzN0VUrz {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid var(--white);
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.UbX7dRLc {
	border: 1px solid var(--accent-1);
	background-color: var(--accent-1);
}

.mb4gQ7iW {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.EtreSfYg {
	row-gap: 0 !important;
}

.G6gTLigR {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.G6gTLigR input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.GxiIgDig {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.GxiIgDig input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.mGXz2OQP {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.wzW8bfFi {
	margin: 0 0 0 auto !important;
}

.jjO2bfiO {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}


.vtkh72si {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.hSwPDXQs {
	display: flex;
	margin-top: 1rem
}

.NTxmhgDu {
	width: 40px;
	aspect-ratio: 1;
	background-color: var(--white);
	border: none;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.LMGBnbx2 {
	margin: 0 0 0 auto;
}

.hNj6JzVk {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.fhN_PjoJ {
	display: flex;
	column-gap: 1rem;
}

.hNj6JzVk button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.KqxPsyA3 {
	border-bottom: 2px solid var(--accent-1) !important;
}

.LBu56x4m {
	margin-right: 2.75rem;
}


.Zft1X9Cc {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.Zft1X9Cc div {
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.x3lx45ZA {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.tyFagIaf {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.tyFagIaf button {
	background: none;
	border: none;
	color: var(--white);
}

.Sk3h31Dx {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.NN3rM71d {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.pZLsPm3W {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.rlcnZBCP {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: var(--bg-dark)
}

.szNhJs0C {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: var(--bg-dark)
}

.szNhJs0C img {
	width: 100%;
}

.HJHfoEqJ {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.nAFxzK1Q {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: var(--sub-bg-dark);
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.nAFxzK1Q img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.SBkfv4mp {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: var(--bg-dark)
}

.RqhzoNI4 {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.Og4Dm2c3 {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Og4Dm2c3 img {
	width: 40%;
}

.wU3NhTB7 {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.Lkdq1g1l {
	width: 100%;
}

.Lkdq1g1l button {
	margin-top: 7.5px;
}

.Ndr9b1wU {
	border-left: 0.1px solid var(--white);
	padding-left: 2rem;
	box-sizing: border-box;
}

.EccAOSQe {
	border-right: 0.1px solid var(--white);
	padding-right: 2rem;
	box-sizing: border-box;
}

.R8XkJ9iI {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 20%;
}

.R8XkJ9iI textarea {
	background: none;
	border: none;
	max-width: 100%;
	width: 100%;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.W6hI5Smf {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.tWz4I5Jj {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;

}

.LR4j1efu {
	height: 32px;
	aspect-ratio: 1;
	background-color: var(--white);
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.TULIbQI1 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.ETBh8CLM {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.RDrofvt0 {
	width: 100%;
	border: 1px solid var(--white)
}

.H71WCPtr {
	width: 100%;
	border: 1px dashed var(--white)
}

.cm7QKCae {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.fhfrHIOT {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gxvuB9YN {
    margin-top: 5px;
    position: absolute;
    width: 42%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 10px;
    height: auto;
    min-height: 10%;
    max-height: 30%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.ZV_bOMgW {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.ZV_bOMgW:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.QFEiJfMu {
	display: grid;
	grid-template-rows: auto 1fr
}

._qiwkzI1 {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

.WiMqKXNd {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.Q9VDtrQR {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: var(--success-green);
}

.AogojG8H {
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}


.gxvuB9YN {
    z-index: 9999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
/*    min-height: 300px;*/
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.ZV_bOMgW {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.ZV_bOMgW:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.GBWdN2xB {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.mOaB02zo {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--bg-dark);
}

.dbRk11rx {
	border-bottom: 2px solid var(--accent-1);
}

/* ... (All your existing CSS definitions from the question remain unchanged) ... */

/* ----------------------------------------
   Additional RolePage styles
----------------------------------------- */
.W13n5vNm {
  /* You can adjust this layout as desired */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.CoiYElcI {
  padding: 1rem;
  background-color: var(--sub-bg-dark);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-start;
  border: 2px solid var(--sub-bg-dark);
}

.CoiYElcI:hover {
  background-color: var(--accent-1);
  color: var(--white);
}

.Bh2CLIsM {
  border: 2px solid var(--accent-1);
}

.HCUs9bOv {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.Mkg43KHl {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.t6yBuV62 {
	position: absolute;
	width: 350px;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;
}

.O9YlLSQt {
	padding: 15px 20px;
	box-sizing: border-box;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
  	width: 100%;
  	border: none;
  	text-align: left;
}

.th0AB7d8 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hAygAuL0 {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: var(--bg-dark);
	background-color: var(--white);
}

.hAygAuL0 input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: var(--bg-dark)
}

.pRxDQpkA {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.ANUUky_Y {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white
}

.hfOW1byt {
	position: absolute;
	right: 20px;
	top: 20px;
	color: white;
	background: none;
	border: none;
}

.lLWBFmSx {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: white;
}

.lLWBFmSx i {
	font-size: 20px
}

.JcV_Xur7 {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	column-gap: 1.25rem;
}

.x7jsNmUy {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
	row-gap: 1.25rem;
}

.rR5uQIYx {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;
}

.LkTXNumI {
	padding: 30px 30px 0 30px
}

._2kTjKWMq {
	grid-template-rows: auto 1fr;
	row-gap: 1rem
}



.k2euLzBg {
	display: grid;
	grid-template-columns: auto 1fr;
}
.ct3kHBtW {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.PM0RapzR {
	overflow-y: scroll !important;
}

.YKaKJiCm {
    position: absolute;
    top: 45px;
}

.NMvzTBYk {
    margin: auto 0 0 0;
    overflow-y: scroll;
    height: 165px;
    overflow-y: scroll;
    width: 100%;
}

.Bi3HW7RR {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 1.5rem 0 0.5rem 0
}

.ma5nYwo4 {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--sub-bg-dark);
}

.lzgHKQZc {
	border-bottom: 2px solid var(--accent-1);
}

.v9D4ofLZ {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.kzHlrIe3 {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.kzHlrIe3::-webkit-scrollbar,
.gxvuB9YN::-webkit-scrollbar {
	display: none;
}


.lodfepPN {
    aspect-ratio: 1;
    height: 60%;
}

.ymVlhS89 {
	display: flex;
}

.GuGTViXO {
	height: 60px;
	width: 60px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 auto;
}

.dVJBhZCW {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--white);
	text-align: center;
	margin-top: 1rem;
	width: 100%;
}

.Zy3q1_26 {
	max-width: 85%;
	align-self: center;
	justify-self: center;
}

.XGt4x5Iw {
    max-width: 75%;
    flex-wrap: wrap;
    display: flex;
    word-break: break-all;
    justify-content: center;
}

.j8Xr_yXN {
	background: none;
	position: absolute;
	top: 20px;
	right: 50px;
	border: none;
	color: white;
}

.R7KjqQjQ {
	background: none;
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	color: white;
}

.BFSvCtx7 {
	border: 1px solid var(--accent-1)
}

.YKaKJiCm {
    position: absolute;
    top: 45px;
    width: 100%
}

.LD3YK7I6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: .75rem;
  gap: .75rem;
  width: 100%;
  margin: auto 0 0 0;
}

.z1gXZ4VY {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 10px;
  transition: transform 0.2s ease-in-out;
}

.z1gXZ4VY:hover {
  transform: scale(1.05);
}

.zkvaOs29 {
  font-size: 20px;
}

.liiz9Snz {
  display: flex;
  flex-direction: column;
}

.r9Ff2tNM {
  font-size: 11px;
  color: #ccc;
}

.Enjki4rD {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-1);

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ppXJtmlA {
	height: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.ppXJtmlA button {
	background: none;
	border: none;
	color: var(--white);
	opacity: .7;
	transform: rotate(90deg)
}

.ppXJtmlA button:hover {
	opacity: 1;
	transition: opacity .25s
}

.r6aOaIIa {
	transform: rotate(270deg) !important;
}

.jW51wwPL {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 999999;
}
.GnVvBBVW {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content:center;
  position: relative;
}

.vDhsk8EG {
  height: 2rem;
  cursor: pointer;
  transform: rotate(90deg);
}

.vDhsk8EG::after {
  content: '';
  position: absolute;
  top: -10px; 
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: transparent;
}

.CiJgIqzY {
  opacity: 0.5;
}

.zGoUjwXM {
  background: none;
  border: none;
  height: 1rem;
  width: 0.25rem;
  background-color: var(--accent-1);
  border-radius: 9999px;
}


.pJ5uYxr8 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: .5rem
}

.pJ5uYxr8 p {
	text-align: center;
	padding: 0 30px;
	box-sizing: border-box
}

.gtVYxqTF {
	padding: 30px 30px 0 30px !important
}

.SVNlIyWr {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.SVNlIyWr img {
	height: 30%
}

.Ws2pm__a p {
	visibility: hidden
}

.Ws2pm__a .gmT9sFmB {
	visibility: hidden
}

.V2uQTBBR {
  height: calc(100% - 3rem);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.V2uQTBBR p {
	margin-bottom: 3rem;
}

.d1MpianJ {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.U28SLFaj {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.dh4AkrL8 {
	background-color: var(--accent-1);
}

.dh4AkrL8 > .FBYAZ41l {
	background-color: var(--white)
}

.dh4AkrL8 > .FBYAZ41l i {
	color: var(--accent-1)
}
 
.FBYAZ41l {
	background-color: var(--sub-bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

.FBYAZ41l i,
.U28SLFaj p {
	color: var(--white)
}

.zeHeDl0o {
  opacity: 0;
  animation: xktS2JUn 200ms ease-out forwards;
}

.zOyxVEyU {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.igbDG6I0 {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	row-gap: 5px;
}

.pqm7SM15 {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    row-gap: .75rem;
    padding-bottom: 1rem;
}

.i6jNsM30 {
	display: grid;
	grid-template-columns: 20px 1fr;
	grid-column-gap: 7.5px;
	column-gap: 7.5px;
	align-items: center
}

.i6jNsM30 i {
	justify-self: center;
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

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

@media (max-width: 1200px) {
}



@keyframes xktS2JUn {
  to {
    opacity: 1;
  }
}
/* -----------------------------------------------------
	Global Variables and Resets
------------------------------------------------------ */

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularText.ba9ab1d5394d74b3284f.otf) format("opentype");
}


:root {
	--white: #ffffff;
	--black: #000000;

/*	--bg-dark: #161824;*/
	--bg-dark: #01000D;

	--sub-bg-dark: #161824;
/*	--sub-bg-dark: #21242d;*/
	--sub-bg-light: #f0f1f2;

	--accent-1: #449dd1;
	--success-green: #49b283;
	--cancelled-red: #ff2626
}

:root {
	--font-family: 'DonerRegular', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

body {
	background-color: #01000D;
	background-color: var(--bg-dark)
}

button {
	cursor: pointer;
}

h1 {
	font-weight: 700;
	font-size: 34px;
}

h3 {
	font-weight: 600;
	font-size: 24px;
}

p, input {
	font-weight: 300;
	font-size: 15px;
}

.uscyDfnm {
	font-weight: 600;
}

.xNLPBtWp {
	font-weight: 700;
}

.DYMIxEvc {
	font-size: 8px;
}

.TY1qMmzK {
	font-size: 10px;
}

._Z2mAf1o {
	font-size: 12px;
}

.yn0mrf6O {
	font-size: 14px;
}

.JAg5uI27 {
	font-size: 15px;
}

._PrQ8oLV {
	font-size: 16px;
}

.LldQJHY2 {
	font-size: 17px;
}

.T432Y96D {
	font-size: 22px;
}

.kfb5Tfs7 {
	font-size: 25px;
}

.skfjBb5L {
	font-size: 28px;
}

.Srk98PHt {
	font-size: 31px;
}

.LGEUAFD3 {
	font-size: 34px;
}

.UdP6v2mc {
	font-size: 37px;
}

.GUnL8bng {
	font-size: 40px;
}

.i_NswhKR {
	font-size: 43px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.PV3ZejeJ {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: #01000D;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white)
}

.r1uRCOUi {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #01000D;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

.nIjnVHv6 {
	background-color: #ffffff;
	background-color: var(--white);
}

.qul6NpZA {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

.lU5JD2Q6 {
    width: 100%;
    background-color: #449dd1;
    background-color: var(--accent-1);
    color: #ffffff;
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}

.HU5hBXBK {
	height: 100%;
	width: 100%;
/*	display: grid;*/
/*	grid-template-rows: auto 1fr;*/
	display: flex;
	flex-direction: column;
	/*row-gap: 2rem;*/

	padding: 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
}

.LXW2o_xX {
/*	height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

._qMKC2es {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.VAaEaHXw {
	position: absolute;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;

	width: 350px;
}

.koZRFHQT {
	padding: 15px 20px;
	box-sizing: border-box;
	color: #01000D;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
    width: 100%;
    border: none;
    text-align: left;
}

.nbe8Kxgg {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.LFrX6iAh {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	background-color: var(--white)
}

.PcbvZ8ek {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

.PcbvZ8ek p,
.PcbvZ8ek i {
	color: #01000D;
	color: var(--bg-dark);
}

.PcbvZ8ek input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.isZT8tH8 {
	height: 100%;
	aspect-ratio: 1;
	border: 1px solid #ffffff;
	border: 1px solid var(--white);

	border-radius: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	border: none;
}

.isZT8tH8 i {
	color: #01000D;
	color: var(--bg-dark);
}

.h1owax3J {
	height: 100%;
	width: 100%;
	overflow: hidden;
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;

    display: grid;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-columns: 25% 1fr;
}

.vv1vqwfL {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
/*	grid-template-rows: auto 1fr;*/
	row-gap: 1.25rem;
}

.Rx7YMDLe {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	padding: 1rem;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    grid-column-start: 1;
    overflow-y: scroll;
}

.U7xkSyQZ {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1px solid #01000D;
    border: 1px solid var(--bg-dark);
    overflow: hidden;
}

.DzbCe4u4 {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	width: 100%;
}

.r5TaC2Ao {
	grid-template-rows: auto auto 1fr
}

.QFrk10In {
	padding: 30px 30px 0 30px
}

.PPipZN7y {
	display: grid;
	grid-template-columns: auto 1fr;
}

.zgxNOCcP {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
}

.Kt_K8WAR {
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	width: 100%;
}

.IYF_6IFD {
	flex: 1 1;
	display: flex;
	align-items: flex-end;
	column-gap: 1rem;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	pointer-events: none;
}

.oOWJAvFt {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	margin-top: 5px;
}

.glCbQ2H9 {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	height: 30px;
	margin-top: 5px;
	aspect-ratio: 1;
	box-sizing: border-box;
	align-items: center;
	justify-content: flex-end
}

.WwJ871JX {
	display: flex;
	column-gap: .5rem;
	flex-direction: column;
}

.QAwImIh4 {
	display: flex;
	column-gap: .5rem;
	align-items: center;
}

.gcoygFD7 {
	display: flex;
	align-items: center;
	column-gap: .4rem;
}

.gcoygFD7 p {
	margin-top: 2px;
}

.LDplmfqD {
	display: flex;
	align-items: flex-start;
	column-gap: 1rem;
}

.Dg1TakV2 {
	display: flex;
	align-items: center;
	column-gap: .4rem;
}

.Dg1TakV2 p {
	margin-top: 2px;
}

.YMCpzgkx {
	padding-right: 2.5rem;
}

.SKDJ8Spt {
	margin: 0 0 0 auto;
	column-gap: .5rem;
}

.nGBiJ2y8 {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.nGBiJ2y8 i {
	color: #ffffff;
	color: var(--white);
}

.gpH36EXD {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.qSWPf7_b {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.qSWPf7_b::-webkit-scrollbar,
.VUxBMWBS::-webkit-scrollbar {
	display: none;
}

.hm2fwJPX { 
	height: 40px !important;
    margin-top: 1rem;
    margin-bottom: .5rem;
	border: none !important;
	padding: 5px 0 0 0 !important;
}

.hm2fwJPX input {
	margin-left: 0 !important;
}

.FCAHiNCF {
	padding: 0 !important;
	left: 0 !important;
}

.FCAHiNCF p,
.FCAHiNCF i,
.FCAHiNCF input {
	font-size: 13px !important;
}

.snvR9kRV {
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light);
}

.snvR9kRV p,
.snvR9kRV i,
.snvR9kRV input {
	color: #01000D;
	color: var(--bg-dark);
}

.pXAa2X32 {
	display: grid;
	grid-template-columns: auto 125px 1fr;
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.fHcCv8R9 {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.cKFWe_GQ {
	height: 130%;
	display: grid;
	grid-template-rows: 7.5px 1fr;
}

.wvjxjM_0 {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.Udp4XOut {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green);
}

.M6pl55ZK {
	height: 100%;
	width: 1px;
	background: linear-gradient(180deg, #449dd1 0%, #3943b7 58.53%, #161824 100%);
	background: linear-gradient(180deg, #449dd1 0%, #3943b7 58.53%, var(--sub-bg-dark) 100%);
	margin: 0 auto;
}

.GpgB9TVu {
	height: 100%;
	width: 1px;
	background: linear-gradient(180deg, #49b283 0%, #337c5b 58.53%, #161824 100%);
	background: linear-gradient(180deg, #49b283 0%, #337c5b 58.53%, var(--sub-bg-dark) 100%);
	margin: 0 auto;
}

.Px5ybPDs {
	height: 100%;
	width: 100%;
	background: none;
	border: none;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	padding: 15px 20px;
	box-sizing: border-box;
	text-align: left;
	color: #ffffff;
	color: var(--white);
}

.wUtPHcWa {
	background-color: #49b283;
	background-color: var(--success-green)
}

.ahqJhWSv {
	background-color: #ff2626
;
	background-color: var(--cancelled-red);
}

.VPevWLe1 {
	background-color: #ff2626
;
	background-color: var(--cancelled-red);
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
}

.VPevWLe1 p {
	color: #ffffff;
	color: var(--white);
	text-align: center;
}

.wz03RKIf {
	background-color: #ffffff;
	background-color: var(--white)
}

.TE6xeCf0 {
	margin-top: 1rem;
	display: flex;
	column-gap: 1rem;
}

.FLncrzNI {
	display: flex;
	column-gap: .5rem;
	align-items: center;
}

.A9eSZ2Ae {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	column-gap: .5rem;
	margin: 0 0 0 auto;
}

.A9eSZ2Ae p {
 	color: #ffffff;
 	color: var(--white)
 }

.XmwHR_hk {
	height: 20px;
    width: 20px;
    border: none;
    border-radius: 100%;
    background-color: #ffffff;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.XmwHR_hk i {
	color: #49b283;
	color: var(--success-green)
}

.lEBdE2QE {
	aspect-ratio: 1;
	height: 60%;
}

.V0py0arU {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow: hidden;
}

.G7JeluIn {
	height: 100%;
	width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.LKauCvMe {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: none;
    border: none;
    color: #ffffff;
    color: var(--white);
    aspect-ratio: 1
}

.s9II7wZW {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: none;
    border: none;
    border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);
    margin: 7.5px;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white);
}

.Lpchx99t {
	position: absolute;
	bottom: 7px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green)
}

.p6VhAToV {
	display: flex;
	width: 50%;
	height: calc(100% - 40px);
	position: absolute;
	top: 0;
	right: 20px;
  	top: 50%;
  	transform: translate(0, -50%);
  	border-radius: 15px;

	background-color: #01000D;

	background-color: var(--bg-dark);
}

.jIUwQgBU {
	width: 60%;
}

.OH8_WpSe {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
    grid-column-gap: 1rem;
    column-gap: 1rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
}

.fYBlD5pU {
	display: flex;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-column-gap: 1rem;
    column-gap: 1rem;
}

.bILsBjoY {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}

.bILsBjoY input {
	width: calc(100% - 4rem);
	border: none;
	background: none;
	height: 50px;
	position: absolute;
	left: 40px;
	color: #ffffff;
	color: var(--white)
}

.iG45mUNg {
    border: 1px solid #2d2f39;
    background-color: #449dd1;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 50px;
    /*width: 50px;*/
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem
}

.gBSgwUci {
    border: 1px solid #2d2f39;
    background-color: #449dd1;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 40px;
    /*width: 50px;*/
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

.N0SSDJpo {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	padding: 7.5px 0 7.5px 7.5px;
	box-sizing: border-box;
}


.Pr74PsVE {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
	height: calc(100% - 15px);
	width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white);
    display: flex;
    flex-direction: column;
    overflow:hidden;
}

.ZsCqGvQ0 {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.j2O3J2GC {
	display: flex;
	align-items: center;
	column-gap: .75rem;
}

.f8U0aSSa {
	display: flex;
	flex-direction: column;
}

.hmbb8_rc {
	display: flex;
	align-items: center;
	column-gap: .5rem;
}

.a6c6T6os {
	flex: 1 1;
	width: 100%;
	margin-top: 2rem;
	row-gap: 2rem;
	display: flex;
    flex-direction: column;
}

.D6DhLH7s {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    flex-wrap: wrap;
    row-gap: .25rem;
    column-gap: .25rem;
}

.rrzXchHb {
	display: flex;
	flex-direction: column;
	row-gap: .8rem;
	margin-top: 1rem;
}

.jXdOjBCX {
	display: flex;
	flex-direction: column;
	align-items: center;
    padding-left: 20px;
    width: calc(100% - 20px);
}

.wX2vi2_i {
	padding: 5px 15px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border-radius: 5px
}

.BwJpQldB {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-column-gap: .5rem;
    column-gap: .5rem;
    height: -webkit-max-content;
    height: max-content;
}

.TvyInSLe {
	background: none;
	border: none;
	margin: 0 0 0 auto;
	color: #ffffff;
	color: var(--white)
}

.ZkynVATL {
	width: 22.5px;
	aspect-ratio: 1;
	border-radius: 4px;
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.JNOF4MFV {
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.jLehV46Z {
	height: 100%;
	width: 100%;
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
}

.LGQzKwTN {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	position: relative;

}

.UIMxPhyu {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white;
    z-index: 9999;
}

.QESEYKPI {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white;
    z-index: 9999;
    overflow: hidden
}

.QESEYKPI::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #2d2f39;
    border-right: none;
    border-radius: 12.5px 0 0 12.5px;
    pointer-events: none;
}

.Thg8msCx {
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
/*	height: 100%;*/
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	position: relative;
}

.l0VaW1Yz {
	padding: 15px;
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	position: relative;
}

.lztLEzZd {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 15px;
	box-sizing: border-box;
}

.RoLNr35k {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 0 15px 15px 15px;
	box-sizing: border-box;
}

.CkjT8lPW {
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    top: 0;
	transition: top .75s ease;
    display: grid;
    grid-template-rows: auto 1fr;
}

.HTSOMVac {
	grid-template-rows: 1fr;
}

.wc3dQTJ3 {
	background-color: #01000D;
	background-color: var(--bg-dark);
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.OAXcej6b {
	grid-template-rows: 130px auto auto 1fr;
}

.NxAFsiQL .CkjT8lPW {
	top: calc(-1 * (165px + 2rem));
	height: calc(100% + 30%);
	transition: top .75s ease;
	display: flex;
	flex-direction: column;
}

.Thg8msCx,
.CkjT8lPW {
	transition: all 0.3s ease;
}

.NxAFsiQL .Thg8msCx {
	opacity: 0;
	transition: opacity 0.3s ease 0.3s;
}


.VkHebhWx {
	padding: 15px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: 25% auto 1fr;
	grid-row-gap: 2rem;
	row-gap: 2rem;
}

.qtWnCUWX {
    width: 22.5%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    row-gap: 1rem;
    background-color: #01000D;
    background-color: var(--bg-dark);
    border-radius: 10px;
    border: 1px solid #2d2f39;
    padding: 10px;
    box-sizing: border-box;
}

.qtWnCUWX img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    /*border-radius: 15px;*/
}

.jzYu2kmo {
	padding: 0 !important;
}

.jzYu2kmo img {
	object-fit: fill
}

.O8rko3xZ {
	color: #ffffff;
	color: var(--white);
	display: grid;
	grid-template-columns: 125px 1fr;
	grid-column-gap: 1.25rem;
	column-gap: 1.25rem;
}

.Os1CNTXF {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.jCdkd8G9 {
	margin-top: 2rem;
}

.y9_gSAnX {
	display: grid;
	grid-template-columns: 30px 1fr;
}

.aTcLYjXk {
	margin-bottom: 1.5rem;
}

.y9_gSAnX i {
	/*margin-top: 1.5px;*/
	display: flex;
	justify-content: center;
	margin-right: 15px;
}

.y9_gSAnX a {
	text-decoration: underline;
}

.cXtGSlFI {
	height: -webkit-max-content;
	height: max-content;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}

.s_XCTh2x {
	height: 40px;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}

.vXImssI7 {
	height: -webkit-max-content;
	height: max-content;
	width: 40%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: #01000D;

	background-color: var(--bg-dark);
}

.Qu0_Ct9O {
	height: -webkit-max-content;
	height: max-content;
	width: 40%;
	position: absolute;
    left: calc(75% - 15px);
    top: 50%;
    transform: translate(-50%, -50%);
  	border-radius: 15px;
  	border: 1px solid #2d2f39;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
}

.OXaWQyGB {
	height: 90%;
	width: 50%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  	border-radius: 15px;
  	border: 1px solid #2d2f39;
	background-color: #01000D;
	background-color: var(--bg-dark);	
}

._hHO4XuX {
	height: 50%;
}

.bqkDN3gE {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: #ffffff;
	color: var(--white);
/*	overflow-y: scroll;*/
}

.daENSffQ {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 1.5rem;
	row-gap: 1.5rem;
	color: #ffffff;
	color: var(--white);
}

.tg2QRKok {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	color: #ffffff;
	color: var(--white);
}


.dKyVl1Bu {
	display: grid;
	grid-template-columns: auto 1fr;
}

.mUIW2Qoa {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.cR3WOkla {
	height: 30% !important;
	width: auto !important;
}

.o6kC2eHL {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1.25rem;
	column-gap: 1.25rem;
	position: relative;
	height: 35px
}

.VN7bAcQy { 
	display: flex;
	column-gap: 1rem;
}

.wKjs5z3a {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid #ffffff;
	border: 1px solid var(--white);
	background-color: #01000D;
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

._g22zx4I {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.tmfBEqcZ {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}

.RTQMDKqa {
	width: 100%;
	display: flex;
	flex-direction: column;
	
	height: calc(100% + 25px);
	overflow: hidden;
}

.rOQa4DpE {
	margin: auto 0 0 0 !important;
	padding: 3rem 0 25px 0 !important

}

.XbS7BpDN {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.PpXrAL7r {
	row-gap: 0 !important;
}

.qOGLu7nH {
	width: 100%;
	height: 100px;
	background: none;
	border: 2px dashed #161824;
	border: 2px dashed var(--sub-bg-dark);
	border-radius: 10px;
	color: #ffffff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: .5rem
}

.vL4S4ybZ {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: #01000D;
	color: var(--bg-dark);
	background-color: #ffffff;
	background-color: var(--white);
}

.vL4S4ybZ input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: #01000D;
	color: var(--bg-dark)
}

.EB80HRsL {
	width: 100%;
	height: 55px;
	padding: 5px 15px 0 15px;
	box-sizing: border-box;
	border: 2px solid #161824;
	border: 2px solid var(--sub-bg-dark);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.EB80HRsL input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2.5rem + 15px));
	color: #ffffff;
	color: var(--white)
}

.p23ErTXE {
    display: flex;
    flex-wrap: wrap;
	column-gap: .5rem;
	row-gap: .5rem;
}


.yXPJe6Tc input {
	width: 100%;
	padding: 5px 15px 5px 15px;
	margin-top: 1rem;
	margin-bottom: .5rem;
	box-sizing: border-box;
	border: 2px solid #01000D;
	border: 2px solid var(--bg-dark);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
}

.aw3l19yb {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
/*	width: 100%;*/
	flex: 1 1
}

.DwrMOO_H {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.DwrMOO_H input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: #ffffff;
	color: var(--white)
}


.zIUgBzdW {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.VBpHFBH0 {
	margin: 0 0 0 auto !important;
}

.qgX2VPxd {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.SuZvvCj5 {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.CMprlpl6 {
	position: absolute;
	background-color: #01000D;
	background-color: var(--bg-dark);
	padding: 5px 20px;
	display: flex;
	flex-direction: column;
	right: 30px;
	top: 65px;
	border-radius: 10px;
	z-index: 999999999999;
/*	row-gap: .5rem;*/
    max-height: 75%;
    overflow-y: scroll;
}

.c7wKwndR {
    grid-column-start: 2;
    display: flex;
    justify-content: flex-end;
    column-gap: 1rem;
    margin-top: .5rem;
}

.qZoRIJqK {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	position: absolute;
	left: 10px
}

.eo4MHSxA button {
	background: none;
	border: none;
	color: white;
	text-decoration: underline
}

.Cz4_tVAa {
	background: none;
	border: none;
	padding: 5px 0;
}

.Cz4_tVAa p {
	color: white;
	text-align: left;
}

.SD5dPhHk {
	display: flex;
	margin-top: 1rem
}

.X7prpd7T {
	width: 40px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border: none;
	color: #01000D;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.vCUxsL9M {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.rx3P6nzt {
	position: absolute;
	top: 220px;
	left: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .5rem;
}

.q0C4O557 {
	position: absolute;
	top: 155px;
	right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .5rem;
}

.ouqH2_cs {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	cursor: pointer;
	z-index: 999999;	
}

.lHbxoIeM {
	background-color: #49b28366 !important;
}

.Io8X6yr9 {
	background-color: #49b283 !important;
	background-color: var(--success-green) !important;
}

.xLEFCe1H {
	display: flex;
	flex-direction: column;
	row-gap: 2.5px;
	margin-top: 5px;
}

.V4_WAU8b {
	grid-column-gap: 10px;
	column-gap: 10px;

	display: grid;
	align-items: center;
	grid-template-columns: 15px 1fr;
}

.V4_WAU8b i {
	justify-self: center
}

.PFGXCpqo {
	position: absolute;
	top: 220px;
	right: 25px;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	cursor: pointer;
	z-index: 999999;
}

.qoA3zEeE {
	position: absolute;
	bottom: 25px;
	right: 25px;
	display: flex;
	align-items: center;
	column-gap: .5rem;
}

.AL6qSc58 {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	cursor: pointer;
	z-index: 999999;
}

.AX24zfO9 {
	width: -webkit-max-content;
	width: max-content;
	margin: 0 0 0 auto;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
}

._A4kE5DS {
	background-color: red;
	cursor: default
}

.S4zbGGiD {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.rXKiX1G3 {
	margin: 10px 0 0 auto;
}

.bn7tPytO {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.Vm98fALA {
	display: flex;
	column-gap: 1rem;
}

.bn7tPytO button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: #ffffff;
	color: var(--white);
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.Czs0SxhN {
	border-bottom: 2px solid #449dd1 !important;
	border-bottom: 2px solid var(--accent-1) !important;
}

.PK7CcdvI {
	margin-right: 2.75rem;
}


.mHFy_hj8 {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.mHFy_hj8 div {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.EpuMgWrm {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.zQBEqJtm {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.zQBEqJtm button {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
}

.QvtMZjVl {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.Df4ilXMU {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: #ffffff;
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.X_kpMHPl {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.jSk3136e {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: #01000D;
	background-color: var(--bg-dark)
}

.shDhJC_V {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: #01000D;
	color: var(--bg-dark)
}

.shDhJC_V img {
	width: 100%;
}

.OMwMlntq {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.B91Guogf {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    color: #ffffff;
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.B91Guogf img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.WQnL2tlm {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: #01000D;
	color: var(--bg-dark)
}

.wKq69HYG {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.GX3A_rnm {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.GX3A_rnm img {
	width: 40%;
}

.FPS36VmK {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: 2rem;
	row-gap: 2rem;
}

.bjwRnsOM {
	width: 100%;
}

.bjwRnsOM button {
	margin-top: 7.5px;
}

.f_i_9nWJ {
	box-sizing: border-box;
}

.TWuseaxj {
	box-sizing: border-box;
}

._lsOoFIf {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 50px;
}

._lsOoFIf textarea {
	background: none;
	border: 1px solid #2d2f39;
	max-width: 100%;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.rxUeR48J {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.UoBJaATB {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;
}

.IxRJi1hi {
	height: 32px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	color: #161824;
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

._6ptbGUpD {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.gzpNB_5p {
	overflow: hidden;
}

.UmLCl_ZU p {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.zjAke8fS {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.zjAke8fS p {
	color: #161824 !important;
	color: var(--sub-bg-dark) !important;
}

._lKCV3dc {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.fU7SNu9x {
	width: 100%;
	border: 1px solid #ffffff;
	border: 1px solid var(--white)
}

.Vr7_7O1B {
	width: 100%;
	border: 1px dashed #ffffff;
	border: 1px dashed var(--white)
}

.hgANkqX3 {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.MIDiRAp7 {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bN0Kp19E {
	z-index: 9999999999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    position: absolute;
}

.uI01h8W2 {
	z-index: 9999999999;
    max-width: 100%;
    width: calc(100% - 50px);
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    position: absolute;
}

.JCAkPqfh {
	background: none;
	border: none;
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.JCAkPqfh:hover {
	background-color: white;
	color: #161824;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.mxktBbd9 {
	display: grid;
	grid-template-rows: auto 1fr
}

.Egq4SKsC {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

.RIconL4Q {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.AF9wsmjT {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green);
}

.CsSmhbb2 {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 50px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none
}

.Ah_1Bn_O {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 150px;
	max-height: 150px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none
}

.Ah_1Bn_O:focus, .KNcPfUWN {
	border: 3px solid rgba(68,157,209,1);
	position: relative;
/*	display: flex;
	align-items: center;
	justify-content: center;*/
}

.vZkAkZWc {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 112.5px;
	max-height: 112.5px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.vZkAkZWc img {
	height: 35px;
}



.v0qie4n8 {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 50px;
	max-height: 50px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.v0qie4n8 img {
	height: 25px;
}

.NfbMrPDe {
	border: 3px solid red;
}




.qzwfVV7o {
	background: #161824;
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.G12d_x3A {
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: center;
	grid-column-gap: .75rem;
	column-gap: .75rem;
	position: relative;
	z-index: 999999999;
}

.yxUVTdHH {
	position: absolute;
	left: 0;
	top: 40px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 3px dashed #161824;
	border: 3px dashed var(--sub-bg-dark);
	border-top: 0;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	z-index: 99999999999999999
}

.yxUVTdHH button {
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white);
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.V6CVnk9g {
	background-color: #01000D;
	background-color: var(--bg-dark);
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	border: 3px dashed #161824;
	border: 3px dashed var(--sub-bg-dark);
	border-radius: 5px;
	color: #ffffff;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1rem
}

.hbrEdAGf {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 120px;
	max-height: 120px;
	resize: none;
	border-radius: 5px;
	margin-bottom: 5px;
	resize: none;
    grid-column-end: 3;
    grid-column-start: 1;
    display: flex;
}

.VUxBMWBS {
    z-index: 9999999999;
    max-width: 100%;
    width: calc(100% - 50px);
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.JCAkPqfh {
	background: none;
	border: none;
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 150px 150px 1fr;
	grid-column-gap:1rem;
	column-gap:1rem;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.junEqEi6 {
	top: 60% !important
}

.TllT9Zek {
	top: 45% !important
}

.JCAkPqfh:hover {
	background-color: white;
	color: #161824;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.vEkL6nvK {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.yEvFsJwD {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: #ffffff;
	color: var(--white);
	border-bottom: 2px solid #01000D;
	border-bottom: 2px solid var(--bg-dark);
}

.c5PDeF3Q {
	border-bottom: 2px solid #449dd1;
	border-bottom: 2px solid var(--accent-1);
}

.H7UJYnVg {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	position: relative;
}

.H7UJYnVg button {
	background: none;
	border: none;
	color: white;
}

.aXdAsmDi {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Mmlc9kLE {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 1.5rem 0 0 0;
}

.zkVeY2ft {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 0;
}

.KmGBM489 {
	background: none;
	border: none;
	padding: 2.5px 12.5px;
	color: #ffffff;
	color: var(--white);
	border-bottom: 2px solid #01000D;
	border-bottom: 2px solid var(--bg-dark);
}

.e15vM4rV {
	border-bottom: 2px solid #449dd1;
	border-bottom: 2px solid var(--accent-1);
}


/* 
==============================
 PARENT WIDGET
==============================
*/
.eHiUVCuX {
  width: 100%;
  height: 100%;
  background-color: #161824;
  background-color: var(--sub-bg-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #2d2f39
}

/* 
==============================
 CAROUSEL WRAPPER
==============================
*/
.gr9lsJC0 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex; 
  align-items: center; 
  justify-content: center;
}

.u1YiA5Dk {
	position: absolute;
  border: none;
  background: none;
  color: #999;
  font-size: 24px;
  cursor: pointer;
  margin: 0 1rem;
  z-index: 5;
  transition: color 0.3s ease;
}

.wacddWXn {
	left: 5px;
}

.Ytb3fuCw {
	right: 5px;
}

.u1YiA5Dk:hover {
  color: #fff;
}

.nG4G1IKA {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.YQi2A3lG {
  position: absolute;
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 10;
}
.ygvp3VKL {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #aaa;
  background-color: transparent;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.opzDJ7Z7 {
  background-color: #fff;
  transform: scale(1.2);
}

/* 
==============================
 SLIDES
==============================
*/
.GevV0qlp {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.6s ease;
}

.iXiN4t4T {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.UeH_bh9B {
  opacity: 1;
  transform: translateX(0);
  z-index: 2;
}
.dTS9Y3Rp {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 1;
}
.KvhMmDUs {
  transform: translateX(100%);
  opacity: 0;
  z-index: 1;
}

/* 
==============================
 MAIN STAT (Centered)
==============================
*/
.Xa8T2qmU {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.w9V2qnKR {
  font-size: 40px;
}

.BNgtQJOP {
  font-size: 36px;
  font-weight: 700;
  margin: 1rem 0 ;
}

.mcmdSmWC {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  opacity: 0.9;
}

.MNty6ooh {
  font-size: 14px;
  font-weight: 300;
  opacity: 0.7;
  margin: 0;
}

/* 
==============================
 TWO SMALL MODULES ROW
==============================
*/
.rzlYdPly {
  display: flex;
  column-gap: 1rem;
  justify-content: center;
}

.cv1NmJzb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.nhv4AHcV {
  font-size: 18px;
  color: #fff;
}

.dDwSOuF2 {
  font-size: 12px;
  opacity: 0.8;
  margin: 0;
}

.PEPUsiKw {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.chsf_QtW {
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}

.I06r5uoc {
	display: flex;
	flex-direction: column;
	align-items: baseline
}

.RkJ3pnl8 {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.f8e7DWdz input[type=number] {
	margin: 0 0 0 auto;
	background: none;
}

.f8e7DWdz input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
    padding-left: 2.5px;
    box-sizing: border-box;
}

.esstUtiw {
	position: relative;
	height: calc(100% - 250px);
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 2rem;
	overflow-y: scroll;
}

.i91CiDWL {
	background-color: red !important;
}

.GZKCj64V {
	background-color: #2d2f39 !important
}

.UGy4BRpR {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
/*	grid-template-rows: max-content;*/
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
/*    flex: 1;*/
    margin-top: 1rem;
    /*overflow-y: scroll;*/
}

.TVkw7bd1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
    margin-top: 1rem;
}




.c_nzrpV_ {
	position: relative;
	background: none;
	border: none;
	text-align: left;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	z-index: 999;
	cursor: pointer;
}

.QE7xABpw {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	text-align: left;
	border: 1px solid #2d2f39;
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	/*height: 115px;*/
	position: relative;
	pointer-events: none;
}

.CuVUKk3l {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	text-align: left;
	border: 1px solid #2d2f39;
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	height: 100px;
	position: relative;
	pointer-events: none;
}

.D0xDIxD5 {
	background-color: #01000D;
	background-color: var(--bg-dark)
}

.JJ0Ciq8p {
	grid-column-start: 1;
	grid-column-end: 3;	
	pointer-events: auto !important; 
}

.JJ0Ciq8p .CuVUKk3l,
.JJ0Ciq8p .QE7xABpw {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}

.CuVUKk3l label,
.QE7xABpw label {
	pointer-events: none;
}

.UGy4BRpR .BDurx4kr,
.TVkw7bd1 .BDurx4kr {
	cursor: default;
	pointer-events: none;
}

.c_nzrpV_:not(.BDurx4kr):hover:not(:has(.glCbQ2H9:hover)) > .CuVUKk3l,
.c_nzrpV_:not(.BDurx4kr):hover:not(:has(.glCbQ2H9:hover)) > .QE7xABpw,
.c_nzrpV_:not(.BDurx4kr):hover:not(:has(.glCbQ2H9:hover)) > .CuVUKk3l .XT5bkd6a,
.c_nzrpV_:not(.BDurx4kr):hover:not(:has(.glCbQ2H9:hover)) > .QE7xABpw .XT5bkd6a {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}


.XT5bkd6a {
	position: absolute;
	bottom: -10px;
}

.mkL_LVVT {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}

.PZj02A6X {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: -10px;
	border-radius: 10px;
	background-color: #4BB543
}

.qereAeFG i {
	color: #4BB543
}

.wGRI2wJ2 {
	background-color: #449dd1 !important;
	background-color: var(--accent-1) !important;
	color: #ffffff !important;
	color: var(--white) !important;
}




.hVbGbQju {
	margin-top: 1rem;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.hVbGbQju .bT5UOHjv .ietOwUHn i,
.hVbGbQju .IYF_6IFD .hN4pQdfC .B9N57Cju i {
	color: #449dd1;
	color: var(--accent-1);
}

.cooOILpZ {
	background-color: #49b283;
	background-color: var(--success-green)
}

.MeRnwWcJ i {
	color: #49b283;
	color: var(--success-green)
}

.l1bIBNAL {
	border: 1px solid #2d2f39;
	text-align: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/*row-gap: .5rem;*/
/*	justify-content: center;*/
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	height: -webkit-max-content;
	height: max-content;
}

.uAMzlQr4 {
	margin-top: .5rem;
}

.bT5UOHjv {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: .5rem;
  column-gap: .5rem;
  pointer-events: none;
  position: relative;
}

.ueIDRA7a {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: .75rem;
  column-gap: .75rem;
  pointer-events: none;
  position: relative;
}

.wMeDIvyG {
  opacity: 0.4 !important;
  filter: brightness(90%);
  pointer-events:none !important;
}

.bkf6vm6a {
	box-sizing: border-box;
	padding: 20px 15px 10px 15px;
	color: #ffffff;
	color: var(--white);
    border: 1px solid #2d2f39;
    border-radius: 7.5px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    z-index: 9999999999 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.15s ease !important;
}

.ki69eRto {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	margin-bottom: .75rem;
}

.ajXvVIb6 {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	margin-top: 5px;
	column-gap: .75rem;
	margin: 0 -15px;
	padding: 10px 15px;
	z-index: 9999999999999
}

.ajXvVIb6 i {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ajXvVIb6:hover {
	transition: all 0.15s ease !important;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.pubW1mOs {
	display: grid;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	grid-template-columns: auto 1fr;
}

.ietOwUHn {
	height: 38px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	color: #161824;
	color: var(--sub-bg-dark);
	border-radius: 7.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .2s ease, color .4s ease
}


.DYyNzjFj {
	height: 100%;
	aspect-ratio: 1;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid rgba(68,157,209,0.3);
	color: #ffffff;
	color: var(--white);
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.DiaiSb8s {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.SKW8mAVU {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto 1fr;
	grid-row-gap: .5rem;
	row-gap: .5rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	height: 100%;
}

.WjzXa4i1 {
	background-color: red;
}

.ak3uaKdn {
	position: absolute;
	top: 85px;
	right: 10px;

	width: 25px;
	height: 25px;
	border-radius: 100%;
	border: none;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: white;

	display: flex;
	align-items: center;
	justify-content: center;
}

.CeYRqfd5 {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	height: -webkit-max-content;
	height: max-content;
}


.CeYRqfd5 button {
    padding: 5px 25px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #161824;
    border: 1px solid var(--sub-bg-dark);
    color: white;
    border-radius: 5px;
}

.Ow0Yj9Q7 {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}

.CeYRqfd5 button p {
	font-size: 12px;
}

.m6xxIok5 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    margin-top: 1rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
    position: relative;
}

.WJFTQzpv {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1rem;
	overflow-y: scroll;
    margin-bottom: -40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    height: 100%;
    color: white;
    text-align: center;
}

.JKE3rZQw {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	color: white;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.dj4uq2t6 {
	width: 100%;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;

	border-radius: 10px;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;

	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: .5rem;
	column-gap: .5rem;
}

.AelWahon {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.tfRI4L8D {
	row-gap: 1.5rem
}

.FtnGZLzM {
	width: 20px;
	height: 20px;
	background: none;
	border: none;

	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.BWovchhb {
    display: grid;
	padding: 0 30px;
    box-sizing: border-box;
}

.oxMKKf8w {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1rem
}

.oxMKKf8w p {
    width: 75%;
    text-align: center;
    word-wrap: break-word;
}

._odcGPsw {
	width: 60px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border-radius: 100%;
	color: #161824;
	color: var(--sub-bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
}


._odcGPsw i {
	font-size: 25px;
}

.YfgaFcWj {
	width: 70px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.YfgaFcWj i {
	font-size: 30px;
	color: #01000D !important;
	color: var(--bg-dark) !important;
}

.qIIzii9P {
	display: grid;
    grid-template-columns: auto 1fr;
    width: calc(100% + 80px);
    margin: 0 -30px;
    padding: 0 30px;
    box-sizing: border-box;
}

.tgWmQfH0 {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 20px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white);
/*	z-index: 9999999;*/
}

.zvunQIz4 {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.hN4pQdfC {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 0 auto;
  position: relative;
}

.hN4pQdfC input[type="number"] {
  width: 50px;
  height: 20px;
  text-align: center;
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 5px;
  outline: none;
  -webkit-appearance: textfield;
          appearance: textfield;
  color: #ffffff;
  color: var(--white);

  display: flex;
  align-items: center;
  justify-content: center;
}

.hN4pQdfC input[type="number"]::-webkit-inner-spin-button,
.hN4pQdfC input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.hN4pQdfC input[type="number"] {
  -moz-appearance: textfield;
}

.B9N57Cju {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  background-color: var(--white);
  color: #161824;
  color: var(--sub-bg-dark);
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}


.t6RdFfc1 {
	background: none;
}

.sV0GUuGO {
    background-color: #ffffff11;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    color: #ffffff;
    color: var(--white)
}

.Q7QDnCFI {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.BFAnkD9x {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    padding: 0 0 7.5px 0;
    box-sizing: border-box;
}

.BFAnkD9x::placeholder {
	font-size: 12px !important;
}

.dJZIzHVh {
	background-color: red;
	color: #ffffff;
	color: var(--white)
}

.zOJnbcBq { 
	color: #ffffff; 
	color: var(--white);
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.chJFuQIA {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chJFuQIA img {
	height: 25%
}

.MJVoTmBH {
  cursor: pointer;
}

.MJVoTmBH p {
    color: #449dd1 !important;
    color: var(--accent-1) !important;
    text-decoration: underline !important;
}

.K1PfYp24 {
	height: 40%;
	position: absolute;
	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
}

.qNRtpGtx {
	height: 20px
}

.m5NHTqnf {
	position: fixed;
	align-self: center;
	top: 10px;
	background-color: #ff4d4f;
	padding: 10px 30px;
	max-width: 50%;
	text-align: center;
	animation: YdcR20jj 0.4s ease-out;
	border-radius: 7.5px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index:99999999
}

._4yxv6Ve {
	position: absolute;
	top: 20px;
	right: 0;
	height: -webkit-max-content;
	height: max-content;
	display: flex;
	flex-direction: column;

    border-radius: 10px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    padding: 10px 20px;
    row-gap: .25rem;
    box-sizing: border-box;
    border: 1px solid #2d2f39;
}

._4yxv6Ve button {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	text-align: left;
}

@keyframes YdcR20jj {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.VEFTmPOn {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}

.Mdmpun6Y {
	margin-bottom: 3.25rem;
}

.aXdAsmDi p {
	margin-bottom: 3rem;
}

.gzR6oKiE {
	max-width: 100%;
}

.E8aanaz_ {
	background-color: #449dd1;
	background-color: var(--accent-1);
	margin: 0 -20px;
	padding: 5px 20px;
}

.SdOwNIW7 {
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;
}

.n6XANgl5 {
	margin-top: 1.5rem;
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;
}

.G2OTZovD {
	margin: 1.5rem 0;
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;	
}

.rTu5SwR5 {
	width: 100%;
	padding: 10px 20px;
	background-color: red;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	color: var(--white);
	border: none;
}

.aoUQlLOb {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
}

.zG4G3Iu7 {
	height: 100%;
	display: flex;
	flex-direction: column;
	/*flex: 1 1 auto;*/
	min-height: 0;
	row-gap: 1.5rem;
	position: relative;
	width: 100%;
}

.bB7lnep3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.eW0dsyzC {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: .35rem;
	row-gap: .35rem;
	text-align: left;
}

.eW0dsyzC:hover {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}

.PMcVvziG {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}


.T5HRJGbV {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	color: #ffffff;
	color: var(--white)
}

.m4RliJl4 {
	color: #449dd1;
	color: var(--accent-1)
}

.rY80H7ek {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;

	background-color: #161824;

	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	position: relative;
}

.WmMBy4mm {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	color: #ffffff;
	color: var(--white);
	margin-bottom: 1rem
}

.y7rI0Zji {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 1rem;
}

.lMQ7jTBT {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}

.DAJ1vSFU {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
	margin-top: -3px;
}

.T_eVNs6T {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: .5rem;
	row-gap: .5rem;
	text-align: left;

	border: 1px solid #2d2f39;
	background-color: #01000D;
	background-color: var(--bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	position: relative;
	pointer-events: none;
}

.T_eVNs6T span {
	color: #449dd1;
	color: var(--accent-1)
}

.KvaoOyWf {
	padding-right: .75rem;
}

.hePahFYt {
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;

	flex: 1 1 auto;
	min-height: 0;
}

.lAvPLKyF {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
}

.uAEtmJo7 {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}

.uJkIWyT_ {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	color: #ffffff;
	color: var(--white);
	column-gap: 1rem;
}

.y8QZcXZw {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.VGQr_E_l {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
}

.m_Ph9nDJ {
	color: #ffffff;
	color: var(--white);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	width: 60%;
}

.VGQr_E_l span, .m_Ph9nDJ span, .AelWahon p span {
	color: #449dd1;
	color: var(--accent-1)
}

.FNZtPqKh {
	flex: 1 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.BVebWIfE {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	justify-content: center;
}


.fLjhTBAO {
	width: 100%;
	aspect-ratio: 1;
	background: none;
	border: none;
	color: #449dd1;
	color: var(--accent-1)
}

.Vs_6Yj0D {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.q5aAdgWc {
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #161824;
    border: 1px solid var(--sub-bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.f0ArwUgw {
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.f0ArwUgw > .CcZVKZS7 {
	background-color: #ffffff;
	background-color: var(--white)
}

.f0ArwUgw > .CcZVKZS7 i {
	color: #449dd1;
	color: var(--accent-1)
}
 
.CcZVKZS7 {
	background-color: #01000D;
	background-color: var(--bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

.CcZVKZS7 i,
.q5aAdgWc p {
	color: #ffffff;
	color: var(--white)
}

.ZHk73h1I {
	flex: 1 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	cursor: pointer;
}

.ZHk73h1I p {
	color: #ffffff;
	color: var(--white)
}


.cnOH3CgB {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: flex;
    flex-direction: column;
	color: #ffffff;
	color: var(--white);
	position: relative;
}

.ZvF_KJ15 {
    display: flex;
    flex-direction: column;
    height: calc(100% - 125px);
    width: 100%;
    margin-top: 1.5rem
}

.j1h_BXrH {
	position: absolute;
	align-self: center;
	background-color: #ff4d4f;
	padding: 10px 30px;
	width: 80%;
	max-width: 80%;
	text-align: center;
	border-radius: 7.5px;
	bottom: 25px;
	left: 25px;
	z-index:99999999
}

.xD6vRhj3 {
	background-color: #ff4d4f;
	color: #ffffff;
	color: var(--white);
	cursor: default
}

.J7UtTIGY {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.J7UtTIGY img {
	height: 30%
}

.xr48FbQW {
	margin-top: 10px;
}

.xr48FbQW span {
	color: #449dd1;
	color: var(--accent-1)
}

.DTWKWc0o {
  opacity: 0;
  animation: VEcxJXnJ 200ms ease-out forwards;
}

.ZvibORMP {
  opacity: 0;
  animation: VEcxJXnJ 400ms ease-out forwards;
}

.TVmk5f1s {
	margin-top: .5rem
}

.TVmk5f1s span, .czeWdR_7 span {
	color: #449dd1;
	color: var(--accent-1);
}

.Ah2MZlFw {
	position: relative;
}

.UV_DXUHL {
  color: transparent !important;
}

.M1RngWDf {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  color: var(--white);
}


.lOpmY6qI {
  	width: 100%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-top: 1rem;
}

.NNyj7YMx {
	width: 100%;
}

.tCx6Igwg {
	display: flex;
	flex-direction: column;
}

.tCx6Igwg .DTWKWc0o {
	height: 100%;
    display: flex;
    flex-direction: column;
}

.pD91yIXk {
  	background: rgba(255,255,255,0.03);
  	border: 1px solid #2d2f39;
  	border-radius: 12px;
  	padding: 1rem;
  	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  	margin: auto 0 0 0;
}

.j2O3J2GC {
	display: flex;
	align-items: center;
	column-gap: .75rem;
}

.DHLUx12k {
  	display: flex;
  	flex-direction: column;
  	margin-top: 1rem;
}

.OB7kTRSy {
    border: 1px solid #2d2f39;
    background-color: #449dd1;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

.yVpgtn8G {
    border: 1px solid #2d2f39;
    background-color: #c0392b;
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

/* ================================================
   RATE LIMIT DISPLAY STYLES
   ================================================ */

.Gpnjpwt3 {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

._0FhZEkRs {
	background-color: #ff4d4d;
	border-color: #ff4d4d88;
	padding: .75rem;
	margin-top: 1rem
}

/* Status-based styling */
.Gpnjpwt3.hRW8JwDe {
  border-color: rgba(73, 178, 131, 0.3);
  background-color: rgba(73, 178, 131, 0.05);
}

.Gpnjpwt3.Vimccvx9 {
  border-color: rgba(255, 165, 0, 0.3);
  background-color: rgba(255, 165, 0, 0.05);
}

.Gpnjpwt3.udlQdxgE {
  border-color: rgba(255, 77, 77, 0.3);
  background-color: rgba(255, 77, 77, 0.05);
}

.Gpnjpwt3.xY1y0o2s {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Main content area */
.SKfegud2 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
}

/* Left section: Icon and info */
._yGO2RDh {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  width: 100%
}

.IDm5W6SZ {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 18px;
  flex-shrink: 0;
}

.hRW8JwDe .IDm5W6SZ {
  background-color: rgba(73, 178, 131, 0.2);
  color: #49b283;
}

.Vimccvx9 .IDm5W6SZ {
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffa500;
}

.udlQdxgE .IDm5W6SZ {
  background-color: rgba(255, 77, 77, 0.2);
  color: #ff4d4d;
}

.xY1y0o2s .IDm5W6SZ {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255);
}

._PJn5QMh {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.a2wx8nh6 {
  margin: 0;
  font-size: 13px;
  color:#f8baba;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.b4lglV9d {
  margin: 0;
  font-size: 13px;
  color:#ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.b4lglV9d span {
	color: #449dd1;
	color: var(--accent-1)
}

.frKGXQjJ {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  color: var(--white);
}

.MbF8jogf {
  margin: 0;
  font-size: 12px;
  color: #ffa500;
  font-weight: 500;
}

.udlQdxgE .MbF8jogf {
  color: #ff4d4d;
}

/* Middle section: Progress bar */
.qnvz7lv5 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1;
  min-width: 200px;
}

.ZLv2H9Je {
  flex: 1 1;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.jhC7lSMy {
  height: 100%;
  border-radius: 10px;
  transition: width 0.3s ease;
  box-shadow: 0 0 15px currentColor;
}

.jhC7lSMy.S8pb895b {
  background: linear-gradient(90deg, #49b283 0%, #6bc99f 100%);
}

.jhC7lSMy.rLCG4D4n {
  background: linear-gradient(90deg, #ffa500 0%, #ffb84d 100%);
}

.jhC7lSMy.jERTThHP {
  background: linear-gradient(90deg, #ff4d4d 0%, #ff8080 100%);
  animation: mMIYqGjF 1s ease-in-out infinite;
}

@keyframes mMIYqGjF {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.IKIA8X7X {
  min-width: 40px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  color: var(--white);
  text-align: right;
}

/* Right section: Reset time */
.Yc3adSZA {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-end;
  min-width: 100px;
}

._wiE3lCG {
  margin: 0;
  font-size: 11px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.PITr3YBT {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Stats section (optional) */
.VQN6jM6g {
  display: flex;
  gap: 1.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.oYFY_88p {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.EbVhb7bV {
  font-size: 12px;
  color: #999;
  font-weight: 500;
}

.q8MC7pee {
  font-size: 13px;
  color: #ffffff;
  color: var(--white);
  font-weight: 600;
}

.snsgTxUZ {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: .75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}

.KEXkT8wO {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}


.KEXkT8wO h4 {
	text-align: center;
  	margin: 0 auto;
  	font-size: 13px;
 	font-weight: 600;
  	color: #ffffff;
  	color: var(--white);
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

@media (max-width: 768px) {
	.PV3ZejeJ {
		overflow: visible;
		overflow: initial
	}

	.LXW2o_xX {
	    display: flex;
	    flex-direction: column;
	}

	._qMKC2es {
		height: 50px;
	}

	.h1owax3J {
		flex-direction: column;
		overflow-y: scroll;
	}

	.vv1vqwfL {
		margin-top: 1.25rem;
		width: 100%;
		height: auto;
		display: block;
	}

	.lEBdE2QE {
		height: auto;
    	margin-bottom: 1.25rem;
	}

	.eHiUVCuX {
    	height: 60%;
	}

	.pXAa2X32 {
		grid-template-rows: auto 1fr;
	}

	.cKFWe_GQ {
	    grid-column-start: 1;
	    grid-column-end: 2;
	    grid-row-start: 1;
	    grid-row-end: 4;
	}

	.fHcCv8R9 {
		grid-column-start: 2;
		grid-column-end: 4;
		margin-bottom: .5rem;
	}

	.Px5ybPDs {
	    grid-column-start: 2;
	    grid-column-end: 4;
	}
}

@media (max-width: 1200px) {
}

@keyframes VEcxJXnJ {
  to {
    opacity: 1;
  }
}
/* -----------------------------------------------------
	Global Variables and Resets
------------------------------------------------------ */

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularText.ba9ab1d5394d74b3284f.otf) format("opentype");
}


:root {
	--white: #ffffff;
	--black: #000000;

/*	--bg-dark: #161824;*/
	--bg-dark: #01000D;

	--sub-bg-dark: #161824;
/*	--sub-bg-dark: #21242d;*/
	--sub-bg-light: #f0f1f2;

	--accent-1: #449dd1;
	--success-green: #49b283;
	--cancelled-red: #ff2626
}

:root {
	--font-family: 'DonerRegular', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

body {
	background-color: #01000D;
	background-color: var(--bg-dark)
}

button {
	cursor: pointer;
}

h1 {
	font-weight: 700;
	font-size: 34px;
}

h3 {
	font-weight: 600;
	font-size: 24px;
}

p, input {
	font-weight: 300;
	font-size: 15px;
}

.zaWnPY3e {
	font-weight: 600;
}

.rKJhpmur {
	font-weight: 700;
}

.D3_xl9ao {
	font-size: 8px;
}

.l_e6AcEc {
	font-size: 10px;
}

.D0MAuszs {
	font-size: 12px;
}

.v2N0vPus {
	font-size: 14px;
}

.KY7ywILy {
	font-size: 15px;
}

.KOgky6zW {
	font-size: 16px;
}

.jUWEqu90 {
	font-size: 17px;
}

.jpU1dyuv {
	font-size: 22px;
}

.NsYIFsAf {
	font-size: 25px;
}

.YMsW3mg4 {
	font-size: 28px;
}

.Z10LC_1Y {
	font-size: 31px;
}

.IPQbmVyG {
	font-size: 34px;
}

.ehPYSg60 {
	font-size: 37px;
}

.wmYjBy53 {
	font-size: 40px;
}

.fXaw_61i {
	font-size: 43px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.acg1MgQD {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: #01000D;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white)
}

.EPZAFLgn {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #01000D;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

.wHKmRA6P {
	background-color: #ffffff;
	background-color: var(--white);
}

.nbDaArKY {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

.oWdsOkRo {
    width: 100%;
    background-color: #449dd1;
    background-color: var(--accent-1);
    color: #ffffff;
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}

.IVj2V4aw {
	height: 100%;
	width: 100%;
/*	display: grid;*/
/*	grid-template-rows: auto 1fr;*/
	display: flex;
	flex-direction: column;
	/*row-gap: 2rem;*/

	padding: 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
}

.dk8dX8ti {
/*	height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

.cHAbGmUl {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.y4pNCStn {
	position: absolute;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;

	width: 350px;
}

.kMBiROp1 {
	padding: 15px 20px;
	box-sizing: border-box;
	color: #01000D;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
    width: 100%;
    border: none;
    text-align: left;
}

.b_UCeRt2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.lk8G3w4c {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	background-color: var(--white)
}

.ftL0w_zF {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

.ftL0w_zF p,
.ftL0w_zF i {
	color: #01000D;
	color: var(--bg-dark);
}

.ftL0w_zF input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.r4QN2Ymq {
	height: 100%;
	aspect-ratio: 1;
	border: 1px solid #ffffff;
	border: 1px solid var(--white);

	border-radius: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	border: none;
}

.r4QN2Ymq i {
	color: #01000D;
	color: var(--bg-dark);
}

.yabxviaH {
	height: 100%;
	width: 100%;
	overflow: hidden;
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;

    display: grid;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-columns: 25% 1fr;
}

.xilfwTYO {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
/*	grid-template-rows: auto 1fr;*/
	row-gap: 1.25rem;
}

.Ddf57lwX {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	padding: 1rem;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    grid-column-start: 1;
    overflow-y: scroll;
}

.bGHJ5UcB {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1px solid #01000D;
    border: 1px solid var(--bg-dark);
    overflow: hidden;
}

.aIPrBHeW {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 4;
}

.zjFuNulm {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	width: 100%;
}

.UUEyC8Tn {
	grid-template-rows: auto auto 1fr
}

.PO5qMBG1 {
	padding: 30px 30px 0 30px
}

.jCTeJ_vT {
	display: grid;
	grid-template-columns: auto 1fr;
}

.e5h3fJdh {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
}

.v1lDCNvc {
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	width: 100%;
}

.cpQnER_N {
	flex: 1 1;
	display: flex;
	align-items: flex-end;
	column-gap: 1rem;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	pointer-events: none;
}

.GE28KNF6 {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	margin-top: 5px;
}

.IyeqW2GV {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	height: 30px;
	margin-top: 5px;
	aspect-ratio: 1;
	box-sizing: border-box;
	align-items: center;
	justify-content: flex-end
}

.iCejgc6R {
	display: flex;
	column-gap: .5rem;
	flex-direction: column;
}

.KQEwwWpo {
	display: flex;
	column-gap: .5rem;
	align-items: center;
}

.WisEO15l {
	display: flex;
	align-items: center;
	column-gap: .4rem;
}

.WisEO15l p {
	margin-top: 2px;
}

.bY2g7tnO {
	display: flex;
	align-items: flex-start;
	column-gap: 1rem;
}

.vDUofBcK {
	display: flex;
	align-items: center;
	column-gap: .4rem;
}

.vDUofBcK p {
	margin-top: 2px;
}

.jWSD4AUd {
	padding-right: 2.5rem;
}

.jWETd752 {
	margin: 0 0 0 auto;
	column-gap: .5rem;
}

.N7aRMYy2 {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.N7aRMYy2 i {
	color: #ffffff;
	color: var(--white);
}

.xenDYrko {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.Smbs7I7R {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.Smbs7I7R::-webkit-scrollbar,
.ynXXsXNP::-webkit-scrollbar {
	display: none;
}

.rM02UquT { 
	height: 40px !important;
    margin-top: 1rem;
    margin-bottom: .5rem;
	border: none !important;
	padding: 5px 0 0 0 !important;
}

.rM02UquT input {
	margin-left: 0 !important;
}

.P65p7VMe {
	padding: 0 !important;
	left: 0 !important;
}

.P65p7VMe p,
.P65p7VMe i,
.P65p7VMe input {
	font-size: 13px !important;
}

.nTqGDFsS {
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light);
}

.nTqGDFsS p,
.nTqGDFsS i,
.nTqGDFsS input {
	color: #01000D;
	color: var(--bg-dark);
}

.GQRve_UP {
	display: grid;
	grid-template-columns: auto 125px 1fr;
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.kS1PhjO8 {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.kdjroIu2 {
	height: 130%;
	display: grid;
	grid-template-rows: 7.5px 1fr;
}

.T9qPLC8V {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.NSQgtkQj {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green);
}

.Ilfjv883 {
	height: 100%;
	width: 1px;
	background: linear-gradient(180deg, #449dd1 0%, #3943b7 58.53%, #161824 100%);
	background: linear-gradient(180deg, #449dd1 0%, #3943b7 58.53%, var(--sub-bg-dark) 100%);
	margin: 0 auto;
}

.VRAYz4U8 {
	height: 100%;
	width: 1px;
	background: linear-gradient(180deg, #49b283 0%, #337c5b 58.53%, #161824 100%);
	background: linear-gradient(180deg, #49b283 0%, #337c5b 58.53%, var(--sub-bg-dark) 100%);
	margin: 0 auto;
}

.KC6BQFqs {
	height: 100%;
	width: 100%;
	background: none;
	border: none;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	padding: 15px 20px;
	box-sizing: border-box;
	text-align: left;
	color: #ffffff;
	color: var(--white);
}

.y8kZVxUT {
	background-color: #49b283;
	background-color: var(--success-green)
}

.tP2DzWSr {
	background-color: #ff2626
;
	background-color: var(--cancelled-red);
}

.QHqyJLTf {
	background-color: #ff2626
;
	background-color: var(--cancelled-red);
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
}

.QHqyJLTf p {
	color: #ffffff;
	color: var(--white);
	text-align: center;
}

._pjJLZTR {
	background-color: #ffffff;
	background-color: var(--white)
}

.LRlDUFdM {
	margin-top: 1rem;
	display: flex;
	column-gap: 1rem;
}

.VBQC2jPJ {
	display: flex;
	column-gap: .5rem;
	align-items: center;
}

.RqU_j5fM {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	column-gap: .5rem;
	margin: 0 0 0 auto;
}

.RqU_j5fM p {
 	color: #ffffff;
 	color: var(--white)
 }

.tYrCxbgK {
	height: 20px;
    width: 20px;
    border: none;
    border-radius: 100%;
    background-color: #ffffff;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tYrCxbgK i {
	color: #49b283;
	color: var(--success-green)
}

.cMVxapzH {
	aspect-ratio: 1;
	height: 60%;
}

.ClFrY_n1 {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow: hidden;
}

.w6ExR_Wb {
	height: 100%;
	width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.xyndREZJ {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: none;
    border: none;
    color: #ffffff;
    color: var(--white);
    aspect-ratio: 1
}

.wmBqto0e {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: none;
    border: none;
    border-radius: 100%;
	background-color: #449dd1;
	background-color: var(--accent-1);
    margin: 7.5px;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white);
}

.f_iGDHkj {
	position: absolute;
	bottom: 7px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green)
}

.FEeSEnO_ {
	display: flex;
	width: 50%;
	height: calc(100% - 40px);
	position: absolute;
	top: 0;
	right: 20px;
  	top: 50%;
  	transform: translate(0, -50%);
  	border-radius: 15px;

	background-color: #01000D;

	background-color: var(--bg-dark);
}

.h9yTkzXf {
	width: 60%;
}

.B0ve0vSP {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
    grid-column-gap: 1rem;
    column-gap: 1rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
}

.DgodzE9k {
	display: flex;
	align-items: center;
    column-gap: 1rem;
}

.wvitZhwj {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}

.wvitZhwj input {
	width: calc(100% - 4rem);
	border: none;
	background: none;
	height: 50px;
	position: absolute;
	left: 40px;
	color: #ffffff;
	color: var(--white)
}

.AqhhrHSO {
    border: 1px solid #2d2f39;
    background-color: #449dd1;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 50px;
    /*width: 50px;*/
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem
}

.owjnf1bb {
    border: 1px solid #2d2f39;
    background-color: #449dd1;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

.aVaxEnPn {
    border: 1px solid #2d2f39;
    background-color: #449dd1;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

.Cg3tQtm_ {
    border: 1px solid #2d2f39;
    background-color: #c0392b;
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

.PTADNlyj {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	padding: 7.5px 0 7.5px 7.5px;
	box-sizing: border-box;
}


.hAQO_oz2 {
    border: 1px solid #2d2f39;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border-radius: 10px;
	height: calc(100% - 15px);
	width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white);
    display: flex;
    flex-direction: column;
    overflow:hidden;
}

.Ylmm_UNZ {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.nBzVHqxi {
	display: flex;
	align-items: center;
	column-gap: .75rem;
}

._ldss0Vq {
	display: flex;
	flex-direction: column;
}

.Onuzq9Iz {
	display: flex;
	align-items: center;
	column-gap: .5rem;
}

.jpS97TGp {
	flex: 1 1;
	width: 100%;
	margin-top: 2rem;
	row-gap: 2rem;
	display: flex;
    flex-direction: column;
}

.wBbc4Zfz {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    flex-wrap: wrap;
    row-gap: .25rem;
    column-gap: .25rem;
}

.LuQF6MIW {
	display: flex;
	flex-direction: column;
	row-gap: .8rem;
	margin-top: 1rem;
}

.EUmACmD2 {
	display: flex;
	flex-direction: column;
	align-items: center;
    padding-left: 20px;
    width: calc(100% - 20px);
}

.Np5GiXe4 {
	padding: 5px 15px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border-radius: 5px
}

.ugZSBV32 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-column-gap: .5rem;
    column-gap: .5rem;
    height: -webkit-max-content;
    height: max-content;
}

.xXN33Eeh {
	background: none;
	border: none;
	margin: 0 0 0 auto;
	color: #ffffff;
	color: var(--white)
}

.qkHZ9P1G {
	width: 22.5px;
	aspect-ratio: 1;
	border-radius: 4px;
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.HorkJkB9 {
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.OAHr3QAk {
	height: 100%;
	width: 100%;
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
}

.EqCNpKZm {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	position: relative;

}

.vucl7edM {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white;
    z-index: 9999;
}

.bWOHXVsB {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white;
    z-index: 9999;
    overflow: hidden
}

.bWOHXVsB::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #2d2f39;
    border-right: none;
    border-radius: 12.5px 0 0 12.5px;
    pointer-events: none;
}

.uUZZuC4k {
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
/*	height: 100%;*/
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	position: relative;
}

.DKDZ9Hho {
	padding: 15px;
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	position: relative;
}

.xS4yxvov {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 15px;
	box-sizing: border-box;
}

.uRVVHRNv {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 0 15px 15px 15px;
	box-sizing: border-box;
}

.yeIwdYPT {
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    top: 0;
	transition: top .75s ease;
    display: grid;
    grid-template-rows: auto 1fr;
}

.bIAMoN3s {
	grid-template-rows: 1fr;
}

.WqPeZhRE {
	background-color: #01000D;
	background-color: var(--bg-dark);
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.oyjVwbIQ {
	grid-template-rows: 130px auto auto 1fr;
}

.uzGwLtpZ .yeIwdYPT {
	top: calc(-1 * (165px + 2rem));
	height: calc(100% + 30%);
	transition: top .75s ease;
	display: flex;
	flex-direction: column;
}

.uUZZuC4k,
.yeIwdYPT {
	transition: all 0.3s ease;
}

.uzGwLtpZ .uUZZuC4k {
	opacity: 0;
	transition: opacity 0.3s ease 0.3s;
}


.H3NWOpZq {
	padding: 15px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: 25% auto 1fr;
	grid-row-gap: 2rem;
	row-gap: 2rem;
}

.hwiwV_Oc {
    width: 22.5%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    row-gap: 1rem;
    background-color: #01000D;
    background-color: var(--bg-dark);
    border-radius: 10px;
    border: 1px solid #2d2f39;
    padding: 10px;
    box-sizing: border-box;
}

.hwiwV_Oc img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    /*border-radius: 15px;*/
}

.jsOmp4us {
	padding: 0 !important;
}

.jsOmp4us img {
	object-fit: fill
}

.xmdlYXfL {
	color: #ffffff;
	color: var(--white);
	display: grid;
	grid-template-columns: 125px 1fr;
	grid-column-gap: 1.25rem;
	column-gap: 1.25rem;
}

.tL1Y16os {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.XDObcNqE {
	margin-top: 2rem;
}

.Hsi3Dt8w {
	display: grid;
	grid-template-columns: 30px 1fr;
}

.RL0wibgY {
	margin-bottom: 1.5rem;
}

.Hsi3Dt8w i {
	/*margin-top: 1.5px;*/
	display: flex;
	justify-content: center;
	margin-right: 15px;
}

.Hsi3Dt8w a {
	text-decoration: underline;
}

._AueRqXa {
	height: -webkit-max-content;
	height: max-content;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}

.xJAtIfNv {
	height: 40px;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}

.Ei2rUdSC {
	height: -webkit-max-content;
	height: max-content;
	width: 40%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: #01000D;

	background-color: var(--bg-dark);
}

.JZM5z0h5 {
	height: -webkit-max-content;
	height: max-content;
	width: 40%;
	position: absolute;
    left: calc(75% - 15px);
    top: 50%;
    transform: translate(-50%, -50%);
  	border-radius: 15px;
  	border: 1px solid #2d2f39;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
}

.MohdBVuh {
	height: 90%;
	width: 50%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  	border-radius: 15px;
  	border: 1px solid #2d2f39;
	background-color: #01000D;
	background-color: var(--bg-dark);	
}

.b876KN6A {
	height: 50%;
}

.cqMxrxFi {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: #ffffff;
	color: var(--white);
/*	overflow-y: scroll;*/
}

.tKIMEMZb {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 1.5rem;
	row-gap: 1.5rem;
	color: #ffffff;
	color: var(--white);
}

._k5l11f0 {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	color: #ffffff;
	color: var(--white);
}


.nIM0pdV5 {
	display: grid;
	grid-template-columns: auto 1fr;
}

.LOJlYm8H {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.i6xhyYnU {
	height: 30% !important;
	width: auto !important;
}

.lxTZyFyR {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1.25rem;
	column-gap: 1.25rem;
	position: relative;
	height: 35px
}

.jW_REHWl { 
	display: flex;
	column-gap: 1rem;
}

.V_5SE_2k {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid #ffffff;
	border: 1px solid var(--white);
	background-color: #01000D;
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.xVNuECqz {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.IYZ6Al61 {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}

.aijV7Tkb {
	width: 100%;
	display: flex;
	flex-direction: column;
	
	height: calc(100% + 25px);
	overflow: hidden;
}

.xGeh7F40 {
	margin: auto 0 0 0 !important;
	padding: 3rem 0 25px 0 !important

}

.KGtA8bo2 {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.oakw0kId {
	row-gap: 0 !important;
}

.HWz65fN2 {
	width: 100%;
	height: 100px;
	background: none;
	border: 2px dashed #161824;
	border: 2px dashed var(--sub-bg-dark);
	border-radius: 10px;
	color: #ffffff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: .5rem
}

.khFzjPte {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: #01000D;
	color: var(--bg-dark);
	background-color: #ffffff;
	background-color: var(--white);
}

.khFzjPte input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: #01000D;
	color: var(--bg-dark)
}

.m36vu2I1 {
	width: 100%;
	height: 55px;
	padding: 5px 15px 0 15px;
	box-sizing: border-box;
	border: 2px solid #161824;
	border: 2px solid var(--sub-bg-dark);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.m36vu2I1 input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2.5rem + 15px));
	color: #ffffff;
	color: var(--white)
}

.d7IbDFOP {
    display: flex;
    flex-wrap: wrap;
	column-gap: .5rem;
	row-gap: .5rem;
}


.ki7KiBwC input {
	width: 100%;
	padding: 5px 15px 5px 15px;
	margin-top: 1rem;
	margin-bottom: .5rem;
	box-sizing: border-box;
	border: 2px solid #01000D;
	border: 2px solid var(--bg-dark);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
}

.njiZO961 {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
/*	width: 100%;*/
	flex: 1 1
}

.iCKLlQWE {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.iCKLlQWE input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: #ffffff;
	color: var(--white)
}


.KNihk83P {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.Uf5P4bCw {
	margin: 0 0 0 auto !important;
}

.RnZBZu3s {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.smnt6sNM {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.D5LryXdG {
	position: absolute;
	background-color: #01000D;
	background-color: var(--bg-dark);
	padding: 5px 20px;
	display: flex;
	flex-direction: column;
	right: 30px;
	top: 65px;
	border-radius: 10px;
	z-index: 999999999999;
/*	row-gap: .5rem;*/
    max-height: 75%;
    overflow-y: scroll;
}

.JLGHuh45 {
    grid-column-start: 2;
    display: flex;
    justify-content: flex-end;
    column-gap: 1rem;
    margin-top: .5rem;
}

.stX8JqLv {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	position: absolute;
	left: 10px
}

.krB4FDG4 button {
	background: none;
	border: none;
	color: white;
	text-decoration: underline
}

.QXmW9UHq {
	background: none;
	border: none;
	padding: 5px 0;
}

.QXmW9UHq p {
	color: white;
	text-align: left;
}

.Gj6k8sdb {
	display: flex;
	margin-top: 1rem
}

.dkPYWum4 {
	width: 40px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border: none;
	color: #01000D;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.kEFiCYkG {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.vB3eLJtE {
	position: absolute;
	top: 220px;
	left: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .5rem;
}

.Ks_c143e {
	position: absolute;
	top: 155px;
	right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .5rem;
}

.ofQ39P2X {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	cursor: pointer;
	z-index: 999999;	
}

.St4luX1B {
	position: absolute;
	top: 220px;
	right: 25px;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	cursor: pointer;
	z-index: 999999;
}

.oScREqmH {
	position: absolute;
	bottom: 25px;
	right: 25px;
	display: flex;
	align-items: center;
	column-gap: .5rem;
}

.OEGnSPNH {
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	cursor: pointer;
	z-index: 999999;
}

.DnEOMnOz {
	width: -webkit-max-content;
	width: max-content;
	margin: 0 0 0 auto;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
}

._47yFgNF {
	background-color: red;
	cursor: default
}

.Kc6JBNOA {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 15px;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
	border: none;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.Q09l1aSJ {
	margin: 10px 0 0 auto;
}

.AkxOjjU5 {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.KGCXCy86 {
	display: flex;
	column-gap: 1rem;
}

.AkxOjjU5 button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: #ffffff;
	color: var(--white);
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.asaX2Un3 {
	border-bottom: 2px solid #449dd1 !important;
	border-bottom: 2px solid var(--accent-1) !important;
}

.k5zALyjx {
	margin-right: 2.75rem;
}


.zlvKROIg {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.zlvKROIg div {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.NGkYvwWr {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.Ob31oleE {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.Ob31oleE button {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
}

.lPqcbCux {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.KUlmPVS5 {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: #ffffff;
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.HDh7k2B6 {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.pg1yq1tK {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: #01000D;
	background-color: var(--bg-dark)
}

.GEne21se {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: #01000D;
	color: var(--bg-dark)
}

.GEne21se img {
	width: 100%;
}

.aRB7Ar54 {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.Cl44l9w9 {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    color: #ffffff;
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.Cl44l9w9 img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.R79lq7yR {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: #01000D;
	color: var(--bg-dark)
}

.U64yEDqE {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.g1_5zJYv {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.g1_5zJYv img {
	width: 40%;
}

.CDOBMoBV {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: 2rem;
	row-gap: 2rem;
}

._zd5BT7l {
	width: 100%;
}

._zd5BT7l button {
	margin-top: 7.5px;
}

.xJlPCCnp {
	box-sizing: border-box;
}

.h8pzVUFU {
	box-sizing: border-box;
}

.FhhDL1wy {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 50px;
}

.FhhDL1wy textarea {
	background: none;
	border: 1px solid #2d2f39;
	max-width: 100%;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.eg2Bdiec {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.T7_o2YCW {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;
}

.OibXdqN3 {
	height: 32px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	color: #161824;
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mDmyDssI {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.UM9TcJdN {
	overflow: hidden;
}

.zxJlJXjH p {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.edlQkHGH {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.edlQkHGH p {
	color: #161824 !important;
	color: var(--sub-bg-dark) !important;
}

.Fy2x8kMk {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.tWeH9tM8 {
	width: 100%;
	border: 1px solid #ffffff;
	border: 1px solid var(--white)
}

.naC2YjVJ {
	width: 100%;
	border: 1px dashed #ffffff;
	border: 1px dashed var(--white)
}

.GtLGEQnj {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.cRmC5gw1 {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.W4NhMCXj {
	z-index: 9999999999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    position: absolute;
}

.ScJX0b6w {
	z-index: 9999999999;
    max-width: 100%;
    width: calc(100% - 50px);
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    position: absolute;
}

.WYq3zfzy {
	background: none;
	border: none;
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.WYq3zfzy:hover {
	background-color: white;
	color: #161824;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.ONJXtHVy {
	display: grid;
	grid-template-rows: auto 1fr
}

.TySNjSnf {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

.Ei9Mwzbq {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.Sc7TWrva {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: #49b283;
	background-color: var(--success-green);
}

.SlMDg6da {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 50px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none
}

.xhH6uCQZ {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 150px;
	max-height: 150px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none
}

.xhH6uCQZ:focus, .wwpsWOrU {
	border: 3px solid rgba(68,157,209,1);
	position: relative;
/*	display: flex;
	align-items: center;
	justify-content: center;*/
}

.UvWppmgj {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 112.5px;
	max-height: 112.5px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.UvWppmgj img {
	height: 35px;
}



.FbuSL41X {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 50px;
	max-height: 50px;
	border-radius: 10px;
	/*margin-bottom: 5px;*/
	transition: border 0.3s ease;
	resize: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.FbuSL41X img {
	height: 25px;
}

.qlYiUFcL {
	border: 3px solid red;
}




.RwHBV2or {
	background: #161824;
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.wvj_laHQ {
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: center;
	grid-column-gap: .75rem;
	column-gap: .75rem;
	position: relative;
	z-index: 999999999;
}

.AJ6RStjB {
	position: absolute;
	left: 0;
	top: 40px;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 3px dashed #161824;
	border: 3px dashed var(--sub-bg-dark);
	border-top: 0;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	z-index: 99999999999999999
}

.AJ6RStjB button {
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white);
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kf8XqQpe {
	background-color: #01000D;
	background-color: var(--bg-dark);
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	border: 3px dashed #161824;
	border: 3px dashed var(--sub-bg-dark);
	border-radius: 5px;
	color: #ffffff;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1rem
}

.WuS4D4Oz {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(68,157,209,0.3);
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: #ffffff;
	color: var(--white);
	height: 120px;
	max-height: 120px;
	resize: none;
	border-radius: 5px;
	margin-bottom: 5px;
	resize: none;
    grid-column-end: 3;
    grid-column-start: 1;
    display: flex;
}

.ynXXsXNP {
    z-index: 9999999999;
    max-width: 100%;
    width: calc(100% - 50px);
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.WYq3zfzy {
	background: none;
	border: none;
	border-bottom: 1px solid #01000D;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 150px 150px 1fr;
	grid-column-gap:1rem;
	column-gap:1rem;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.rBpw1YWh {
	top: 60% !important
}

.lohabYqO {
	top: 45% !important
}

.WYq3zfzy:hover {
	background-color: white;
	color: #161824;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.GRuPhh2E {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.E10UACun {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: #ffffff;
	color: var(--white);
	border-bottom: 2px solid #01000D;
	border-bottom: 2px solid var(--bg-dark);
}

.mLwROdbg {
	border-bottom: 2px solid #449dd1;
	border-bottom: 2px solid var(--accent-1);
}

.gokDElvo {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	position: relative;
}

.gokDElvo button {
	background: none;
	border: none;
	color: white;
}

.ifsW6kDN {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iJod7tYO {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 1.5rem 0 0 0;
}

.Pq1Bm8To {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 0;
}

.louwOB5n {
	background: none;
	border: none;
	padding: 2.5px 12.5px;
	color: #ffffff;
	color: var(--white);
	border-bottom: 2px solid #01000D;
	border-bottom: 2px solid var(--bg-dark);
}

.Lm0jv71e {
	border-bottom: 2px solid #449dd1;
	border-bottom: 2px solid var(--accent-1);
}


/* 
==============================
 PARENT WIDGET
==============================
*/
.pWQKfH0D {
  width: 100%;
  height: 100%;
  background-color: #161824;
  background-color: var(--sub-bg-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #2d2f39
}

/* 
==============================
 CAROUSEL WRAPPER
==============================
*/
.lyxa3h3h {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex; 
  align-items: center; 
  justify-content: center;
}

.Xh5g_Q_1 {
	position: absolute;
  border: none;
  background: none;
  color: #999;
  font-size: 24px;
  cursor: pointer;
  margin: 0 1rem;
  z-index: 5;
  transition: color 0.3s ease;
}

.bLo0JFic {
	left: 5px;
}

.WNnM7XEq {
	right: 5px;
}

.Xh5g_Q_1:hover {
  color: #fff;
}

.vkP4c1_Z {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gnfGn76C {
  position: absolute;
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 10;
}
.rMOF96FE {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #aaa;
  background-color: transparent;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tntjdoL9 {
  background-color: #fff;
  transform: scale(1.2);
}

/* 
==============================
 SLIDES
==============================
*/
.ovqZlRZT {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.6s ease;
}

.lhkvk18w {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.tE1WmcH9 {
  opacity: 1;
  transform: translateX(0);
  z-index: 2;
}
.yxAbs9OF {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 1;
}
.aUihP3xp {
  transform: translateX(100%);
  opacity: 0;
  z-index: 1;
}

/* 
==============================
 MAIN STAT (Centered)
==============================
*/
.kw5IQQRp {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.IglkvFsK {
  font-size: 40px;
}

.hHwF5uEl {
  font-size: 36px;
  font-weight: 700;
  margin: 1rem 0 ;
}

.mHuCj0DG {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  opacity: 0.9;
}

.RGKTm9wR {
  font-size: 14px;
  font-weight: 300;
  opacity: 0.7;
  margin: 0;
}

/* 
==============================
 TWO SMALL MODULES ROW
==============================
*/
.MQ2rFF6T {
  display: flex;
  column-gap: 1rem;
  justify-content: center;
}

.dMt26bOH {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.jeIs_f8Z {
  font-size: 18px;
  color: #fff;
}

.EVdiqDYS {
  font-size: 12px;
  opacity: 0.8;
  margin: 0;
}

.PXMYhp5q {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.t7HR8ArC {
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}

.C102iqMF {
	display: flex;
	flex-direction: column;
	align-items: baseline
}

.DtSdw2O3 {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.j3F71IDY input[type=number] {
	margin: 0 0 0 auto;
	background: none;
}

.j3F71IDY input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
    padding-left: 2.5px;
    box-sizing: border-box;
}

.ZNAbTkBy {
	position: relative;
	height: calc(100% - 250px);
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 2rem;
	overflow-y: scroll;
}

.s8BJeoL3 {
	background-color: red !important;
}

.I_V_4Htl {
	background-color: #2d2f39 !important
}

.SR6IDEee {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
/*	grid-template-rows: max-content;*/
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
/*    flex: 1;*/
    margin-top: 1rem;
    /*overflow-y: scroll;*/
}

.lOL9TV0B {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 1rem;
	row-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
    margin-top: 1rem;
}




.U_V3jbw5 {
	position: relative;
	background: none;
	border: none;
	text-align: left;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	z-index: 999;
	cursor: pointer;
}

.SdJFYrfi {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	text-align: left;
	border: 1px solid #2d2f39;
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	/*height: 115px;*/
	position: relative;
	pointer-events: none;
}

.xL3JLtz4 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	text-align: left;
	border: 1px solid #2d2f39;
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	height: 100px;
	position: relative;
	pointer-events: none;
}

.ijD7ulKS {
	background-color: #01000D;
	background-color: var(--bg-dark)
}

.XZlXrR5m {
	grid-column-start: 1;
	grid-column-end: 3;	
	pointer-events: auto !important; 
}

.XZlXrR5m .xL3JLtz4,
.XZlXrR5m .SdJFYrfi {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}

.xL3JLtz4 label,
.SdJFYrfi label {
	pointer-events: none;
}

.SR6IDEee .oHIF24b1,
.lOL9TV0B .oHIF24b1 {
	cursor: default;
	pointer-events: none;
}

.U_V3jbw5:not(.oHIF24b1):hover:not(:has(.IyeqW2GV:hover)) > .xL3JLtz4,
.U_V3jbw5:not(.oHIF24b1):hover:not(:has(.IyeqW2GV:hover)) > .SdJFYrfi,
.U_V3jbw5:not(.oHIF24b1):hover:not(:has(.IyeqW2GV:hover)) > .xL3JLtz4 .sYSJQRII,
.U_V3jbw5:not(.oHIF24b1):hover:not(:has(.IyeqW2GV:hover)) > .SdJFYrfi .sYSJQRII {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}


.sYSJQRII {
	position: absolute;
	bottom: -10px;
}

.Bm7BQObg {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1)
}

.cDugWyyP {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: -10px;
	border-radius: 10px;
	background-color: #4BB543
}

.e4OcGGpO i {
	color: #4BB543
}

.qT65uxJF {
	background-color: #449dd1 !important;
	background-color: var(--accent-1) !important;
	color: #ffffff !important;
	color: var(--white) !important;
}




.U7nh7ahJ {
	margin-top: 1rem;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.U7nh7ahJ .vwol0cSa .Bn60zrjr i,
.U7nh7ahJ .cpQnER_N .VB0Ddh_s .ukyjXjvn i {
	color: #449dd1;
	color: var(--accent-1);
}

.WYccwv20 {
	background-color: #49b283;
	background-color: var(--success-green)
}

.IltCSogN i {
	color: #49b283;
	color: var(--success-green)
}

.B877ZOLu {
	border: 1px solid #2d2f39;
	text-align: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/*row-gap: .5rem;*/
/*	justify-content: center;*/
	
	background-color: #161824;
	
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	height: -webkit-max-content;
	height: max-content;
}

.RmHITy2a {
	margin-top: .5rem;
}

.vwol0cSa {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: .5rem;
  column-gap: .5rem;
  pointer-events: none;
  position: relative;
}

.S6YhI_qv {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: .75rem;
  column-gap: .75rem;
  pointer-events: none;
  position: relative;
}

.eftZh0K1 {
  opacity: 0.4 !important;
  filter: brightness(90%);
  pointer-events:none !important;
}

.eiveSTGt {
	box-sizing: border-box;
	padding: 20px 15px 10px 15px;
	color: #ffffff;
	color: var(--white);
    border: 1px solid #2d2f39;
    border-radius: 7.5px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    z-index: 9999999999 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.15s ease !important;
}

.nGATSWFK {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	margin-bottom: .75rem;
}

.ODy4LVFK {
	background: none;
	border: none;
	color: white;
	pointer-events: auto;
	display: flex;
	margin-top: 5px;
	column-gap: .75rem;
	margin: 0 -15px;
	padding: 10px 15px;
	z-index: 9999999999999
}

.ODy4LVFK i {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ODy4LVFK:hover {
	transition: all 0.15s ease !important;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.ZHT11t0F {
	display: grid;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	grid-template-columns: auto 1fr;
}

.Bn60zrjr {
	height: 38px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	color: #161824;
	color: var(--sub-bg-dark);
	border-radius: 7.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .2s ease, color .4s ease
}


.jML9_1wi {
	height: 100%;
	aspect-ratio: 1;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid rgba(68,157,209,0.3);
	color: #ffffff;
	color: var(--white);
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.RhMcmVtM {
	border: 1px solid #449dd1;
	border: 1px solid var(--accent-1);
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.XzwcjBQH {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto 1fr;
	grid-row-gap: .5rem;
	row-gap: .5rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	height: 100%;
}

.mQNYvi_A {
	background-color: red;
}

.GFLkDriZ {
	position: absolute;
	top: 85px;
	right: 10px;

	width: 25px;
	height: 25px;
	border-radius: 100%;
	border: none;
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: white;

	display: flex;
	align-items: center;
	justify-content: center;
}

.lNy9OvWd {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	height: -webkit-max-content;
	height: max-content;
}


.lNy9OvWd button {
    padding: 5px 25px;
    box-sizing: border-box;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #161824;
    border: 1px solid var(--sub-bg-dark);
    color: white;
    border-radius: 5px;
}

.IxtyNn0a {
	border: 1px solid #449dd1 !important;
	border: 1px solid var(--accent-1) !important;
}

.lNy9OvWd button p {
	font-size: 12px;
}

.RAeXO0eC {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    margin-top: 1rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
    position: relative;
}

.hMH5dUXH {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1rem;
	overflow-y: scroll;
    margin-bottom: -40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    height: 100%;
    color: white;
    text-align: center;
}

.KzojksIl {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	color: white;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.Y6YGLK8_ {
	width: 100%;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;

	border-radius: 10px;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;

	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: .5rem;
	column-gap: .5rem;
}

.l5m2ZkEU {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.b09q0xeH {
	row-gap: 1.5rem
}

.tD6K_xYQ {
	width: 20px;
	height: 20px;
	background: none;
	border: none;

	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.z8664Fk5 {
    display: grid;
	padding: 0 30px;
    box-sizing: border-box;
}

.cyms0FhZ {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 1rem
}

.cyms0FhZ p {
    width: 75%;
    text-align: center;
    word-wrap: break-word;
}

.JE1M8YrD {
	width: 60px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border-radius: 100%;
	color: #161824;
	color: var(--sub-bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
}


.JE1M8YrD i {
	font-size: 25px;
}

.ld7EssTe {
	width: 70px;
	aspect-ratio: 1;
	background-color: #ffffff;
	background-color: var(--white);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ld7EssTe i {
	font-size: 30px;
	color: #01000D !important;
	color: var(--bg-dark) !important;
}

.LXuerH5D {
	display: grid;
    grid-template-columns: auto 1fr;
    width: calc(100% + 80px);
    margin: 0 -30px;
    padding: 0 30px;
    box-sizing: border-box;
}

.PNQvqUun {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 20px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #ffffff;
	color: var(--white);
/*	z-index: 9999999;*/
}

.Vng1GjRH {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.VB0Ddh_s {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 0 auto;
  position: relative;
}

.VB0Ddh_s input[type="number"] {
  width: 50px;
  height: 20px;
  text-align: center;
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 5px;
  outline: none;
  -webkit-appearance: textfield;
          appearance: textfield;
  color: #ffffff;
  color: var(--white);

  display: flex;
  align-items: center;
  justify-content: center;
}

.VB0Ddh_s input[type="number"]::-webkit-inner-spin-button,
.VB0Ddh_s input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.VB0Ddh_s input[type="number"] {
  -moz-appearance: textfield;
}

.ukyjXjvn {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  background-color: var(--white);
  color: #161824;
  color: var(--sub-bg-dark);
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}


.AhuIUhye {
	background: none;
}

.t20Ykn3Z {
    background-color: #ffffff11;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    color: #ffffff;
    color: var(--white)
}

.RuprvoiM {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.GucAN_fH {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    padding: 0 0 7.5px 0;
    box-sizing: border-box;
}

.GucAN_fH::placeholder {
	font-size: 12px !important;
}

.CgOvfGis {
	background-color: red;
	color: #ffffff;
	color: var(--white)
}

.R5Icc9YZ { 
	color: #ffffff; 
	color: var(--white);
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.zwosDucY {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zwosDucY img {
	height: 25%
}

.apKaVnfd {
  cursor: pointer;
}

.apKaVnfd p {
    color: #449dd1 !important;
    color: var(--accent-1) !important;
    text-decoration: underline !important;
}

.k9MFTDEb {
	height: 40%;
	position: absolute;
	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
}

.bi8HjESe {
	height: 20px
}

.tn5obexG {
	position: fixed;
	align-self: center;
	top: 10px;
	background-color: #ff4d4f;
	padding: 10px 30px;
	max-width: 50%;
	text-align: center;
	animation: hU6xMwy9 0.4s ease-out;
	border-radius: 7.5px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index:99999999
}

.qLNMmgUU {
	position: absolute;
	top: 20px;
	right: 0;
	height: -webkit-max-content;
	height: max-content;
	display: flex;
	flex-direction: column;

    border-radius: 10px;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    padding: 10px 20px;
    row-gap: .25rem;
    box-sizing: border-box;
    border: 1px solid #2d2f39;
}

.qLNMmgUU button {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	text-align: left;
}

@keyframes hU6xMwy9 {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.AQ61O3_U {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}

.hhKRyb2z {
	margin-bottom: 3.25rem;
}

.ifsW6kDN p {
	margin-bottom: 3rem;
}

.ZIn36Hda {
	max-width: 100%;
}

.xfZ4FwsM {
	background-color: #449dd1;
	background-color: var(--accent-1);
	margin: 0 -20px;
	padding: 5px 20px;
}

.LPDiffxx {
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;
}

.gVZDmpGt {
	margin-top: 1.5rem;
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;
}

.CRC3hUwZ {
	margin: 1.5rem 0;
	width: 100%;
	padding: 10px 20px;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border-radius: 10px;
	text-align: center;	
}

.O8cNe2iH {
	width: 100%;
	padding: 10px 20px;
	background-color: red;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	color: var(--white);
	border: none;
}

.DPbwGAHE {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
}

.DTgPhLlH {
	height: 100%;
	display: flex;
	flex-direction: column;
	/*flex: 1 1 auto;*/
	min-height: 0;
	row-gap: 1.5rem;
	position: relative;
	width: 100%;
}

.FPMH2ke_ {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.BB30C1mc {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: .35rem;
	row-gap: .35rem;
	text-align: left;
}

.bdXGqNDa {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	color: #ffffff;
	color: var(--white)
}

.jgrJf7cc {
	color: #449dd1;
	color: var(--accent-1)
}

.OjUZ8sLk {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;

	background-color: #161824;

	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	position: relative;
}

.M3EYWfmW {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	color: #ffffff;
	color: var(--white);
	margin-bottom: 1rem
}

.RnF82AX_ {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 1rem;
}

.uUH9y8LT {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}

.CMYQdcW3 {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
	margin-top: -3px;
}

.oi3RKEid {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: .5rem;
	row-gap: .5rem;
	text-align: left;

	border: 1px solid #2d2f39;
	background-color: #01000D;
	background-color: var(--bg-dark);
	color: #ffffff;
	color: var(--white);
	border-radius: 10px;
	position: relative;
	pointer-events: none;
}

.oi3RKEid span {
	color: #449dd1;
	color: var(--accent-1)
}

.K0DtDgSo {
	padding-right: .75rem;
}

.WDoOe2pu {
	display: grid;
	grid-template-columns: 65% 1fr;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;

	flex: 1 1 auto;
	min-height: 0;
}

.KyRFb9j6 {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
}

.kX0gOuHi {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}

.DZIBxXVm {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 15px;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	color: #ffffff;
	color: var(--white);
	column-gap: 1rem;
}

.Pmb8g6xW {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.h74LFDRP {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
}

.F2iHzl7G {
	color: #ffffff;
	color: var(--white);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	width: 60%;
}

.h74LFDRP span, .F2iHzl7G span, .l5m2ZkEU p span {
	color: #449dd1;
	color: var(--accent-1)
}

.hhUiGrxU {
	flex: 1 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.L6NE310I {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	justify-content: center;
}


.xfsGTwqu {
	width: 100%;
	aspect-ratio: 1;
	background: none;
	border: none;
	color: #449dd1;
	color: var(--accent-1)
}

.QI47RGyj {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.DoNSkoDI {
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #161824;
    border: 1px solid var(--sub-bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.NyzKbcON {
	background-color: #449dd1;
	background-color: var(--accent-1);
}

.NyzKbcON > .vi9IoOb9 {
	background-color: #ffffff;
	background-color: var(--white)
}

.NyzKbcON > .vi9IoOb9 i {
	color: #449dd1;
	color: var(--accent-1)
}
 
.vi9IoOb9 {
	background-color: #01000D;
	background-color: var(--bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

.vi9IoOb9 i,
.DoNSkoDI p {
	color: #ffffff;
	color: var(--white)
}

.cYRpdFMF {
	flex: 1 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	cursor: pointer;
}

.cYRpdFMF p {
	color: #ffffff;
	color: var(--white)
}


.VmdeLxfS {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: flex;
    flex-direction: column;
	color: #ffffff;
	color: var(--white);
	position: relative;
}

.RJpV0s4C {
    display: flex;
    flex-direction: column;
    height: calc(100% - 125px);
    width: 100%;
    margin-top: 1.5rem
}

.NLRiIkJJ {
	position: absolute;
	align-self: center;
	background-color: #ff4d4f;
	padding: 10px 30px;
	width: 80%;
	max-width: 80%;
	text-align: center;
	border-radius: 7.5px;
	bottom: 25px;
	left: 25px;
	z-index:99999999
}

.xB1EDRq8 {
	background-color: #ff4d4f;
	color: #ffffff;
	color: var(--white);
	cursor: default
}

.nESOT5AN {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nESOT5AN img {
	height: 30%
}

.rRD7005j {
	margin-top: 10px;
}

.rRD7005j span {
	color: #449dd1;
	color: var(--accent-1)
}

.Mi1mkkIN {
  opacity: 0;
  animation: UTcwSKxq 200ms ease-out forwards;
}

.xjGTXJnZ {
  opacity: 0;
  animation: UTcwSKxq 400ms ease-out forwards;
}

.qac83sDi {
	margin-top: .5rem
}

.qac83sDi span, .xFVZNC8T span {
	color: #449dd1;
	color: var(--accent-1);
}

.pBFt5VAO {
	position: relative;
}

._a_8d7hw {
  color: transparent !important;
}

.zsI02zvH {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  color: var(--white);
}


.IGcWkh89 {
  	width: 100%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-top: 1rem;
}

.lsPFmD_z {
	width: 100%;
}




/* Card wrapper for each section */
.ewEnAQeO {
	margin-top: 7.5px;
} 

.fedy2_zw {
  background: rgba(255,255,255,0.03);
  border: 1px solid #2d2f39;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Metadata form styling */
.NDbMsHbh {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  row-gap: 1rem;
  width: 100%;
}

.NDbMsHbh p {
  margin-bottom: .25rem;
}

.NDbMsHbh input,
.NDbMsHbh select {
	width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #2d2f39;
  background: #01000D;
  background: var(--bg-dark);
  color: #ffffff;
  color: var(--white);
  font-size: 0.9rem;
  transition: border-color .2s;
}

.NDbMsHbh input:focus,
.NDbMsHbh select:focus {
  border-color: #449dd1;
  border-color: var(--accent-1);
  outline: none;
}

.eviHCGox {
	position: relative;
}

.LqSiOT3x {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 15px;
	height: 2.5rem;
	background: none;
	border:none;
	color: white;
}

/* Actions */
.rOqXQLa1 {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.QkT1S8Rl {
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .5rem;
  cursor: pointer;
  transition: background-color .2s;
}

.QkT1S8Rl.MSnS2mxw {
  background: #3a3d48;
  color: #eee;
}

.QkT1S8Rl.QEClpCe5 {
  background: #449dd1;
  background: var(--accent-1);
  color: #fff;
}

.QkT1S8Rl.cNtiN21X {
  background: #c0392b;
  color: #fff;
}

.QkT1S8Rl:hover {
  filter: brightness(1.1);
}


/* Space between cards (optional, if not already handled) */
.fedy2_zw + .fedy2_zw { margin-top: 1rem; }

/* Invited Events list */
.szWa_RWP {
  margin-top: .75rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.z5ciFGvV {
  background: rgba(255,255,255,0.03);
  border: 1px solid #2d2f39;
  border-radius: 10px;
  padding: .75rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-row-gap: .35rem;
  row-gap: .35rem;
}

.RYNqv1rn {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.CIr8F58A {
  color: #ffffff;
  color: var(--white);
  font-size: .95rem;
  font-weight: 600;
}

.AKYYwUzQ {
  color: #bbb;
  font-size: .7rem;
}

.jFrDBVeD {
  grid-column: 1 / -1;
  display: flex;
  gap: .5rem;
  align-items: baseline;
  margin-top: 10px
}

.jFrDBVeD span {
	color: #449dd1;
	color: var(--accent-1)
}

.baqZTQgI {
  color: #9aa0a6;
  font-size: .75rem;
}

.kE1etu5u {
  color: #ffffff;
  color: var(--white);
  font-size: .8rem;
}

/* Quick Invite card */
.Vh7FKvpv {
  margin-top: .75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.Cq6Ow8dF {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  max-height: 180px;      /* scrolls if long */
  overflow-y: auto;
  padding-right: 4px;
}

.M9W1UpZd {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  background: rgba(255,255,255,0.02);
  border: 1px solid #2d2f39;
  border-radius: 10px;
  padding: .6rem .75rem;
  cursor: pointer;
  transition: background-color .2s, border-color .2s;
}

.p5werX7z {
  padding: .5rem .75rem;
  border: 1px solid #2d2f39;
  border-radius: 8px;
  background: rgba(255,255,255,0.05);
  color: #ffffff;
  color: var(--white);
  font-size: .9rem;
  outline: none;
  transition: border-color .2s;
}
.p5werX7z:focus {
  border-color: #449dd1;
  border-color: var(--accent-1);
}


.M9W1UpZd:hover { background: rgba(255,255,255,0.06); }
.M9W1UpZd input { margin-top: 2px; accent-color: #449dd1; accent-color: var(--accent-1); }

.YPC4Vk9f { display: flex; flex-direction: column; }
.LEXFDUIW { color: #ffffff; color: var(--white); font-size: .9rem; }
.L8YNUtz2 { color: #aaa; font-size: .75rem; }

/* Submit */
.UUtQhw8o {
  align-self: flex-end;
  background: #449dd1;
  background: var(--accent-1);
  color: #ffffff;
  color: var(--white);
  border: none;
  border-radius: 10px;
  padding: .6rem 1.1rem;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  transition: filter .2s;
}
.UUtQhw8o:disabled { opacity: .55; cursor: not-allowed; }
.UUtQhw8o:hover:not(:disabled) { filter: brightness(1.05); }


.vI7Aew5h {
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #2d2f39;
  background: #01000D;
  background: var(--bg-dark);
  color: #ffffff;
  color: var(--white);
  font-size: 0.9rem;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
  -webkit-appearance: none;
          appearance: none; /* removes default arrow */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.41 0L6 4.58 10.59 0 12 1.41 6 7.41 0 1.41z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}

.vI7Aew5h:focus {
  outline: none;
  border-color: #449dd1;
  border-color: var(--accent-1);
  background-color: rgba(255, 255, 255, 0.05);
}

.oGI84tMN {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.zdtCi8Fd {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--white);
}

.D6vLFfW0 {
  position: relative;
  width: 100%;
}

.lfqETMdg {
  width: 100%;
  height: 100px;
  background: #1a1a1a;
  color: #ffffff;
  color: var(--white);
  border: 1px solid #449dd1;
  border: 1px solid var(--accent-1);
  border-radius: 6px;
  padding: 0.5rem;
  font-size: 0.8rem;
  resize: none;
}

.CoTJxTN1 {
  position: absolute;
  top: 4px;
  right: 4px;
  background: transparent;
  border: none;
  color: #aaa;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 4px;
  border-radius: 6px;
  transition: color 0.2s, background-color 0.2s;
}

.CoTJxTN1:hover {
  color: #ffffff;
  color: var(--white);
  background: rgba(255, 255, 255, 0.05);
}

.CoTJxTN1 i {
  font-size: 0.85rem;
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

@media (max-width: 768px) {
	.acg1MgQD {
		overflow: visible;
		overflow: initial
	}

	.dk8dX8ti {
	    display: flex;
	    flex-direction: column;
	}

	.cHAbGmUl {
		height: 50px;
	}

	.yabxviaH {
		flex-direction: column;
		overflow-y: scroll;
	}

	.xilfwTYO {
		margin-top: 1.25rem;
		width: 100%;
		height: auto;
		display: block;
	}

	.cMVxapzH {
		height: auto;
    	margin-bottom: 1.25rem;
	}

	.pWQKfH0D {
    	height: 60%;
	}

	.GQRve_UP {
		grid-template-rows: auto 1fr;
	}

	.kdjroIu2 {
	    grid-column-start: 1;
	    grid-column-end: 2;
	    grid-row-start: 1;
	    grid-row-end: 4;
	}

	.kS1PhjO8 {
		grid-column-start: 2;
		grid-column-end: 4;
		margin-bottom: .5rem;
	}

	.KC6BQFqs {
	    grid-column-start: 2;
	    grid-column-end: 4;
	}
}

@media (max-width: 1200px) {
}

@keyframes UTcwSKxq {
  to {
    opacity: 1;
  }
}
.FsDFvgTh {
	font-weight: 600;
}

.PgJ6M6wU {
	font-weight: 700;
}

.H83TN9tj {
	font-size: 8px;
}

.Mn0p_Rnz {
	font-size: 10px;
}

.taEIsir_ {
	font-size: 12px;
}

.GKakNken {
	font-size: 14px;
}

.Z302DtsH {
	font-size: 15px;
}

.FxX2a_T3 {
	font-size: 17px;
}

.kXujurKj {
	font-size: 22px;
}

.W8eMWdGF {
	font-size: 25px;
}


.NUHndA9X {
	font-size: 35px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.yvNbHkdV {
	position: relative;
}

._Jjgtqcd {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: var(--white)
}

.wGEajP_x {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

.RPagTUBE {
	background-color: var(--white);
}

.bvQUlOrO {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

.hj4AF9qv {
    width: 100%;
    background-color: var(--accent-1);
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}


.wGDshxK2 {
	height: 100%;
	width: 100%;
/*	display: grid;*/
/*	grid-template-rows: auto 1fr;*/
	display: flex;
	flex-direction: column;
	/*row-gap: 2rem;*/

	padding: 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
}

.NbR795di {
	/*height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

.SKBv778g {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.x5SboYRA {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: var(--white)
}

.Pscc4ikD {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

.Pscc4ikD p,
.Pscc4ikD i {
	color: var(--bg-dark);
}

.Pscc4ikD input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.ogtnehpw {
	height: 100%;
	aspect-ratio: 1;

	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

.ogtnehpw i {
	color: var(--bg-dark);
}

.c9vBV2Wi {
	width: 100%;
	height: 100%;
	background-color: var(--sub-bg-dark);
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
	border-radius: 15px;
}

.pYeatcFi {
	display: grid;
	grid-template-columns: auto 1fr;
}

.xnkCZ9ly {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: var(--white);
}

.sVeeMyl6 {
	padding-right: 2.5rem;
}

.qjb8hKKU {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.qjb8hKKU i {
	color: var(--white);
}

.UQP0hD6N {
	margin-top: 1.5rem;
	height: calc(100% - 1.5rem);
}

.YIqIFtGe {
	height: 100%;
	width: 100%;
}

.e_r9Wk5_ {
	display: flex;
	column-gap: 1rem;
	margin-bottom: 1.5rem;
}

.e_r9Wk5_ button {
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--sub-bg-dark);
	padding: 0 5px 5px 5px
}

.LROCsBfp {
	border-bottom: 2px solid var(--accent-1) !important;
}


._l0XSh8C {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, -webkit-max-content);
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 1rem;
    row-gap: 1rem;
    grid-column-gap: 1rem;
    column-gap: 1rem;
}

.Ou43FWgc {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
/*	height: 200px;*/
	width: 100%;
	border-radius: 10px;
	padding: 1.5rem;
	box-sizing: border-box;
}

.mBlYcM6H {
	border: none;
	background-color: var(--accent-1);
	padding: 10px 0;
	box-sizing: border-box;
	width: 100%;
	color: var(--white);
	border-radius: 10px;
	margin-bottom: 30px
}

.mm5vAbVS {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	height: 60px;
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--white);
	overflow: hidden
}

.mm5vAbVS p {
	text-align: center;
}

.B7V5j1f1 {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.oKvCLtSK {
	height: 35px;
	width: 35px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.wUB2ozI7 {
	display: flex;
	flex-direction: column;
	color: var(--white);
	text-align: left;
}



.FGgcHN6i {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: .75rem;
    row-gap: .75rem;
    grid-column-gap: .75rem;
    column-gap: .75rem;
}


.eHrz5Q2H {
	padding-bottom: 30px !important;
	box-sizing: border-box;
}

.xGOsKTgG {
    aspect-ratio: 1;
    height: 60%;
}

.OZT3Uxlx {
	display: flex;
}



.hrzHt2Sf {
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    row-gap: .5rem;
	height: calc(100% - 30px);
	overflow-y: scroll
}

.Q42LceRT {
    align-items: center;
    border: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 0 10px;

    background-color:  var(--accent-1);
    color: var(--white);
}

.aQLgyEtv {
	height: 50%;
}

.gZ7jNsQQ {
	/*height: 50%;*/
	width: 40%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: var(--bg-dark);
}

.CVo7hrb0 {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: var(--white);
	overflow-y: scroll;
}

.oFiwZVV_ {
	display: grid;
	grid-template-columns: auto 1fr;
}

.RanUUk0s {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.wVpumfXU {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.EhP81x7Q { 
	display: flex;
	column-gap: 1rem;
}

.xlFKfDWk {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid var(--white);
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.o0iuIQJU {
	border: 1px solid var(--accent-1);
	background-color: var(--accent-1);
}

.kZBEoAES {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.fWzfvPqz {
	row-gap: 0 !important;
}

.BpKrvGPI {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.BpKrvGPI input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.K9SBtfEk {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.K9SBtfEk input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.gtACF0EC {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.qFoomGyX {
	margin: 0 0 0 auto !important;
}

.Uj0iAT5C {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}


.SJUQOao9 {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.hv4oO5Yf {
	display: flex;
	margin-top: 1rem
}

.Y9d4f6wf {
	width: 40px;
	aspect-ratio: 1;
	background-color: var(--white);
	border: none;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.oNL74Yjg {
	margin: 0 0 0 auto;
}

.EghpJyuE {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.Pf0oJzhy {
	display: flex;
	column-gap: 1rem;
}

.EghpJyuE button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.FHHzZYl0 {
	border-bottom: 2px solid var(--accent-1) !important;
}

._3NQ4I0GY {
	margin-right: 2.75rem;
}


.UP5_Ijdj {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.UP5_Ijdj div {
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.AOHKBIy4 {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.Qcc_zrWW {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.Qcc_zrWW button {
	background: none;
	border: none;
	color: var(--white);
}

.jH6clfMY {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.FR9GwXNm {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.chY7s8Da {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.bikeUbv8 {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: var(--bg-dark)
}

.R_9jRIuP {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: var(--bg-dark)
}

.R_9jRIuP img {
	width: 100%;
}

.nateKe0Z {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.q70Y3F2N {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: var(--sub-bg-dark);
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.q70Y3F2N img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.H8gb_VcP {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: var(--bg-dark)
}

.BnYxVP1G {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.rVwLHnqy {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.rVwLHnqy img {
	width: 40%;
}

.Nvfi9zhA {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.rYrycMWn {
	width: 100%;
}

.rYrycMWn button {
	margin-top: 7.5px;
}

.bgXFeFXA {
	border-left: 0.1px solid var(--white);
	padding-left: 2rem;
	box-sizing: border-box;
}

.Z0DrNmTA {
	border-right: 0.1px solid var(--white);
	padding-right: 2rem;
	box-sizing: border-box;
}

.sn56R4bo {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 20%;
}

.sn56R4bo textarea {
	background: none;
	border: none;
	max-width: 100%;
	width: 100%;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.gV1THgH8 {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.eB4t5N6q {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;

}

.sEcL9Moi {
	height: 32px;
	aspect-ratio: 1;
	background-color: var(--white);
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.WGyVY_fo {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.PLjYvHXx {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.vanODTbS {
	width: 100%;
	border: 1px solid var(--white)
}

.Veg2vqdg {
	width: 100%;
	border: 1px dashed var(--white)
}

.S6OQyhaH {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.yB8_OmLc {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.IMlCpUxK {
    margin-top: 5px;
    position: absolute;
    width: 42%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 10px;
    height: auto;
    min-height: 10%;
    max-height: 30%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.T62Wh_yM {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.T62Wh_yM:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.Ey2BHB83 {
	display: grid;
	grid-template-rows: auto 1fr
}

.FtGYOCQV {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

._2lvziN5 {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.i66yV4gn {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: var(--success-green);
}

.OfsFqFKA {
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}


.IMlCpUxK {
    z-index: 9999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
/*    min-height: 300px;*/
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.T62Wh_yM {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.T62Wh_yM:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.G3n6Uqy6 {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.mSyxwfao {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--bg-dark);
}

.Z6zVz31f {
	border-bottom: 2px solid var(--accent-1);
}

/* ... (All your existing CSS definitions from the question remain unchanged) ... */

/* ----------------------------------------
   Additional RolePage styles
----------------------------------------- */
.KzK78wjA {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.phLKo11N {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}


.gZOlxWqX {
  padding: 1rem;
  background-color: var(--sub-bg-dark);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-start;
  border: 2px solid var(--sub-bg-dark);
  position: relative;
}

.DvtkmD4z {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.gZOlxWqX:hover {
  background-color: var(--accent-1);
  color: var(--white);
}

.ZMLEbDLE {
  border: 2px solid var(--accent-1);
}

.vkqWm5tp {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.fSTnFfyG {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.e2cUD5Aw {
	position: absolute;
	width: 350px;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;
}

.hLVkzJ78 {
	padding: 15px 20px;
	box-sizing: border-box;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
  	width: 100%;
  	border: none;
  	text-align: left;
}

.VBtkwJaI {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.uC8C4QE7 {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: var(--bg-dark);
	background-color: var(--white);
}

.uC8C4QE7 input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: var(--bg-dark)
}

.xajVMPiy {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.ewPLVWJF {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white
}

.XcmbgZsv {
	position: absolute;
	right: 20px;
	top: 20px;
	color: white;
	background: none;
	border: none;
}

.tVHYUkAZ {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: white;
}

.tVHYUkAZ i {
	font-size: 20px
}

.bcJgoevq {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	column-gap: 1.25rem;
}

.SmPmZ5qX {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
	/*row-gap: calc(0.625rem - 5px);*/
}

.h0z84NnL {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;
}

.CEwbnFMk {
	padding: 30px 30px 0 30px
}

.y51P7bUc {
	grid-template-rows: auto 1fr;
	row-gap: 1rem
}



.AkEeZMPp {
	display: grid;
	grid-template-columns: auto 1fr;
}
.bE7zK_Zo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.v2PO0Sst {
    position: absolute;
    top: 45px;
}

.JJ4Du622 {
    margin: auto 0 0 0;
    overflow-y: scroll;
    height: 165px;
    overflow-y: scroll;
    width: 100%;
}

.suA03DpG {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 1.5rem 0 0.5rem 0
}

.HOx4ZTbC {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--sub-bg-dark);
}

.zkR4pfHV {
	border-bottom: 2px solid var(--accent-1);
}

.Eiqua6Wz {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.JHQcro41 {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.JHQcro41::-webkit-scrollbar,
.IMlCpUxK::-webkit-scrollbar {
	display: none;
}


.xGOsKTgG {
    aspect-ratio: 1;
    height: 60%;
}

.OZT3Uxlx {
	display: flex;
}

.ek7qo3Lp {
	height: 80px;
	width: 80px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 auto;
}

.Pk7X2aaQ {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--white);
	text-align: center;
	margin-top: 1rem;
	width: 100%;
}

.dQDkzA3j {
    max-width: 75%;
    flex-wrap: wrap;
    display: flex;
    word-break: break-all;
    justify-content: center;
}

.UbS65_zs {
	background: none;
	position: absolute;
	top: 20px;
	right: 50px;
	border: none;
	color: white;
}

.gzbMnAOH {
	background: none;
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	color: white;
}

.LaOz2C23 {
	border: 1px solid var(--accent-1)
}

.v2PO0Sst {
    position: absolute;
    top: 45px;
    width: 100%
}

.MYopfvQP {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: .75rem;
  gap: .75rem;
  width: 100%;
  margin: auto 0 0 0;
}

.MA7aeWfw {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 10px;
  transition: transform 0.2s ease-in-out;
}

.MA7aeWfw:hover {
  transform: scale(1.05);
}

.sFk3FzAg {
  font-size: 20px;
}

.pPXMhOlu {
  display: flex;
  flex-direction: column;
}

.DiWWlYAN {
  font-size: 11px;
  color: #ccc;
}

.Ewcck9dc {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-1);

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.qoROl3dJ {
	height: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.qoROl3dJ button {
	background: none;
	border: none;
	color: var(--white);
	opacity: .7;
	transform: rotate(90deg)
}

.qoROl3dJ button:hover {
	opacity: 1;
	transition: opacity .25s
}

.uGnP4r5g {
	transform: rotate(270deg) !important;
}

.kITDuE22 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 999999;
}
.lfZ3FyOd {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content:center;
  position: relative;
}

.Qzhfn8_8 {
  height: 2rem;
  cursor: pointer;
  transform: rotate(90deg);
}

.Qzhfn8_8::after {
  content: '';
  position: absolute;
  top: -10px; 
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: transparent;
}

.pnr8AH9q {
  opacity: 0.5;
}

.l5s6U_Eq {
  background: none;
  border: none;
  height: 1rem;
  width: 0.25rem;
  background-color: var(--accent-1);
  border-radius: 9999px;
}


.epjLXkgi {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: .5rem;
    height: 100%
}

.epjLXkgi p {
	text-align: center;
	padding: 0 30px;
	box-sizing: border-box
}

.V6MZd2eW {
	padding: 30px !important;
	overflow-y: scroll;
	display: flex;
	flex-direction: column
}

.rmLi9ivq {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rmLi9ivq img {
	height: 30%
}

.FfdOvVnm p {
	visibility: hidden
}

.FfdOvVnm .oKvCLtSK {
	visibility: hidden
}

.BFV7_V9e {
  height: calc(100% - 3rem);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BFV7_V9e p {
	margin-bottom: 3rem;
}

.IdNSfvPb {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.Qi_2FdSb {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.UBnhrHvz {
	background-color: var(--accent-1);
}

.UBnhrHvz > ._JZNQAD_ {
	background-color: var(--white)
}

.UBnhrHvz > ._JZNQAD_ i {
	color: var(--accent-1)
}
 
._JZNQAD_ {
	background-color: var(--sub-bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

._JZNQAD_ i,
.Qi_2FdSb p {
	color: var(--white)
}

.Qi_2FdSb p {
	white-space: nowrap;
}

.BsdF7hn2 {
  opacity: 0;
  animation: f_pou7gC 200ms ease-out forwards;
}

.NtKIRjsr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* Card wrapper for each section */
.Cj0fSynM {
	margin-top: 7.5px;
} 

.K3GgJ_rI {
  background: rgba(255,255,255,0.03);
  border: 1px solid #2d2f39;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  height: -webkit-max-content;
  height: max-content;
}

/* Metadata form styling */
.Qw806CCs {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  row-gap: 1rem;
  width: 100%;
}

.Qw806CCs p {
  margin-bottom: .25rem;
}

.Qw806CCs input,
.Qw806CCs select {
	width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #2d2f39;
  background: var(--bg-dark);
  color: var(--white);
  font-size: 0.9rem;
  transition: border-color .2s;
}

.Qw806CCs input:focus,
.Qw806CCs select:focus {
  border-color: var(--accent-1);
  outline: none;
}

.GJbxdMKH {
	border-color: red !important;
	border-width: 2px !important;
	outline: none
}

.bi7l94GA {
	position: relative;
}

.jd1KQx2T {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 15px;
	height: 2.5rem;
	background: none;
	border:none;
	color: white;
}

/* Actions */
._0n790WOJ {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.gtBUEEcY {
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .5rem;
  cursor: pointer;
  transition: background-color .2s;
}

.gtBUEEcY.URA58gCT {
  background: #3a3d48;
  color: #eee;
}

.gtBUEEcY.AZexNskN {
  background: var(--accent-1);
  color: #fff;
}

.gtBUEEcY.Jwn_VQWP {
  background: #c0392b;
  color: #fff;
}

.gtBUEEcY:hover {
  filter: brightness(1.1);
}


/* Space between cards (optional, if not already handled) */
.K3GgJ_rI + .K3GgJ_rI { margin-top: 1rem; }

/* Invited Events list */
.r_YEms3a {
  margin-top: .75rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.dPsGmABb {
  background: rgba(255,255,255,0.03);
  border: 1px solid #2d2f39;
  border-radius: 10px;
  padding: .75rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-row-gap: .35rem;
  row-gap: .35rem;
}

.llauhioZ {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.s1bLoTYf {
  color: var(--white);
  font-size: .95rem;
  font-weight: 600;
}

.iHmqerty {
  color: #bbb;
  font-size: .7rem;
}

.OLZSf90I {
  grid-column: 1 / -1;
  display: flex;
  gap: .5rem;
  align-items: baseline;
  margin-top: 10px
}

.OLZSf90I span {
	color: var(--accent-1)
}

.lDPt9quy {
  color: #9aa0a6;
  font-size: .75rem;
}

.euzkfTLj {
  color: var(--white);
  font-size: .8rem;
}

/* Quick Invite card */
.X3uNVtaZ {
  margin-top: .75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.UnkvglLt {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  max-height: 180px;      /* scrolls if long */
  overflow-y: auto;
  padding-right: 4px;
}

.cvtmzov4 {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  background: rgba(255,255,255,0.02);
  border: 1px solid #2d2f39;
  border-radius: 10px;
  padding: .6rem .75rem;
  cursor: pointer;
  transition: background-color .2s, border-color .2s;
}

.yfpcuN1U {
  padding: .5rem .75rem;
  border: 1px solid #2d2f39;
  border-radius: 8px;
  background: rgba(255,255,255,0.05);
  color: var(--white);
  font-size: .9rem;
  outline: none;
  transition: border-color .2s;
}
.yfpcuN1U:focus {
  border-color: var(--accent-1);
}


._7hsB_aAS {
	display: flex;
	align-items: center;
	column-gap: .75rem;
}

.cvtmzov4:hover { background: rgba(255,255,255,0.06); }
.cvtmzov4 input { margin-top: 2px; accent-color: var(--accent-1); }

.V2x1eaLr { display: flex; flex-direction: column; }
.Bj1MXayq { color: var(--white); font-size: .9rem; }
.tFg5hYh9 { color: #aaa; font-size: .75rem; }

/* Submit */
.aJWlVUW3 {
  align-self: flex-end;
  background: var(--accent-1);
  color: var(--white);
  border: none;
  border-radius: 10px;
  padding: .6rem 1.1rem;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  transition: filter .2s;
}
.aJWlVUW3:disabled { opacity: .55; cursor: not-allowed; }
.aJWlVUW3:hover:not(:disabled) { filter: brightness(1.05); }


.znTAXl1g {
    border: 1px solid #2d2f39;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

._0n790WOJ {
  	display: flex;
  	flex-direction: column;
  	margin-top: 1rem;
}

.znTAXl1g {
    border: 1px solid #2d2f39;
    background-color: var(--accent-1);
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

.JTd65Afz {
    border: 1px solid #2d2f39;
    background-color: #c0392b;
    border-radius: 10px;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    column-gap: .75rem;
    margin-top: .75rem
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

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

@media (max-width: 1200px) {
}



@keyframes f_pou7gC {
  to {
    opacity: 1;
  }
}
/* -----------------------------------------------------
	Global Variables and Resets
------------------------------------------------------ */

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularText.ba9ab1d5394d74b3284f.otf) format("opentype");
}


:root {
	--white: #ffffff;
	--black: #000000;

/*	--bg-dark: #161824;*/
	--bg-dark: #01000D;

	--sub-bg-dark: #161824;
/*	--sub-bg-dark: #21242d;*/
	--sub-bg-light: #f0f1f2;

	--accent-1: #449dd1;
	--success-green: #49b283;
}

:root {
	--font-family: 'DonerRegular', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

button {
	cursor: pointer;
}

h1 {
	font-weight: 700;
	font-size: 34px;
}

h3 {
	font-weight: 600;
	font-size: 24px;
}

p, input {
	font-weight: 300;
	font-size: 15px;
}

.bVyT39YK {
	font-weight: 600;
}

.e5OtYiZ_ {
	font-weight: 700;
}

.Mj5lgGOb {
	font-size: 8px;
}

.hOaSLTmO {
	font-size: 10px;
}

.KTWiy8Eq {
	font-size: 12px;
}

.JzvtTsbo {
	font-size: 14px;
}

.htqAb4ZN {
	font-size: 15px;
}

.Is2XS8hi {
	font-size: 17px;
}

.ZlXqDK5J {
	font-size: 22px;
}

.iWd_QwKA {
	font-size: 25px;
}

.faLZco2p {
	font-size: 28px;
}

.Cow8DmQv {
	font-size: 30px;
}

.JFg3VWtO {
	font-size: 35px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.LMzKUODF {
	height: 100vh;
	width: 100%;

	display: grid;
	grid-template-columns: 40% 1fr;
	overflow: hidden;
}

.vmfPL4Ru {
	height: 100%;
	width: 100%;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	color: #ffffff;
	color: var(--white);
	padding: 30px 80px 30px 100px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vmfPL4Ru h3 {
	margin-bottom: 1.25rem;
}

.vmfPL4Ru p {
	margin-bottom: 3rem;
}

.vmfPL4Ru img {
	width: calc(100% + 200px);
	margin: 0 -200px 0 0
}

.ZTFFVYCx {
	display: flex;
	align-items: center;
	column-gap: .35rem;
	margin-bottom: 1.5rem;
}

.vsXTl75T {
	height: 9px;
	width: 9px;
	border-radius: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	opacity: .6
}

.vsXTl75T:last-child {
	opacity: 1 !important;
}

.MYn069N7 {
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	background-color: var(--white);
	padding: 60px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.OBkTX2B_ {
	width: 30%;
	margin-bottom: .75rem;
}

.z5tvI620 {
	width: 20%;
	height: 2.5px;
	background-color: #449dd1;
	background-color: var(--accent-1)
}

.zON3FYfT {
	margin-top: 2rem;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.HhGQu4LT {
	text-align: center;
}

.EdbKPXfQ {
	margin: 3rem 0;
	width: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.EdbKPXfQ img {
	width: 4%;
}

.RnZ2zb1I {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	margin: 2rem 0 3rem 0;
}

.tIjXGyEH {
	width: 100%;
	height: 1px;
	background-color: #f0f1f2;
	background-color: var(--sub-bg-light)
}

.VJjeYIgs {
	margin-top: 4rem;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.vOBUsAms {
	width: 100%;
	height: 60px;
	padding: 25px;
	box-sizing: border-box;
	border: 2px solid #f0f1f2;
	border: 2px solid var(--sub-bg-light);
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.vOBUsAms input {
	position: absolute;
	background: none;
	border: none;
	width: calc(100% - 50px);
}

.umlrgpC6 {
	margin-top: 1.5rem;
}

.nala5dop {
	width: calc(100% - (2.5rem + 90px)) !important;
}

.KsWe_fjm {
	margin: 0 0 0 auto;
	background: none;
	border: none;
}

.iG2ZqPKC {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	margin-top: .5rem
}

.rZBI1vLq {
	margin-top: 3rem;
	width: 100%;
	padding: 17.5px 0;
	box-sizing: border-box;
	background-color: #449dd1;
	background-color: var(--accent-1);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	column-gap: 1rem;
}

.rZBI1vLq p {
	color: #ffffff;
	color: var(--white)
}

.oNB3NqJB {
	margin-top: .5rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oNB3NqJB button {
	background: none;
	border: none;
}

.oNB3NqJB button p {
	text-decoration: underline;
}

.mUVblGkY {
  position: fixed;
  align-self: center;
  top: 10px;
  background-color: #ff4d4f;
  padding: 10px 30px;
  max-width: 35%;
  text-align: center;
  animation: x7jbyvet 0.4s ease-out;
  border-radius: 7.5px;
}

@keyframes x7jbyvet {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.EAAknp1V {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}


.whp5uEo9 {
	background-color: #449dd1;
	background-color: var(--accent-1);
	color: white;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
}

.whp5uEo9 p {
  font-size: 13px;
  margin: 0;
  color: white;
  font-weight: 600
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

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

@media (max-width: 1200px) {
}
.X801Mdwy {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #01000D;
}

.AMJ0Xc4X {
  width: 35%;
}
.vUGJY3yE {
	font-weight: 600;
}

._LgtpQbm {
	font-weight: 700;
}

.R1rnFIyK {
	font-size: 8px;
}

.sBlmhY7B {
	font-size: 10px;
}

.GFWgGhED {
	font-size: 12px;
}

.Gg1sjqgO {
	font-size: 14px;
}

.Ymk8Dzii {
	font-size: 15px;
}

.SElmvzaj {
	font-size: 17px;
}

.V0LLUaxq {
	font-size: 22px;
}

.Zjmo1Nun {
	font-size: 25px;
}


.diEnZuMc {
	font-size: 35px;
}

.wouiP0Y2 {
	font-size: 38px;
}

.KBO1BxPr {
	font-size: 42px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.nIuRxgKZ {
	position: relative;
}

.imLD_EV5 {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: var(--white)
}

.sidqIyXe {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

.Ka_7rcl0 {
	background-color: var(--white);
}

.rfInhsPI {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

.K0vdEfQN {
    width: 100%;
    background-color: var(--accent-1);
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}


.Ue0Wsm3O {
	width: 100%;
	display: flex;
	flex-direction: column;

	padding: 40px 60px 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
	overflow-y: scroll;
}

.DMp4ssbZ {
	/*height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

.Rzlw0rBn {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.n5WxoGYw {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: var(--white)
}

.c0_pWv6K {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

.c0_pWv6K p,
.c0_pWv6K i {
	color: var(--bg-dark);
}

.c0_pWv6K input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.EFUOIYoB {
	height: 100%;
	aspect-ratio: 1;

	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

.EFUOIYoB i {
	color: var(--bg-dark);
}

.zceIgbg5 {
	width: 100%;
	height: 100%;
	background-color: var(--sub-bg-dark);
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
	border-radius: 15px;
}

.lNyxmxnu {
	display: grid;
	grid-template-columns: auto 1fr;
}

.PLZBOzu5 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: var(--white);
}

.uIX5BmvS {
	padding-right: 2.5rem;
}

.z4wZLKR2 {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.z4wZLKR2 i {
	color: var(--white);
}

._bMVz_gD {
	margin-top: 1.5rem;
	height: calc(100% - 1.5rem);
}

.CnxHqHNq {
	height: 100%;
	width: 100%;
}

.GbN2cpFs {
	display: flex;
	column-gap: 1rem;
	margin-bottom: 1.5rem;
}

.GbN2cpFs button {
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--sub-bg-dark);
	padding: 0 5px 5px 5px
}

.DWaZ5hCl {
	border-bottom: 2px solid var(--accent-1) !important;
}


.Gv6ihOIQ {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 1rem;
    row-gap: 1rem;
    grid-column-gap: 1rem;
    column-gap: 1rem;
}

.pkSN5rdm {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
}

.pYnKrBPv {
	border: none;
	background-color: var(--accent-1);
	padding: 10px 0;
	box-sizing: border-box;
	width: 100%;
	color: var(--white);
	border-radius: 10px;
	margin-bottom: 30px
}

.jonzbO7E {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	height: 60px;
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--white);
}

.jonzbO7E p {
	text-align: center;
}

.dA0vnh7q {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.ReDOZHI1 {
	height: 35px;
	width: 35px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.d66oY2DT {
	display: flex;
	flex-direction: column;
	color: var(--white);
	text-align: left;
	min-width: 0;
}



.J0t3x0VR {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: .75rem;
    row-gap: .75rem;
    grid-column-gap: .75rem;
    column-gap: .75rem;
}


.drdFAnMg {
	padding-bottom: 30px !important;
	box-sizing: border-box;
}

.vLa2ZprV {
    aspect-ratio: 1;
    height: 60%;
}

.VOMXR0zy {
	display: flex;
}



.fHb588Jv {
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    row-gap: .5rem;
	height: calc(100% - 30px);
	overflow-y: scroll
}

.NcoETeji {
    align-items: center;
    border: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 0 10px;

    background-color:  var(--accent-1);
    color: var(--white);
}

.OTXjOINa {
	height: 50%;
	width: 50%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: var(--bg-dark);
}

.oH47_clY {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: var(--white);
	overflow-y: scroll;
}

.N8MSRRED {
	display: grid;
	grid-template-columns: auto 1fr;
}

.STjI82RR {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.ZsKOYdg6 {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.g4LqQRge { 
	display: flex;
	column-gap: 1rem;
}

.Cv5VLALE {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid var(--white);
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.dLpFBhuT {
	border: 1px solid var(--accent-1);
	background-color: var(--accent-1);
}

.iSJYFGgo {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.k4gDC3Ek {
	row-gap: 0 !important;
}

.agRoFbXi {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.agRoFbXi input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.C1wVO2Ow {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.C1wVO2Ow input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.XOj6ZxcK {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.Xdui2y3z {
	margin: 0 0 0 auto !important;
}

.UsnXeLHt {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}


.KJblVM48 {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.bVAAI1KP {
	display: flex;
	margin-top: 1rem
}

.C7U992m_ {
	width: 40px;
	aspect-ratio: 1;
	background-color: var(--white);
	border: none;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.zqKKLU5h {
	margin: 0 0 0 auto;
}

.XhynC4nI {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.TJHwPXSy {
	display: flex;
	column-gap: 1rem;
}

.XhynC4nI button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.bRS9KrjG {
	border-bottom: 2px solid var(--accent-1) !important;
}

.Hx2ugfB7 {
	margin-right: 2.75rem;
}


.bxE2i3Tv {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.bxE2i3Tv div {
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.qPjxPeeB {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.dpM2VBv3 {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.dpM2VBv3 button {
	background: none;
	border: none;
	color: var(--white);
}

.bltYyvY6 {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.eG1kOoHZ {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.TwYqlqy3 {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.bdDVkg65 {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: var(--bg-dark)
}

.rye6pwIE {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: var(--bg-dark)
}

.rye6pwIE img {
	width: 100%;
}

.tmxLSkpW {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.gaUowZNb {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: var(--sub-bg-dark);
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.gaUowZNb img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.ivos7K1l {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: var(--bg-dark)
}

.uYATx_Gh {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.BVSXVLWI {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.BVSXVLWI img {
	width: 40%;
}

.CelhKJZU {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.kfCc9UD0 {
	width: 100%;
}

.kfCc9UD0 button {
	margin-top: 7.5px;
}

.CixGNGSb {
	border-left: 0.1px solid var(--white);
	padding-left: 2rem;
	box-sizing: border-box;
}

.tomtoODT {
	border-right: 0.1px solid var(--white);
	padding-right: 2rem;
	box-sizing: border-box;
}

.YKV34_LW {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 20%;
}

.YKV34_LW textarea {
	background: none;
	border: none;
	max-width: 100%;
	width: 100%;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.an0ht1ug {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.x6B3HKBq {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;

}

.spFa5wxh {
	height: 32px;
	aspect-ratio: 1;
	background-color: var(--white);
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hGu7buW3 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.YZi2c5Rb {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.SGrzrVBX {
	width: 100%;
	border: 1px solid var(--white)
}

._V6J2ndt {
	width: 100%;
	border: 1px dashed var(--white)
}

.VjDsC8uj {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.OIMbTIOD {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pa7iFVNV {
    margin-top: 5px;
    position: absolute;
    width: 42%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 10px;
    height: auto;
    min-height: 10%;
    max-height: 30%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.NDRslB_O {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.NDRslB_O:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.KEilutit {
	display: grid;
	grid-template-rows: auto 1fr
}

.zetGJ0zx {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

.Wv0qofHV {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.ffdOyq_c {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: var(--success-green);
}

.ueNnDMDR {
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}


.pa7iFVNV {
    z-index: 9999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
/*    min-height: 300px;*/
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.NDRslB_O {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.NDRslB_O:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.tCmas0hU {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.HIdf_eQD {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--bg-dark);
}

.ezbUW8Qa {
	border-bottom: 2px solid var(--accent-1);
}

/* ... (All your existing CSS definitions from the question remain unchanged) ... */

/* ----------------------------------------
   Additional RolePage styles
----------------------------------------- */
.v5BEvCQA {
  /* You can adjust this layout as desired */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.FrV3agyV {
  padding: 1rem;
  background-color: var(--sub-bg-dark);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-start;
  border: 2px solid var(--sub-bg-dark);
}

.FrV3agyV:hover {
  background-color: var(--accent-1);
  color: var(--white);
}

.cPVr_LzS {
  border: 2px solid var(--accent-1);
}

.atmKQDx4 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.KqTMfmwO {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.WgtK8sVo {
	position: absolute;
	width: 350px;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;
}

.nz_AVyNP {
	padding: 15px 20px;
	box-sizing: border-box;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
  	width: 100%;
  	border: none;
  	text-align: left;
}

.Ay0Wk59S {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.oKNASvH_ {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: var(--bg-dark);
	background-color: var(--white);
}

.oKNASvH_ input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: var(--bg-dark)
}

.mS6qW5GA {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.Pke7WpPk {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white
}

.FzFuvtNF {
	position: absolute;
	right: 20px;
	top: 20px;
	color: white;
	background: none;
	border: none;
}

.TMzuVu08 {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: white;
}

.TMzuVu08 i {
	font-size: 20px
}

.Go9cEnrs {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	column-gap: 1.25rem;
}

.qpdQxrdf {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
	row-gap: 1.25rem;
}

.KpaIpaMs {
	display: flex;
	flex-direction: column;
	row-gap: .5rem
}

.q4h4Fw2l {
	font-weight: 700;
	font-size: 19px;
}

.JMt33m8w {
	width: 100%;
	position: relative;

    display: flex;
    flex-direction: column;
    row-gap: 3rem
}

.LWHB9tvJ {
	height: 45vh;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow-y: scroll;

    grid-row-gap: 1rem;

    row-gap: 1rem
}

.vljoZGhX {
	height: 85vh;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;
    min-height: 0;

    grid-row-gap: 1rem;

    row-gap: 1rem
}

.cyVT_TRt {
	height: 50vh;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;

    grid-row-gap: 1rem;

    row-gap: 1rem
}

.BHvF86oR {
	padding: 30px 30px 0 30px
}

.rP34ASxg {
	grid-template-rows: auto 1fr;
	row-gap: 1rem
}



.QkR2gLu1 {
	display: grid;
	grid-template-columns: auto 1fr;
}
.dlKQBti_ {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.yne80xCf {
	overflow-y: scroll !important;
}

.cfcBo0hP {
    position: absolute;
    top: 45px;
}

.oOA2TDoi {
    margin: auto 0 0 0;
    overflow-y: scroll;
    height: 165px;
    overflow-y: scroll;
    width: 100%;
}

.biZJF5YL {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 1.5rem 0 0.5rem 0
}

.fGOuLlfw {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--sub-bg-dark);
}

.g46hHtsm {
	border-bottom: 2px solid var(--accent-1);
}

.BE64VcsV {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.V0IyYszE {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.V0IyYszE::-webkit-scrollbar,
.pa7iFVNV::-webkit-scrollbar {
	display: none;
}


.vLa2ZprV {
    aspect-ratio: 1;
    height: 60%;
}

.VOMXR0zy {
	display: flex;
}

.DEBrfzTv {
	height: 60px;
	width: 60px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 auto;
}

.TRQx6bCm {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--white);
	text-align: center;
	margin-top: 1rem;
	width: 100%;
}

.s9vQO3O9 {
	max-width: 85%;
	align-self: center;
	justify-self: center;
}

.lwumh6xV {
    max-width: 75%;
    flex-wrap: wrap;
    display: flex;
    word-break: break-all;
    justify-content: center;
}

.UYNXUGGn {
	background: none;
	position: absolute;
	top: 20px;
	right: 50px;
	border: none;
	color: white;
}

.m1Q6hGIp {
	background: none;
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	color: white;
}

.k8zZc4oy {
	border: 1px solid var(--accent-1)
}

.cfcBo0hP {
    position: absolute;
    top: 45px;
    width: 100%
}

.cp9hCHF5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: .75rem;
  gap: .75rem;
  width: 100%;
  margin: auto 0 0 0;
}

.DW3X3Q7r {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 10px;
  transition: transform 0.2s ease-in-out;
}

.DW3X3Q7r:hover {
  transform: scale(1.05);
}

.mAGPVcQE {
  font-size: 20px;
}

.LL1MafFP {
  display: flex;
  flex-direction: column;
}

.z8hx4qJ1 {
  font-size: 11px;
  color: #ccc;
}

.M9p9k_WJ {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-1);

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.RCKsUPpk {
	height: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.RCKsUPpk button {
	background: none;
	border: none;
	color: var(--white);
	opacity: .7;
	transform: rotate(90deg)
}

.RCKsUPpk button:hover {
	opacity: 1;
	transition: opacity .25s
}

._lsTuMqT {
	transform: rotate(270deg) !important;
}

._Caoo_q_ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 999999;
}
.JD3iBED2 {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content:center;
  position: relative;
}

.L0zxlEAP {
  height: 2rem;
  cursor: pointer;
  transform: rotate(90deg);
}

.L0zxlEAP::after {
  content: '';
  position: absolute;
  top: -10px; 
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: transparent;
}

.PCGa54eQ {
  opacity: 0.5;
}

.p4T6RjPV {
  background: none;
  border: none;
  height: 1rem;
  width: 0.25rem;
  background-color: var(--accent-1);
  border-radius: 9999px;
}


.AYRsWb4C {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: .5rem
}

.AYRsWb4C p {
	text-align: center;
	padding: 0 30px;
	box-sizing: border-box
}

.F_OCP1yF {
	padding: 30px 30px 0 30px !important
}

.opDsi1yW {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.opDsi1yW img {
	height: 30%
}

.D518CMLw p {
	visibility: hidden
}

.D518CMLw .ReDOZHI1 {
	visibility: hidden
}

.O0wGJVr1 {
  height: calc(100% - 3rem);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.O0wGJVr1 p {
	margin-bottom: 3rem;
}

.U7t7JigX {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.qMqnX0_t {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.M3u6AmEZ {
	background-color: var(--accent-1);
}

.M3u6AmEZ > .SlMOOnTs {
	background-color: var(--white)
}

.M3u6AmEZ > .SlMOOnTs i {
	color: var(--accent-1)
}
 
.SlMOOnTs {
	background-color: var(--sub-bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

.SlMOOnTs i,
.qMqnX0_t p {
	color: var(--white)
}

.pm9CqqEO {
  opacity: 0;
  animation: UiuQZ1Ko 200ms ease-out forwards;
}

.I0mhtRbQ {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.GHvx9Fdb {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	row-gap: 5px;
}

.Cxs_jinf {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    row-gap: .75rem;
    padding-bottom: 1rem;
}

.CaBljo3n {
	display: grid;
	grid-template-columns: 20px 1fr;
	grid-column-gap: 7.5px;
	column-gap: 7.5px;
	align-items: center
}

.CaBljo3n i {
	justify-self: center;
}

.LNZU3mAZ {
	width: 100%;

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.gtnS2VQ5 {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;
}


._jwd5csJ {
	width: 100%;
	/*aspect-ratio: 2 / 1;*/
	min-height: 150px;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;

    justify-content: center;
    grid-row-gap: 1rem;
    row-gap: 1rem
}

.UalIrxGd {
	aspect-ratio: unset;
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 1
}

.GM24vjMw {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}

.i4qd7vxf {
	height: 40px;
	width: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,191,255,0.15);
}

.i4qd7vxf i {
	color: #00bfff
}

.Aka6jtKg {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.yPfeKnBs {
	font-weight: 800
}

.wF2hwU8V {
	color: #49b283;
	font-weight: 600
}

.BfoA_3Uc {
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}


.R_L063un {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	height: 45px;
	grid-column-gap: .5rem;
	column-gap: .5rem
}

.Yr7VVVBE {
	border-radius: 10px;
	border: none;
	background-color: var(--bg-dark);
	color: var(--white);
	display: flex;
	align-items: center;
	padding: 0 10px;
	box-sizing: border-box;
	column-gap: 15px
}

.Yr7VVVBE input {
	background: none;
	border: none;
	color: var(--white);
	width: 100%;
}

.Yr7VVVBE input::placeholder {
	font-size: 15px;
	color: #ffffff99
}

.R_L063un button {
	border: none;
	background-color: var(--accent-1);
	color: var(--white);
	border-radius: 10px;
	padding: 0 15px;
	box-sizing: border-box;
}

.R_L063un button p {
	font-weight: 600
}

.AcM9BKhq {
	column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.vkJi72H4 {
	background-color: var(--bg-dark);
    align-items: center;
    border: none;
    border-radius: 7.5px;
    display: flex;
    justify-content: center;
    margin: 0 0 auto;
    padding: 5px 10px;
}

.D6GxFSbe {
	display: flex;
	flex-direction: column;
	row-gap: .75rem
}

.QwRM5E1t {
	width: 100%;
	background-color: var(--bg-dark);
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	padding: 12.5px;
	box-sizing: border-box;
	border-radius: 10px;
}

.e97CnTgU {
	background-color: var(--accent-1);
	border-radius: 100%;
	width: 40px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.e97CnTgU p {
	font-weight: 800
}

.hkC7XVnB {
	display: flex;
	column-gap: .5rem
}

.qNn_p_Bo {
	background-color: #449dd133;
	color: var(--accent-1);
	padding: 4px 10px;
	box-sizing: border-box;
	border-radius: 5px
}

.qNn_p_Bo p {
	font-weight: 700;
}

.BKswcXpN {
	background-color: #49b28333;
	color: #49b283
}

.HejCqKsM {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	margin-bottom: 1.5rem
}

.VFDs7GoK {
    border: 1px solid #2d2f39;
    background-color: var(--accent-1);
    border-radius: 7.5px;
    height: 35px;
    /*width: 50px;*/
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    column-gap: .75rem;
    margin: 0 0 0 auto
}





/* ================================================
   PREMIUM INSIGHTS STYLING - MODERN DESIGN
   ================================================ */

.BfoA_3Uc {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding-right: 0.5rem;
}

/* ================================================
   INPUT SECTION
   ================================================ */

.K1UcCRut {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  width: 100%;
}

.brHqvSW4 {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-items: center;
  width: 100%;
}

.kjF5jQ1y {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.05) 0%, rgba(0, 191, 255, 0.02) 100%);
  border: 1px solid rgba(0, 191, 255, 0.2);
  border-radius: 12px;
  padding: 0.75rem 1rem;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.kjF5jQ1y:focus-within {
  border-color: #00bfff;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.1) 0%, rgba(0, 191, 255, 0.05) 100%);
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.15);
}

.KHcEnUZv {
  color: #00bfff;
  font-size: 16px;
  flex-shrink: 0;
}

.i552YVbQ {
  background: none;
  border: none;
  color: var(--white);
  font-size: 15px;
  width: 100%;
  outline: none;
}

.i552YVbQ::placeholder {
  color: #666;
}

.i552YVbQ:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.j3uxCODb {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  color: var(--white);
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(0, 191, 255, 0.2);
}

.j3uxCODb:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(0, 191, 255, 0.3);
}

.j3uxCODb:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.j3uxCODb.rJCUqvKl {
  background: linear-gradient(135deg, #0099cc 0%, #0077aa 100%);
}

.j3uxCODb i {
  font-size: 14px;
}

/* ================================================
   PROGRESS SECTION
   ================================================ */

.eOqCaJeS {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}

.OLI2tdbm {
  height: 3px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

.cKFt9Lmd {
  height: 100%;
  background: linear-gradient(90deg, #00bfff 0%, #00eeff 100%);
  border-radius: 10px;
  transition: width 0.4s ease;
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.6);
}

.OAUrdPzy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  width: 100%;
}

.Xrgg06mA {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 191, 255, 0.03);
  border: 1px solid rgba(0, 191, 255, 0.1);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.Xrgg06mA.yaOX3x4T {
  opacity: 0.5;
}

.Xrgg06mA.QCYr48wm {
  border-color: #00bfff;
  background: rgba(0, 191, 255, 0.08);
}

.Xrgg06mA.R29t9KPD {
  border-color: #49b283;
  background: rgba(73, 178, 131, 0.08);
}

.eyZ3K490 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  background: rgba(0, 191, 255, 0.2);
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: #00bfff;
}

.Xrgg06mA.QCYr48wm .eyZ3K490 {
  background: #00bfff;
  color: var(--bg-dark);
}

.Xrgg06mA.R29t9KPD .eyZ3K490 {
  background: #49b283;
  color: var(--white);
}

.AOKqLV8y {
  font-size: 13px;
  font-weight: 500;
  color: var(--white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Xrgg06mA.yaOX3x4T .AOKqLV8y {
  color: #999;
}

/* Spinner animation */
.HcS9f3Sr {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: o37xFnif 0.8s linear infinite;
}

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

/* ================================================
   ERROR BANNER
   ================================================ */

.JHvKct6U {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 77, 77, 0.1) 0%, rgba(255, 77, 77, 0.05) 100%);
  border: 1px solid rgba(255, 77, 77, 0.3);
  border-radius: 10px;
  padding: 1rem;
  box-sizing: border-box;
}

.JHvKct6U i {
  color: #ff4d4d;
  font-size: 18px;
}

.FYn5vq1E {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.Ig79EA_E {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}

.HY9VOJtJ {
  margin: 0;
  font-size: 13px;
  color: #ff9999;
  line-height: 1.4;
}

.BHDwnCbs {
  background: none;
  border: none;
  color: #ff4d4d;
  cursor: pointer;
  font-size: 16px;
  opacity: 0.6;
  transition: opacity 0.2s;
  padding: 0;
}

.BHDwnCbs:hover {
  opacity: 1;
}

/* ================================================
   RESPONSE SECTION
   ================================================ */

.OKyMbUOu {
  display: flex;
  flex-direction: column;
  width: 100%;
  animation: M3n3kab5 0.4s ease;
}

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

/* Response Wrapper */
.h_3tcvSf {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  width: 100%;
  padding-right: 0.5rem;
  padding-bottom: 2rem;
}

.h_3tcvSf::-webkit-scrollbar {
  width: 6px;
}

.h_3tcvSf::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}

.h_3tcvSf::-webkit-scrollbar-thumb {
  background: rgba(0, 191, 255, 0.3);
  border-radius: 10px;
}

.h_3tcvSf::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 191, 255, 0.5);
}

.ZNeetyJd {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  width: 100%;
}

.Gqs9hSTT {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.Gqs9hSTT h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: -0.5px;
}

.Li8h1soK {
  height: 2px;
  flex: 1 1;
  background: linear-gradient(90deg, transparent 0%, #00bfff 100%);
  border-radius: 10px;
}

.qfT7S_90 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* Cards */
.NNSrzQTS {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.05) 0%, rgba(0, 191, 255, 0.02) 100%);
  border: 1px solid rgba(0, 191, 255, 0.15);
  border-radius: 12px;
  padding: 1.25rem;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.NNSrzQTS:hover {
  border-color: #00bfff;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.08) 0%, rgba(0, 191, 255, 0.04) 100%);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 191, 255, 0.1);
}

.MXvA9eOl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  border-radius: 10px;
  color: var(--white);
  font-weight: 800;
  font-size: 18px;
  flex-shrink: 0;
}

.V2Rgldrd {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}

.V2Rgldrd h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.4;
}

.V2Rgldrd h4 strong {
  color: #00bfff;
}

.w8KlmzKD {
  margin: 0;
  font-size: 13px;
  color: #999;
  line-height: 1.4;
}

.BUxdYFTm {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 191, 255, 0.1);
}

.Nv8oLnfS {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
  font-size: 13px;
}

.Ds3kADFv {
  color: #666;
  font-weight: 500;
  white-space: nowrap;
}

.l9plM8CB {
  color: var(--white);
  font-weight: 600;
  text-align: right;
}

/* Bullets */
.S_rwesdF {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-items: flex-start;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  border-left: 2px solid #00bfff;
}

.hynSv_aa {
  display: inline-block;
  height: 6px;
  width: 6px;
  background: #00bfff;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
}

.S_rwesdF p {
  margin: 0;
  font-size: 14px;
  color: #ccc;
  line-height: 1.5;
}

.S_rwesdF p strong {
  color: var(--white);
  font-weight: 600;
}

/* Bullet Group (for multi-line event summaries) */
.BScA6Diy {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  border-left: 3px solid #00bfff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.wvOu_ckB {
  margin: 0;
  font-size: 15px;
  color: var(--white);
  font-weight: 600;
  line-height: 1.4;
}

.wvOu_ckB strong {
  color: #00bfff;
  font-weight: 700;
}

.kGlO3hts {
  margin: 0;
  font-size: 14px;
  color: #ccc;
  line-height: 1.5;
  padding-left: 1rem;
}

.kGlO3hts strong {
  color: var(--white);
  font-weight: 600;
}

.gtYsOk8D {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.25rem;
  padding-left: 1rem;
}

.LDzKHB_R {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 191, 255, 0.05);
  border-radius: 6px;
  border-left: 2px solid rgba(0, 191, 255, 0.3);
}

.Ds3kADFv {
  font-size: 13px;
  color: #00bfff;
  font-weight: 600;
  white-space: nowrap;
}

.l9plM8CB {
  font-size: 14px;
  color: var(--white);
  font-weight: 700;
  text-align: left;
}

/* Text Items */
.CAHsoexm {
  margin: 0;
  font-size: 14px;
  color: #ccc;
  line-height: 1.6;
}

.CAHsoexm strong {
  color: var(--white);
  font-weight: 600;
}

/* ================================================
   SUGGESTIONS SECTION
   ================================================ */

.Ra4btWZL {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}

.iGxfS9pA {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}

.iGxfS9pA i {
  color: #00bfff;
  font-size: 16px;
}

.iGxfS9pA h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}

.GD0y3rTj {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  width: 100%;
}

.CitJPpKk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.75rem;
  background: rgba(0, 191, 255, 0.05);
  border: 1px solid rgba(0, 191, 255, 0.2);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  color: var(--white);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.CitJPpKk:hover {
  background: rgba(0, 191, 255, 0.1);
  border-color: #00bfff;
  transform: translateX(2px);
}

.CitJPpKk span {
  text-align: left;
}

.CitJPpKk i {
  color: #00bfff;
  font-size: 12px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.2s;
}

.CitJPpKk:hover i {
  opacity: 1;
}

/* ================================================
   RESPONSIVE DESIGN
   ================================================ */

@media (max-width: 768px) {
  .OAUrdPzy {
    grid-template-columns: 1fr;
  }

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

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

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

  .j3uxCODb {
    width: 100%;
  }

  .NNSrzQTS {
    grid-template-columns: auto 1fr;
  }
}

@media (max-width: 480px) {
  .kjF5jQ1y {
    padding: 0.5rem 0.75rem;
  }

  .j3uxCODb {
    padding: 0.5rem 1rem;
    font-size: 13px;
  }

  .eOqCaJeS {
    row-gap: 0.75rem;
  }

  .OAUrdPzy {
    gap: 0.5rem;
  }

  .Xrgg06mA {
    padding: 0.5rem 0.75rem;
    flex-direction: column;
  }

  .AOKqLV8y {
    font-size: 11px;
  }

  .h_3tcvSf {
    row-gap: 1.5rem;
  }

  .Gqs9hSTT h3 {
    font-size: 16px;
  }

  .qfT7S_90 {
    gap: 0.75rem;
  }

  .NNSrzQTS {
    padding: 1rem;
  }

  .MXvA9eOl {
    height: 32px;
    width: 32px;
    font-size: 14px;
  }
}


/* ================================================
   RATE LIMIT DISPLAY STYLES
   ================================================ */

.QW_8CgCj {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
  margin-bottom: 1.5rem;
}

/* Status-based styling */
.QW_8CgCj.JaZn4RBo {
  border-color: rgba(73, 178, 131, 0.3);
  background-color: rgba(73, 178, 131, 0.05);
}

.QW_8CgCj.IY49V_Pv {
  border-color: rgba(255, 165, 0, 0.3);
  background-color: rgba(255, 165, 0, 0.05);
}

.QW_8CgCj.z1hvGwad {
  border-color: rgba(255, 77, 77, 0.3);
  background-color: rgba(255, 77, 77, 0.05);
}

/* Main content area */
.WYlrZf0C {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
}

/* Left section: Icon and info */
.K63lv86U {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  min-width: 200px;
}

.JKSaa6bF {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 18px;
  flex-shrink: 0;
}

.JaZn4RBo .JKSaa6bF {
  background-color: rgba(73, 178, 131, 0.2);
  color: #49b283;
}

.IY49V_Pv .JKSaa6bF {
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffa500;
}

.z1hvGwad .JKSaa6bF {
  background-color: rgba(255, 77, 77, 0.2);
  color: #ff4d4d;
}

.xKPUgqSB {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.djw8SGb9 {
  margin: 0;
  font-size: 12px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.vVuTainF {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--white);
}

.tRHdd9nE {
  margin: 0;
  font-size: 12px;
  color: #ffa500;
  font-weight: 500;
}

.z1hvGwad .tRHdd9nE {
  color: #ff4d4d;
}

/* Middle section: Progress bar */
.CTqVKH_Y {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1;
  min-width: 200px;
}

.ggCioeko {
  flex: 1 1;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.gC_BDZf8 {
  height: 100%;
  border-radius: 10px;
  transition: width 0.3s ease;
  box-shadow: 0 0 15px currentColor;
}

.gC_BDZf8.X584W3z0 {
  background: linear-gradient(90deg, #49b283 0%, #6bc99f 100%);
}

.gC_BDZf8.nGd4rF2e {
  background: linear-gradient(90deg, #ffa500 0%, #ffb84d 100%);
}

.gC_BDZf8.cQjmedD4 {
  background: linear-gradient(90deg, #ff4d4d 0%, #ff8080 100%);
  animation: rIIcwPrc 1s ease-in-out infinite;
}

@keyframes rIIcwPrc {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.V9TfsYRB {
  min-width: 40px;
  font-size: 12px;
  font-weight: 600;
  color: var(--white);
  text-align: right;
}

/* Right section: Reset time */
.yv4CMhVM {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-end;
  min-width: 100px;
}

.fzb1UCUz {
  margin: 0;
  font-size: 11px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._pLkoOJG {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Stats section (optional) */
.RVbo0ujX {
  display: flex;
  gap: 1.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.XtgIzChN {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.jcOgia41 {
  font-size: 12px;
  color: #999;
  font-weight: 500;
}

.kw4a0AIX {
  font-size: 13px;
  color: var(--white);
  font-weight: 600;
}

/* ================================================
   RESPONSIVE DESIGN
   ================================================ */

@media (max-width: 1024px) {
  .WYlrZf0C {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .K63lv86U {
    min-width: auto;
  }

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

  ._pLkoOJG {
    background: none;
    -webkit-text-fill-color: unset;
    color: #00bfff;
  }
}

@media (max-width: 768px) {
  .QW_8CgCj {
    padding: 0.75rem;
    row-gap: 0.75rem;
  }

  .WYlrZf0C {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .CTqVKH_Y {
    min-width: auto;
  }

  .JKSaa6bF {
    height: 32px;
    width: 32px;
    font-size: 16px;
  }

  .vVuTainF {
    font-size: 14px;
  }

  .V9TfsYRB {
    min-width: 35px;
    font-size: 11px;
  }

  .yv4CMhVM {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }

  .fzb1UCUz {
    display: none;
  }

  .RVbo0ujX {
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.5rem;
  }
}

@media (max-width: 480px) {
  .QW_8CgCj {
    padding: 0.5rem;
    row-gap: 0.5rem;
  }

  .WYlrZf0C {
    gap: 0.5rem;
  }

  .K63lv86U {
    gap: 0.75rem;
  }

  .JKSaa6bF {
    height: 28px;
    width: 28px;
    font-size: 14px;
  }

  .djw8SGb9,
  .fzb1UCUz {
    font-size: 10px;
  }

  .vVuTainF {
    font-size: 13px;
  }

  .ggCioeko {
    height: 4px;
  }

  .V9TfsYRB {
    font-size: 10px;
    min-width: 30px;
  }

  ._pLkoOJG {
    font-size: 14px;
  }

  .jcOgia41,
  .kw4a0AIX {
    font-size: 11px;
  }
}


.e_yEsnSR {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.bt5NK5d5 {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
  background: linear-gradient(135deg, #0099cc 0%, #006699 100%);
  color: var(--white);
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(0, 153, 204, 0.2);
}

.bt5NK5d5:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(0, 153, 204, 0.3);
}

.bt5NK5d5 i {
  font-size: 14px;
  transform: rotate(45deg);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .e_yEsnSR {
    gap: 0.5rem;
  }

  .bt5NK5d5 {
    padding: 0.5rem 1rem;
    font-size: 13px;
  }
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

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

@media (max-width: 1200px) {
}



@keyframes UiuQZ1Ko {
  to {
    opacity: 1;
  }
}
/* -----------------------------------------------------
   404 Not Found Page Styling
------------------------------------------------------ */

.eyykdgpV {
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-dark);
	color: var(--white);
	text-align: center;
	row-gap: 1.25rem;
	animation: WFOXajyg 0.8s ease-in-out;
}

.WqcLfo24 {
	font-size: 6rem;
	font-weight: 800;
	color: var(--accent-1);
	margin: 0;
}

.gJQ9ekuH {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 0;
}

._AuSVpSE {
	font-size: 15px;
	max-width: 500px;
	line-height: 1.6;
	opacity: 0.8;
}

.kVjVHH3E {
	background-color: var(--accent-1);
	color: var(--white);
	border: none;
	border-radius: 10px;
	padding: 12.5px 0;
	width: 200px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 0.75rem;
	font-weight: 600;
	font-size: 15px;
	transition: background-color 0.3s ease, transform 0.25s ease;
}

.kVjVHH3E:hover {
	background-color: #3d90c7;
	transform: translateY(-2px);
}

.NJz_6lAD {
	font-size: 12px;
	margin-top: 2rem;
	opacity: 0.5;
}

/* Optional animated icon container */
.FsE9_mkR {
	font-size: 5rem;
	color: var(--accent-1);
	animation: KdmLBgVs 2s ease-in-out infinite;
}

/* Animations */
@keyframes WFOXajyg {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

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

.QPSDmphA {
	font-weight: 600;
}

.D7qxFWFy {
	font-weight: 700;
}

._9kJWJYGz {
	font-size: 8px;
}

.fPZ16p_6 {
	font-size: 10px;
}

.X7ch6o0x {
	font-size: 12px;
}

.uyLiM87v {
	font-size: 14px;
}

.H0Hr7bdV {
	font-size: 15px;
}

.NhX92Ljl {
	font-size: 17px;
}

.LK15PCmp {
	font-size: 22px;
}

.W_4IFpxf {
	font-size: 25px;
}


.KYLyEZ4y {
	font-size: 35px;
}

._9JCoObKE {
	font-size: 38px;
}

.dVo9YCwC {
	font-size: 42px;
}

/* -----------------------------------------------------
	Layout & Grid System
------------------------------------------------------ */

.w49efau0 {
	position: relative;
}

.VRtUaLqC {
	height: 100vh;
	width: 100%;

/*	display: grid;
	grid-template-columns: 15% 1fr;*/
	display: flex;
    /*column-gap: 2rem;*/
	overflow: hidden;
	background-color: var(--bg-dark);

	/*padding: 40px;*/
	box-sizing: border-box;
	color: var(--white)
}

.DhrYlNtd {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: var(--bg-dark);
	transition: background-color 400ms ease
}

.xGu705hp {
	background-color: var(--white);
}

.ETKAGWSX {
  	opacity: 0.7 !important;
  	pointer-events:none !important;
}

.G2BirZu1 {
    width: 100%;
    background-color: var(--accent-1);
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 12.5px 0;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}


.I1d7Civ_ {
	width: 100%;
	display: flex;
	flex-direction: column;

	padding: 40px 60px 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
	overflow-y: scroll;
}

.toSGw07T {
	/*height: 100%;*/
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
}

.oZZWSm87 {
	height: 75%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.PlTmimGZ {
	width: 400px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: var(--white)
}

._5XFL4nc {
	padding: 0 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: none;

	display: flex;
	position: relative;
	column-gap: 1rem;
}

._5XFL4nc p,
._5XFL4nc i {
	color: var(--bg-dark);
}

._5XFL4nc input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 60px));
}

.bD2CUeg0 {
	height: 100%;
	aspect-ratio: 1;

	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

.bD2CUeg0 i {
	color: var(--bg-dark);
}

.TjNxJVwz {
	width: 100%;
	height: 100%;
	background-color: var(--sub-bg-dark);
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
	border-radius: 15px;
}

.KsgR3HVu {
	display: grid;
	grid-template-columns: auto 1fr;
}

.KJTTdYM5 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: var(--white);
}

.tGEVC9YH {
	padding-right: 2.5rem;
}

.MoEsY851 {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 30px;

	border: none;
	border-radius: 100%;
	background-color: var(--accent-1);

	display: flex;
	align-items: center;
	justify-content: center;
}

.MoEsY851 i {
	color: var(--white);
}

.kaq0553x {
	margin-top: 1.5rem;
	height: calc(100% - 1.5rem);
}

.BAiokpw4 {
	height: 100%;
	width: 100%;
}

.iovvTJGr {
	display: flex;
	column-gap: 1rem;
	margin-bottom: 1.5rem;
}

.iovvTJGr button {
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--sub-bg-dark);
	padding: 0 5px 5px 5px
}

.Jv1WCRjN {
	border-bottom: 2px solid var(--accent-1) !important;
}


._0Tp77EM {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 1rem;
    row-gap: 1rem;
    grid-column-gap: 1rem;
    column-gap: 1rem;
}

.ud6DVdDc {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
}

.ZwQebjWg {
	border: none;
	background-color: var(--accent-1);
	padding: 10px 0;
	box-sizing: border-box;
	width: 100%;
	color: var(--white);
	border-radius: 10px;
	margin-bottom: 30px
}

.FilAcZj7 {
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	height: 60px;
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--white);
}

.FilAcZj7 p {
	text-align: center;
}

.L9DKDEKd {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-column-gap: 1rem;
	column-gap: 1rem;
}

.BHaAkTJD {
	height: 35px;
	width: 35px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.t_7ud3wY {
	display: flex;
	flex-direction: column;
	color: var(--white);
	text-align: left;
	min-width: 0;
}



.zE3HxOgN {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: .75rem;
    row-gap: .75rem;
    grid-column-gap: .75rem;
    column-gap: .75rem;
}


.ENfxFnYR {
	padding-bottom: 30px !important;
	box-sizing: border-box;
}

.DSnH1JDR {
    aspect-ratio: 1;
    height: 60%;
}

.bC_iipdC {
	display: flex;
}



.VLXUdVdY {
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    row-gap: .5rem;
	height: calc(100% - 30px);
	overflow-y: scroll
}

.MGJCB4G_ {
    align-items: center;
    border: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 0 10px;

    background-color:  var(--accent-1);
    color: var(--white);
}

.V4swvIpN {
	height: 50%;
	width: 50%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 15px;

	background-color: var(--bg-dark);
}

.nw43P9Mz {
	padding: 25px;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
	color: var(--white);
	overflow-y: scroll;
}

.JwNcMjS4 {
	display: grid;
	grid-template-columns: auto 1fr;
}

.GOf1Z21T {
	display: flex;
	flex-direction: column;
	row-gap: .25rem;
}

.nYRFWDXD {
	margin: 0 0 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
}

.UM0og3iy { 
	display: flex;
	column-gap: 1rem;
}

._OXmPxZi {
	width: 35px;
	aspect-ratio: 1;
	border: 1px solid var(--white);
	background-color: var(--bg-dark);
	border-radius: 100%;
	

	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.j0h0vvbQ {
	border: 1px solid var(--accent-1);
	background-color: var(--accent-1);
}

.kl5NEl1_ {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.D0xIUqYW {
	row-gap: 0 !important;
}

.vgmnt9N4 {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.vgmnt9N4 input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.sfnsb6RH {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
}

.sfnsb6RH input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 2rem;
	width: calc(100% - (2.5rem + 60px));
	color: var(--white)
}

.ktc6un9s {
	width: calc(100% - 30px) !important;
	margin-left: 0 !important
}

.c3DsUISG {
	margin: 0 0 0 auto !important;
}

.JYxTEAEv {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}


.CRYeinr3 {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem
}

.Z8jY8Wzj {
	display: flex;
	margin-top: 1rem
}

.WOl3phsb {
	width: 40px;
	aspect-ratio: 1;
	background-color: var(--white);
	border: none;
	color: var(--bg-dark);
	border-radius: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.J8VX12gv {
	margin: 0 0 0 auto;
}

.uiJEorh0 {
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 1rem;
}

.ipwfq9Dg {
	display: flex;
	column-gap: 1rem;
}

.uiJEorh0 button {
	margin: 0 0 0 auto;
	border: none;
	background: none;
	color: var(--white);
	border-bottom: 1px solid var(--bg-dark);
	padding: 0 5px 5px 5px
}

.kLOjFbzz {
	border-bottom: 2px solid var(--accent-1) !important;
}

.PCA0guIZ {
	margin-right: 2.75rem;
}


.dyZ0uZME {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 10px;
	row-gap: 10px;
	grid-column-gap: 10px;
	column-gap: 10px;
	margin-top: .75rem;
}

.dyZ0uZME div {
	background-color: var(--sub-bg-dark);
	border-radius: 10px;
}

.ZZS3yGrd {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.ZilrRJgU {
	display: flex;
	margin: 0 0 0 auto;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

.ZilrRJgU button {
	background: none;
	border: none;
	color: var(--white);
}

.OrRTLg0e {
/*	height: 55vh;*/
	width: 100%;
	position: relative
}

.ONvQ0q0N {
	width: 55%;
    height: calc(100% + 5rem);
    background-color: var(--white);
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.rUYNQAqC {
	height: 100%;
	width: 100%;
	position: relative;

	display: grid;
	grid-template-rows: auto 25% auto 1fr;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	padding: 10px;
	box-sizing: border-box;
}

.T7Sk7rnY {
	position: absolute;
    top: -15px;
	left: 50%;
	transform: translate(-50%, -15px);

	border-radius: 100%;
	height: 50px;
	width: 50px;
	background-color: var(--bg-dark)
}

.PAc4u1YY {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	color: var(--bg-dark)
}

.PAc4u1YY img {
	width: 100%;
}

.nvn3ZkM2 {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	text-align: right;
}

.bZVgPVYJ {
	width: calc(100% + 22px);
    margin: 0 -11px;
    background-color: var(--sub-bg-dark);
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: .25rem
}

.bZVgPVYJ img {
  width: 100%; /* Stretch to fit width */
  height: 100%; /* Stretch to fit height */
  object-fit: fill; /* Distorts the image */
}

.t0DDm2L1 {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	row-gap: 1rem;
	color: var(--bg-dark)
}

.Yt3buZBC {
	display: flex;
	flex-direction: column;
	row-gap: .15rem
}

.W73VI_bC {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.W73VI_bC img {
	width: 40%;
}

.Rwp3nORs {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.ZcPL5SRY {
	width: 100%;
}

.ZcPL5SRY button {
	margin-top: 7.5px;
}

.ZGuqIkUM {
	border-left: 0.1px solid var(--white);
	padding-left: 2rem;
	box-sizing: border-box;
}

.ddOvCT9D {
	border-right: 0.1px solid var(--white);
	padding-right: 2rem;
	box-sizing: border-box;
}

.qtP3bv2U {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: var(--sub-bg-dark);
	border: none;
	border-radius: 10px;
	height: 20%;
}

.qtP3bv2U textarea {
	background: none;
	border: none;
	max-width: 100%;
	width: 100%;
	color: var(--white);
	height: 100%;
	max-height: 100%;
}

.pLLGEveJ {
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
}

.QeMaE9XY {
	width: 100%;
	padding: 5px 15px 5px 5px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	justify-content: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;
	background-color: var(--sub-bg-dark);
	border-radius: 50px;

}

.gfIv8KiS {
	height: 32px;
	aspect-ratio: 1;
	background-color: var(--white);
	color: var(--sub-bg-dark);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.HDJVh8Df {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.LGROwrBL {
	display: grid;
	grid-template-columns: repeat(4, calc(35px + 1.25rem));
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	padding: 0 2.5px;
	box-sizing: border-box;
}

.pTChZ2MX {
	width: 100%;
	border: 1px solid var(--white)
}

.z46xZ_qc {
	width: 100%;
	border: 1px dashed var(--white)
}

.RwU616rp {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.QLm3RNm1 {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ujaoOgUT {
    margin-top: 5px;
    position: absolute;
    width: 42%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 10px;
    height: auto;
    min-height: 10%;
    max-height: 30%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.B27T32nR {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.B27T32nR:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.hFP2rp_D {
	display: grid;
	grid-template-rows: auto 1fr
}

.XxlaWz9A {
	text-align: center;
    margin: auto 0;
    padding-top: 5px;
}

.b90ybOB1 {
	display: flex;
	column-gap: 10px;
	margin-top: 5px;
	align-items: center
}

.kV_L8CSG {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: var(--success-green);
}

.UPFlbjr_ {
	background: var(--sub-bg-dark);;
	border: none;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	color: var(--white);
	height: 35px;
	max-height: 35px;
	border-radius: 5px;
	margin-bottom: 5px;
}


.ujaoOgUT {
    z-index: 9999;
    max-width: 100%;
    width: 100%;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
    background-color: var(--sub-bg-dark);
    border: none;
    border-radius: 5px;
    height: auto;
/*    min-height: 300px;*/
    max-height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.B27T32nR {
	background: none;
	border: none;
	border-bottom: 1px solid var(--bg-dark);
	padding: 10px 0;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: left;
	margin-top: 0 !important;
}

.B27T32nR:hover {
	background-color: white;
	color: var(--sub-bg-dark);
	margin: 0 -30px;
	padding: 10px 30px;
}

.ODmUOsho {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin-bottom: 10px
}

.ukuliUBF {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--bg-dark);
}

._dTSBJnf {
	border-bottom: 2px solid var(--accent-1);
}

/* ... (All your existing CSS definitions from the question remain unchanged) ... */

/* ----------------------------------------
   Additional RolePage styles
----------------------------------------- */
.YSMupW62 {
  /* You can adjust this layout as desired */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.p60gNQ1f {
  padding: 1rem;
  background-color: var(--sub-bg-dark);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-start;
  border: 2px solid var(--sub-bg-dark);
}

.p60gNQ1f:hover {
  background-color: var(--accent-1);
  color: var(--white);
}

.YPFff0TE {
  border: 2px solid var(--accent-1);
}

.TkNXft_c {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.JFFK_zla {
    position: absolute;
    bottom: 5rem;
    background-color: red;
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
}

.fyftpf1p {
	position: absolute;
	width: 350px;
	height: 500px;
	background-color: white;
	top: 50px;
	z-index: 999;
	border-radius: 10px;
	overflow-y: scroll;
}

.aelJKfOM {
	padding: 15px 20px;
	box-sizing: border-box;
	color: var(--bg-dark);
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	grid-column-gap: .5rem;
	column-gap: .5rem;

	background: none;
  	width: 100%;
  	border: none;
  	text-align: left;
}

.Wud5g932 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.oQmS1i3I {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: var(--bg-dark);
	background-color: var(--white);
}

.oQmS1i3I input {
	position: absolute;
	background: none;
	border: none;
	margin-left: 15px;
	width: calc(100% - (2rem));
	color: var(--bg-dark)
}

.wwK5Ip0F {
	display: flex;
	align-items: center;
	column-gap: .75rem;
	position: absolute;
	left: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.VnQyIrqT {
	position: absolute;
	left: -16px;
	top: 20px;
	background-color: var(--bg-dark);
	border: none;
	border-radius: 12.5px;
	padding: 10px;
	color: white
}

.IW1vHWDP {
	position: absolute;
	right: 20px;
	top: 20px;
	color: white;
	background: none;
	border: none;
}

.E2qq_F7i {
	margin: 0 0 0 auto;
	background: none;
	border: none;
	color: white;
}

.E2qq_F7i i {
	font-size: 20px
}

.ugtIGhlZ {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	column-gap: 1.25rem;
	flex-direction: column;
}

.N0VLFWF8 {
	height: 100%;
	width: 45%;
	display: flex;
	flex-direction: column;
	row-gap: 1.25rem;
}

.COZeW_fj {
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	height: 100%;
}

.eGsWD9Lu {
	font-weight: 700;
	font-size: 19px;
}

.R0qES_wc {
	height: 100%;
	margin-top: 1rem;
	width: 100%;
	position: relative;

    display: flex;
    flex-direction: column;
    row-gap: 3rem
}

.qsZHALT5 {
	height: 45vh;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow-y: scroll;

    grid-row-gap: 1rem;

    row-gap: 1rem
}

._P47EyMj {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;
    min-height: 0;

    grid-row-gap: 1rem;

    row-gap: 1rem
}

.rsnN4PNC {
	height: 50vh;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;

    grid-row-gap: 1rem;

    row-gap: 1rem
}

.lQnZjVQT {
	padding: 30px 30px 0 30px
}

.kfVknMyB {
	grid-template-rows: auto 1fr;
	row-gap: 1rem
}



.gTzv9E18 {
	display: grid;
	grid-template-columns: auto 1fr;
}
.RaG8F8Ym {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.ffmJtI7l {
	overflow-y: scroll !important;
}

.HJU3rXkZ {
    position: absolute;
    top: 45px;
}

.Jm_vKXXl {
    margin: auto 0 0 0;
    overflow-y: scroll;
    height: 165px;
    overflow-y: scroll;
    width: 100%;
}

.BXp3llLi {
	display: flex;
	align-items: center;
	column-gap: 7.5px;
	margin: 0
}

._DK5nMrK {
	background: none;
	border: none;
	padding: 2.5px 10px;
	color: var(--white);
	border-bottom: 2px solid var(--bg-dark);
}

.bpBRdTP3 {
	border-bottom: 2px solid var(--accent-1);
}

.Uj0D4ec9 {
	height: calc(100% - 1.5rem);
	margin-top: 1.5rem;
	overflow-y: hidden;
}

.GFCdSOgH {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin-bottom: -5rem;
	overflow-y: scroll;
}

.GFCdSOgH::-webkit-scrollbar,
.ujaoOgUT::-webkit-scrollbar {
	display: none;
}


.DSnH1JDR {
    aspect-ratio: 1;
    height: 60%;
}

.bC_iipdC {
	display: flex;
}

.JBBAulsK {
	height: 60px;
	width: 60px;
	background-color: var(--white);
	color: var(--bg-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 auto;
}

.h4rbRT1G {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--white);
	text-align: center;
	margin-top: 1rem;
	width: 100%;
}

.aqNuK6nw {
	max-width: 85%;
	align-self: center;
	justify-self: center;
}

.igmghkL1 {
    max-width: 75%;
    flex-wrap: wrap;
    display: flex;
    word-break: break-all;
    justify-content: center;
}

.XRpvW_o_ {
	background: none;
	position: absolute;
	top: 20px;
	right: 50px;
	border: none;
	color: white;
}

.CTW_AG58 {
	background: none;
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	color: white;
}

.h0415T4S {
	border: 1px solid var(--accent-1)
}

.HJU3rXkZ {
    position: absolute;
    top: 45px;
    width: 100%
}

.cXtiScD8 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: .75rem;
  gap: .75rem;
  width: 100%;
  margin: auto 0 0 0;
}

.siU_sAgd {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 10px;
  transition: transform 0.2s ease-in-out;
}

.siU_sAgd:hover {
  transform: scale(1.05);
}

.GH2Vm2qg {
  font-size: 20px;
}

.uChdRTTl {
  display: flex;
  flex-direction: column;
}

.Y3H4G_wY {
  font-size: 11px;
  color: #ccc;
}

.US7AMMNX {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-1);

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.cU6jh_s1 {
	height: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.cU6jh_s1 button {
	background: none;
	border: none;
	color: var(--white);
	opacity: .7;
	transform: rotate(90deg)
}

.cU6jh_s1 button:hover {
	opacity: 1;
	transition: opacity .25s
}

.kXJRZTHj {
	transform: rotate(270deg) !important;
}

.C6bC52c6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 999999;
}
.QuDKpPpD {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content:center;
  position: relative;
}

.rmGeD9Nt {
  height: 2rem;
  cursor: pointer;
  transform: rotate(90deg);
}

.rmGeD9Nt::after {
  content: '';
  position: absolute;
  top: -10px; 
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: transparent;
}

.TpUDtbHt {
  opacity: 0.5;
}

.qD7nSf84 {
  background: none;
  border: none;
  height: 1rem;
  width: 0.25rem;
  background-color: var(--accent-1);
  border-radius: 9999px;
}


.yCRAG6wY {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: .5rem
}

.yCRAG6wY p {
	text-align: center;
	padding: 0 30px;
	box-sizing: border-box
}

.Nyk5F0g6 {
	padding: 30px 30px 0 30px !important
}

.YLBD0tEm {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.YLBD0tEm img {
	height: 30%
}

.rE8X3W2T p {
	visibility: hidden
}

.rE8X3W2T .BHaAkTJD {
	visibility: hidden
}

.HFkBaXic {
  height: calc(100% - 3rem);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.HFkBaXic p {
	margin-bottom: 3rem;
}

.LSxRIucr {
    column-gap: .6rem;
    display: flex;
    width: 100%;
}

.hcZvRUC5 {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
    border-radius: 6px;
    align-items: center;
    box-sizing: border-box;
    column-gap: 7.5px;
    cursor: pointer;
    display: flex;
    padding: 5px 8px 5px 4px;
}

.YuipOTFA {
	background-color: var(--accent-1);
}

.YuipOTFA > .h6E3jKKN {
	background-color: var(--white)
}

.YuipOTFA > .h6E3jKKN i {
	color: var(--accent-1)
}
 
.h6E3jKKN {
	background-color: var(--sub-bg-dark);
	align-items: center;
    aspect-ratio: 1;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
}

.h6E3jKKN i,
.hcZvRUC5 p {
	color: var(--white)
}

.mjLnZnrm {
  opacity: 0;
  animation: qAWvSxXT 200ms ease-out forwards;
}

.O1g7l6H8 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.J0HgyrhC {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	row-gap: 5px;
}

.nBkDBqoZ {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    row-gap: .75rem;
    padding-bottom: 1rem;
}

.ybw6CIBS {
	display: grid;
	grid-template-columns: 20px 1fr;
	grid-column-gap: 7.5px;
	column-gap: 7.5px;
	align-items: center
}

.ybw6CIBS i {
	justify-self: center;
}

.HBaunDHn {
	width: 100%;

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.NAB9ru1P {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;
}


.LmtRroZe {
	width: 100%;
	/*aspect-ratio: 2 / 1;*/
	min-height: 150px;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	position: relative;

    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #2d2f39;
    overflow: hidden;

    justify-content: center;
    grid-row-gap: 1rem;
    row-gap: 1rem
}

.kROUu58h {
	aspect-ratio: unset;
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 1
}

.h3izZhht {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}

.muYnv83K {
	height: 40px;
	width: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,191,255,0.15);
}

.muYnv83K i {
	color: #00bfff
}

.YnIHk8D6 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.x8gmi4Ul {
	font-weight: 800
}

.bH0YI041 {
	color: #49b283;
	font-weight: 600
}

.rBQmpzZK {
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}


.pUU9U_Zk {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	height: 45px;
	grid-column-gap: .5rem;
	column-gap: .5rem
}

.v25AaqEF {
	border-radius: 10px;
	border: none;
	background-color: var(--bg-dark);
	color: var(--white);
	display: flex;
	align-items: center;
	padding: 0 10px;
	box-sizing: border-box;
	column-gap: 15px
}

.v25AaqEF input {
	background: none;
	border: none;
	color: var(--white);
	width: 100%;
}

.v25AaqEF input::placeholder {
	font-size: 15px;
	color: #ffffff99
}

.pUU9U_Zk button {
	border: none;
	background-color: var(--accent-1);
	color: var(--white);
	border-radius: 10px;
	padding: 0 15px;
	box-sizing: border-box;
}

.pUU9U_Zk button p {
	font-weight: 600
}

.FwJo6Z5I {
	column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.Ldpng1uN {
	background-color: var(--bg-dark);
    align-items: center;
    border: none;
    border-radius: 7.5px;
    display: flex;
    justify-content: center;
    margin: 0 0 auto;
    padding: 5px 10px;
}

.YIcGS5Fd {
	display: flex;
	flex-direction: column;
	row-gap: .75rem
}

.fAOBhfxD {
	width: 100%;
	background-color: var(--bg-dark);
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	padding: 12.5px;
	box-sizing: border-box;
	border-radius: 10px;
}

.Ub4Iv7Jx {
	background-color: var(--accent-1);
	border-radius: 100%;
	width: 40px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Ub4Iv7Jx p {
	font-weight: 800
}

.FsI8Swyg {
	display: flex;
	column-gap: .5rem
}

.zCAuIO_g {
	background-color: #449dd133;
	color: var(--accent-1);
	padding: 4px 10px;
	box-sizing: border-box;
	border-radius: 5px
}

.zCAuIO_g p {
	font-weight: 700;
}

.NjMEELix {
	background-color: #49b28333;
	color: #49b283
}

.JA2CvubC {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	margin-bottom: 1.5rem
}

.VJVx_k32 {
    border: 1px solid #2d2f39;
    background-color: var(--accent-1);
    border-radius: 7.5px;
    height: 35px;
    /*width: 50px;*/
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    column-gap: .75rem;
    margin: 0 0 0 auto
}





/* ================================================
   PREMIUM INSIGHTS STYLING - MODERN DESIGN
   ================================================ */

.rBQmpzZK {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding-right: 0.5rem;
}

/* ================================================
   INPUT SECTION
   ================================================ */

._nacASyF {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  width: 100%;
}

.lq5kDXxG {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-items: center;
  width: 100%;
}

.SNTS7Tvr {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.05) 0%, rgba(0, 191, 255, 0.02) 100%);
  border: 1px solid rgba(0, 191, 255, 0.2);
  border-radius: 12px;
  padding: 0.75rem 1rem;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.SNTS7Tvr:focus-within {
  border-color: #00bfff;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.1) 0%, rgba(0, 191, 255, 0.05) 100%);
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.15);
}

.nUd2OE8V {
  color: #00bfff;
  font-size: 16px;
  flex-shrink: 0;
}

.MutpTGhM {
  background: none;
  border: none;
  color: var(--white);
  font-size: 15px;
  width: 100%;
  outline: none;
}

.MutpTGhM::placeholder {
  color: #666;
}

.MutpTGhM:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.eb9KVve_ {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  color: var(--white);
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(0, 191, 255, 0.2);
}

.eb9KVve_:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(0, 191, 255, 0.3);
}

.eb9KVve_:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.eb9KVve_.KUv_SgNe {
  background: linear-gradient(135deg, #0099cc 0%, #0077aa 100%);
}

.eb9KVve_ i {
  font-size: 14px;
}

/* ================================================
   PROGRESS SECTION
   ================================================ */

.He7RfEDS {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}

.udjIKwbn {
  height: 3px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

.WFkYKokA {
  height: 100%;
  background: linear-gradient(90deg, #00bfff 0%, #00eeff 100%);
  border-radius: 10px;
  transition: width 0.4s ease;
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.6);
}

.XHjXNWkt {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  width: 100%;
}

.Ixo_Q6i9 {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 191, 255, 0.03);
  border: 1px solid rgba(0, 191, 255, 0.1);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.Ixo_Q6i9.MUZL_gub {
  opacity: 0.5;
}

.Ixo_Q6i9.DQM8c8bS {
  border-color: #00bfff;
  background: rgba(0, 191, 255, 0.08);
}

.Ixo_Q6i9.QKPum5Z2 {
  border-color: #49b283;
  background: rgba(73, 178, 131, 0.08);
}

.MO3_ujaN {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  background: rgba(0, 191, 255, 0.2);
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: #00bfff;
}

.Ixo_Q6i9.DQM8c8bS .MO3_ujaN {
  background: #00bfff;
  color: var(--bg-dark);
}

.Ixo_Q6i9.QKPum5Z2 .MO3_ujaN {
  background: #49b283;
  color: var(--white);
}

.Z0gYMRil {
  font-size: 13px;
  font-weight: 500;
  color: var(--white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Ixo_Q6i9.MUZL_gub .Z0gYMRil {
  color: #999;
}

/* Spinner animation */
.wgx3PnDF {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: lFTVVjrb 0.8s linear infinite;
}

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

/* ================================================
   ERROR BANNER
   ================================================ */

.X3q4__ax {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 77, 77, 0.1) 0%, rgba(255, 77, 77, 0.05) 100%);
  border: 1px solid rgba(255, 77, 77, 0.3);
  border-radius: 10px;
  padding: 1rem;
  box-sizing: border-box;
}

.X3q4__ax i {
  color: #ff4d4d;
  font-size: 18px;
}

.mH1mfbOI {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

._Z74WTW8 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}

.U6teJ9Cv {
  margin: 0;
  font-size: 13px;
  color: #ff9999;
  line-height: 1.4;
}

.SOfWR1uR {
  background: none;
  border: none;
  color: #ff4d4d;
  cursor: pointer;
  font-size: 16px;
  opacity: 0.6;
  transition: opacity 0.2s;
  padding: 0;
}

.SOfWR1uR:hover {
  opacity: 1;
}

/* ================================================
   RESPONSE SECTION
   ================================================ */

.u7I2cVB1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  animation: N7zq48MU 0.4s ease;
}

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

/* Response Wrapper */
._8q2Y1PG {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  width: 100%;
  padding-right: 0.5rem;
  padding-bottom: 2rem;
}

._8q2Y1PG::-webkit-scrollbar {
  width: 6px;
}

._8q2Y1PG::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}

._8q2Y1PG::-webkit-scrollbar-thumb {
  background: rgba(0, 191, 255, 0.3);
  border-radius: 10px;
}

._8q2Y1PG::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 191, 255, 0.5);
}

.bFUHYxIX {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  width: 100%;
}

.ay_gVZZw {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.ay_gVZZw h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: -0.5px;
}

.N_1Cxv0p {
  height: 2px;
  flex: 1 1;
  background: linear-gradient(90deg, transparent 0%, #00bfff 100%);
  border-radius: 10px;
}

.T3O_Cio7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* Cards */
.VcIjr9b4 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.05) 0%, rgba(0, 191, 255, 0.02) 100%);
  border: 1px solid rgba(0, 191, 255, 0.15);
  border-radius: 12px;
  padding: 1.25rem;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.VcIjr9b4:hover {
  border-color: #00bfff;
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.08) 0%, rgba(0, 191, 255, 0.04) 100%);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 191, 255, 0.1);
}

.BgTWND0i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  border-radius: 10px;
  color: var(--white);
  font-weight: 800;
  font-size: 18px;
  flex-shrink: 0;
}

.JzU_hzlT {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}

.JzU_hzlT h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.4;
}

.JzU_hzlT h4 strong {
  color: #00bfff;
}

.IWRVzYHv {
  margin: 0;
  font-size: 13px;
  color: #999;
  line-height: 1.4;
}

.Y_cKnfKs {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 191, 255, 0.1);
}

.cPW6sbn7 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
  font-size: 13px;
}

.O3tLE1ZW {
  color: #666;
  font-weight: 500;
  white-space: nowrap;
}

.wb9Fl_KF {
  color: var(--white);
  font-weight: 600;
  text-align: right;
}

/* Bullets */
.uzQE0N_P {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-items: flex-start;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  border-left: 2px solid #00bfff;
}

.miv8rnnR {
  display: inline-block;
  height: 6px;
  width: 6px;
  background: #00bfff;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
}

.uzQE0N_P p {
  margin: 0;
  font-size: 14px;
  color: #ccc;
  line-height: 1.5;
}

.uzQE0N_P p strong {
  color: var(--white);
  font-weight: 600;
}

/* Bullet Group (for multi-line event summaries) */
.yxMqgFcP {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  border-left: 3px solid #00bfff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.T_kWWI53 {
  margin: 0;
  font-size: 15px;
  color: var(--white);
  font-weight: 600;
  line-height: 1.4;
}

.T_kWWI53 strong {
  color: #00bfff;
  font-weight: 700;
}

.EhZMGuFv {
  margin: 0;
  font-size: 14px;
  color: #ccc;
  line-height: 1.5;
  padding-left: 1rem;
}

.EhZMGuFv strong {
  color: var(--white);
  font-weight: 600;
}

.OMxj8_Zv {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.25rem;
  padding-left: 1rem;
}

.Jvv1cJ36 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 191, 255, 0.05);
  border-radius: 6px;
  border-left: 2px solid rgba(0, 191, 255, 0.3);
}

.O3tLE1ZW {
  font-size: 13px;
  color: #00bfff;
  font-weight: 600;
  white-space: nowrap;
}

.wb9Fl_KF {
  font-size: 14px;
  color: var(--white);
  font-weight: 700;
  text-align: left;
}

/* Text Items */
.dP4FAVNH {
  margin: 0;
  font-size: 14px;
  color: #ccc;
  line-height: 1.6;
}

.dP4FAVNH strong {
  color: var(--white);
  font-weight: 600;
}

/* ================================================
   SUGGESTIONS SECTION
   ================================================ */

.HsEg5ZqX {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}

.asB37lZH {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}

.asB37lZH i {
  color: #00bfff;
  font-size: 16px;
}

.asB37lZH h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}

.s69HcHRM {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  width: 100%;
}

.X0xoeDSd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.75rem;
  background: rgba(0, 191, 255, 0.05);
  border: 1px solid rgba(0, 191, 255, 0.2);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  color: var(--white);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.X0xoeDSd:hover {
  background: rgba(0, 191, 255, 0.1);
  border-color: #00bfff;
  transform: translateX(2px);
}

.X0xoeDSd span {
  text-align: left;
}

.X0xoeDSd i {
  color: #00bfff;
  font-size: 12px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.2s;
}

.X0xoeDSd:hover i {
  opacity: 1;
}

/* ================================================
   RESPONSIVE DESIGN
   ================================================ */

@media (max-width: 768px) {
  .XHjXNWkt {
    grid-template-columns: 1fr;
  }

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

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

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

  .eb9KVve_ {
    width: 100%;
  }

  .VcIjr9b4 {
    grid-template-columns: auto 1fr;
  }
}

@media (max-width: 480px) {
  .SNTS7Tvr {
    padding: 0.5rem 0.75rem;
  }

  .eb9KVve_ {
    padding: 0.5rem 1rem;
    font-size: 13px;
  }

  .He7RfEDS {
    row-gap: 0.75rem;
  }

  .XHjXNWkt {
    gap: 0.5rem;
  }

  .Ixo_Q6i9 {
    padding: 0.5rem 0.75rem;
    flex-direction: column;
  }

  .Z0gYMRil {
    font-size: 11px;
  }

  ._8q2Y1PG {
    row-gap: 1.5rem;
  }

  .ay_gVZZw h3 {
    font-size: 16px;
  }

  .T3O_Cio7 {
    gap: 0.75rem;
  }

  .VcIjr9b4 {
    padding: 1rem;
  }

  .BgTWND0i {
    height: 32px;
    width: 32px;
    font-size: 14px;
  }
}


/* ================================================
   RATE LIMIT DISPLAY STYLES
   ================================================ */

.fPQJBp_7 {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
  margin-bottom: 1.5rem;
}

/* Status-based styling */
.fPQJBp_7.e3mkudu8 {
  border-color: rgba(73, 178, 131, 0.3);
  background-color: rgba(73, 178, 131, 0.05);
}

.fPQJBp_7.goo33Wng {
  border-color: rgba(255, 165, 0, 0.3);
  background-color: rgba(255, 165, 0, 0.05);
}

.fPQJBp_7.U6vDnaCR {
  border-color: rgba(255, 77, 77, 0.3);
  background-color: rgba(255, 77, 77, 0.05);
}

/* Main content area */
.JMTKvgy0 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
}

/* Left section: Icon and info */
.Cm74OSpF {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  min-width: 200px;
}

.SMQ0kQnE {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 18px;
  flex-shrink: 0;
}

.e3mkudu8 .SMQ0kQnE {
  background-color: rgba(73, 178, 131, 0.2);
  color: #49b283;
}

.goo33Wng .SMQ0kQnE {
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffa500;
}

.U6vDnaCR .SMQ0kQnE {
  background-color: rgba(255, 77, 77, 0.2);
  color: #ff4d4d;
}

.UcSCuDvd {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.eUAyQpPn {
  margin: 0;
  font-size: 12px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hFtpeZoO {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--white);
}

.IwfLRTbk {
  margin: 0;
  font-size: 12px;
  color: #ffa500;
  font-weight: 500;
}

.U6vDnaCR .IwfLRTbk {
  color: #ff4d4d;
}

/* Middle section: Progress bar */
.hSNnWdFx {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1;
  min-width: 200px;
}

.WLHJEAR9 {
  flex: 1 1;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.M1YfX3cW {
  height: 100%;
  border-radius: 10px;
  transition: width 0.3s ease;
  box-shadow: 0 0 15px currentColor;
}

.M1YfX3cW.P0hA25sB {
  background: linear-gradient(90deg, #49b283 0%, #6bc99f 100%);
}

.M1YfX3cW.K3BpdXPJ {
  background: linear-gradient(90deg, #ffa500 0%, #ffb84d 100%);
}

.M1YfX3cW.ce_luuh2 {
  background: linear-gradient(90deg, #ff4d4d 0%, #ff8080 100%);
  animation: wNBbTB5q 1s ease-in-out infinite;
}

@keyframes wNBbTB5q {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.Ce0P5lZx {
  min-width: 40px;
  font-size: 12px;
  font-weight: 600;
  color: var(--white);
  text-align: right;
}

/* Right section: Reset time */
.B9QFBk6J {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  align-items: flex-end;
  min-width: 100px;
}

.dxTwG9KR {
  margin: 0;
  font-size: 11px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.Q2Yh94ry {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Stats section (optional) */
.xG2tLdtq {
  display: flex;
  gap: 1.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.rEeraoW1 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.nDn0OsAx {
  font-size: 12px;
  color: #999;
  font-weight: 500;
}

.lZASTVqV {
  font-size: 13px;
  color: var(--white);
  font-weight: 600;
}

/* ================================================
   RESPONSIVE DESIGN
   ================================================ */

@media (max-width: 1024px) {
  .JMTKvgy0 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .Cm74OSpF {
    min-width: auto;
  }

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

  .Q2Yh94ry {
    background: none;
    -webkit-text-fill-color: unset;
    color: #00bfff;
  }
}

@media (max-width: 768px) {
  .fPQJBp_7 {
    padding: 0.75rem;
    row-gap: 0.75rem;
  }

  .JMTKvgy0 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .hSNnWdFx {
    min-width: auto;
  }

  .SMQ0kQnE {
    height: 32px;
    width: 32px;
    font-size: 16px;
  }

  .hFtpeZoO {
    font-size: 14px;
  }

  .Ce0P5lZx {
    min-width: 35px;
    font-size: 11px;
  }

  .B9QFBk6J {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }

  .dxTwG9KR {
    display: none;
  }

  .xG2tLdtq {
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.5rem;
  }
}

@media (max-width: 480px) {
  .fPQJBp_7 {
    padding: 0.5rem;
    row-gap: 0.5rem;
  }

  .JMTKvgy0 {
    gap: 0.5rem;
  }

  .Cm74OSpF {
    gap: 0.75rem;
  }

  .SMQ0kQnE {
    height: 28px;
    width: 28px;
    font-size: 14px;
  }

  .eUAyQpPn,
  .dxTwG9KR {
    font-size: 10px;
  }

  .hFtpeZoO {
    font-size: 13px;
  }

  .WLHJEAR9 {
    height: 4px;
  }

  .Ce0P5lZx {
    font-size: 10px;
    min-width: 30px;
  }

  .Q2Yh94ry {
    font-size: 14px;
  }

  .nDn0OsAx,
  .lZASTVqV {
    font-size: 11px;
  }
}


.OV9aMZh6 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.QzmgiOXz {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
  background: linear-gradient(135deg, #0099cc 0%, #006699 100%);
  color: var(--white);
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(0, 153, 204, 0.2);
}

.QzmgiOXz:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(0, 153, 204, 0.3);
}

.QzmgiOXz i {
  font-size: 14px;
  transform: rotate(45deg);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .OV9aMZh6 {
    gap: 0.5rem;
  }

  .QzmgiOXz {
    padding: 0.5rem 1rem;
    font-size: 13px;
  }
}

/* -----------------------------------------------------
	Media Queries
------------------------------------------------------ */

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

@media (max-width: 1200px) {
}



@keyframes qAWvSxXT {
  to {
    opacity: 1;
  }
}
/* -----------------------------------------------------
   404 Not Found Page Styling
------------------------------------------------------ */

.gNftEDiX {
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-dark);
	color: var(--white);
	text-align: center;
	row-gap: 1.25rem;
	animation: iHVsx5CW 0.8s ease-in-out;
}

.ukYRpYRO {
	font-size: 5rem;
	font-weight: 800;
	color: var(--accent-1);
	margin: 0;
}

.WcRNcoam {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 0;
}

.UsnYgKcw {
	font-size: 15px;
	max-width: 500px;
	line-height: 1.6;
	opacity: 0.8;
}

.zOvnDQ0N {
	background-color: var(--accent-1);
	color: var(--white);
	border: none;
	border-radius: 10px;
	padding: 12.5px 0;
	width: 200px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 0.75rem;
	font-weight: 600;
	font-size: 15px;
	transition: background-color 0.3s ease, transform 0.25s ease;
}

.zOvnDQ0N:hover {
	background-color: #3d90c7;
	transform: translateY(-2px);
}

.L5YcNyQ2 {
	font-size: 12px;
	margin-top: 2rem;
	opacity: 0.5;
}

/* Optional animated icon container */
.GiCuQcwi {
	font-size: 5rem;
	color: var(--accent-1);
	animation: _0Kfzqjf 2s ease-in-out infinite;
}

/* Animations */
@keyframes iHVsx5CW {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

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

:root {
  --guestii-bg: #01000d;
  --guestii-bg-2: #161824;
  --guestii-border: #222;
  --guestii-accent: #449dd1;
  --guestii-text: #fff;
  --guestii-text-muted: #aaa;
}

.N7dJr5Mz {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #161824;
  background: var(--guestii-bg-2);
  color: #fff;
  color: var(--guestii-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 100vh;
  height: 100vh;
  padding: 25px;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(10px);
  animation: xp6DwFFv 0.6s ease forwards;
}

.Yg3483Dq {
  margin: auto 0
}

@keyframes xp6DwFFv {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.o7nKKtgE {
  width: 85px;
  position: absolute;
  top: 25px;
  left: 25px;
}

.o7nKKtgE img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.e3sHvFyc {
  width: 150px;
  margin: 0 auto 25px auto
}

.e3sHvFyc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Form */
.U0iZxtfj {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.U0iZxtfj label {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  font-size: 0.9rem;
}

.U0iZxtfj input {
  margin-top: 6px;
  padding: 12px;
  border-radius: 4px;
  border: 2px solid #222;
  border: 2px solid var(--guestii-border);
  background: #01000d;
  background: var(--guestii-bg);
  color: #fff;
  color: var(--guestii-text);
  font-size: 0.95rem;
  transition: border-color 0.2s ease;
}

.U0iZxtfj input::placeholder {
  color: #777;
}

.U0iZxtfj input:focus {
  outline: none;
  border-color: #449dd1;
  border-color: var(--guestii-accent);
}

.U0iZxtfj button {
  background: #449dd1;
  background: var(--guestii-accent);
  color: #fff;
  color: var(--guestii-text);
  font-weight: bold;
  border: none;
  border-radius: 4px;
  padding: 14px;
  cursor: pointer;
  font-size: 1rem;
  margin-top: 15px;
  transition: filter 0.2s ease;
}

.U0iZxtfj button:hover {
  filter: brightness(1.1);
}


.UAUermft {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
  margin-bottom: 2rem;
}

.UAUermft.ocCQpwHv {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.05);
}

.UAUermft.P1WSouQO {
  border-color: rgba(73, 178, 131, 0.3);
  background-color: rgba(73, 178, 131, 0.05);
}

.P1WSouQO .wo75jL0_ {
  background-color: rgba(73, 178, 131, 0.2);
  color: #49b283;
}

.Yubf72a6 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
}

/* Left section: Icon and info */
.JhMF54U7 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  width: 100%
}

.wo75jL0_ {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 18px;
  flex-shrink: 0;
}
.ocCQpwHv .wo75jL0_ {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255);
}

.Guk6hX55 {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.WiOFUlQJ {
  margin: 0;
  font-size: 13px;
  color:#f8baba;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.vaCFlu5o {
  margin: 0;
  font-size: 13px;
  color:#ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.vaCFlu5o span {
  color: var(--accent-1)
}

:root {
  --guestii-bg: #01000d;
  --guestii-bg-2: #161824;
  --guestii-border: #222;
  --guestii-accent: #449dd1;
  --guestii-text: #fff;
}

.FSGXnKNU {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #161824;
  background: var(--guestii-bg-2);
  color: #fff;
  color: var(--guestii-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  height: 100vh;
  padding: 25px;
  box-sizing: border-box;
  animation: yQ2EymcT 0.6s ease forwards;
  opacity: 0;
  transform: translateY(10px);
}

.DMzkKhNZ {
  margin: auto 0
}

@keyframes yQ2EymcT {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ZK2SHi02 {
  width: 85px;
  position: absolute;
  top: 25px;
  left: 25px;
}

.ZK2SHi02 img {
  width: 100%;
  height: 100%;
}

._hcswrRs {
  width: 150px;
  margin: 0 auto 25px auto
}

._hcswrRs img {
  width: 100%;
  height: 100%;
}

.sK3EaQni {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sK3EaQni label {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  font-size: 0.9rem;
}

.sK3EaQni input {
  margin-top: 6px;
  padding: 12px;
  border-radius: 4px;
  border: 2px solid #222;
  border: 2px solid var(--guestii-border);
  background: #01000d;
  background: var(--guestii-bg);
  color: #fff;
  color: var(--guestii-text);
  font-size: 0.95rem;
}

.sK3EaQni input:focus {
  border-color: #449dd1;
  border-color: var(--guestii-accent);
  outline: none;
}

.sK3EaQni button {
  background: #449dd1;
  background: var(--guestii-accent);
  color: #fff;
  color: var(--guestii-text);
  font-weight: bold;
  border: none;
  border-radius: 4px;
  padding: 14px;
  cursor: pointer;
  font-size: 1rem;
  margin-top: 15px;
}
.sK3EaQni button:hover {
  filter: brightness(1.1);
}

/* The box (same style as your forgot-password banner) */
.SAVKAdyZ {
  max-width: 400px;
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid;
  margin-bottom: 2rem;
}

.cXkzEcnl {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.05);
}

.GdFCUWBx {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  align-items: center;
}

.DMnD0ip1 {
  height: 45px;
  width: 45px;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,0.2);
}

.GOZ6EyqS {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}