@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 {
    background-color: var(--sub-bg-dark) !important;
    border: 1px solid #2d2f39 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    padding: 0.35rem 0 !important;
    z-index: 1100 !important;
    margin-top: 6px !important;
}

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

.pac-item {
    border-top: 1px solid rgba(45, 47, 57, 0.4) !important;
    color: #888 !important;
    padding: 0.65rem 1rem !important;
    font-size: 14px !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
}

.pac-item:first-child {
    border-top: none !important;
}

.pac-item:hover {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.pac-item:hover,
.pac-item:hover > .pac-item-query {
    color: var(--white) !important;
}

.pac-item-query {
    color: var(--white) !important;
    font-size: 14px !important;
}

.pac-icon {
    display: none !important;
}

.pac-matched {
    color: var(--accent-1) !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 #0D7AC7 !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: #0D7AC7 !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: #0D7AC7;
	--success-green: #3CA259;
}

: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: #0D7AC7;
	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 #0D7AC7;
	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: #0D7AC7;
	background-color: var(--accent-1);
	border: 1px solid #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	--past: #0D7AC788;
	--success-green: #3CA259;
	--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: #0D7AC7;
    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: #0D7AC7;
	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: #0D7AC7;
	background-color: var(--accent-1);
}

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

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

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

.lC56r4No {
	height: 100%;
	width: 100%;
	background: none;
	border: none;
	background-color: #0D7AC7;
	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: #0D7AC788;
	background-color: var(--past)
}

.otE9t1Dk {
	background-color: #3CA259;
	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: #3CA259;
	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: #0D7AC7;
	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: #3CA259;
	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 #0D7AC7;
	border: 1px solid var(--accent-1);
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.GfGgynT_ {
	background-color: #0D7AC7;
	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;
}

.HPEoU1GM {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

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

.jcyPybmV {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1001;
}

.aZeatVzb {
	background: #01000D;
	background: var(--bg-dark);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 24px;
	width: 360px;
	max-width: 90vw;
}

.GRhGOH2H {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	justify-content: flex-end;
}

._Tgee7vu {
	padding: 8px 16px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: transparent;
	color: white;
	cursor: pointer;
	font-size: 13px;
}

._Tgee7vu:hover {
	background: rgba(255, 255, 255, 0.05);
}

.FkExXiR1 {
	padding: 8px 16px;
	border-radius: 8px;
	border: none;
	background: #e74c3c;
	color: white;
	cursor: pointer;
	font-size: 13px;
}

.FkExXiR1:hover {
	background: #c0392b;
}

.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: #0D7AC7;
  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 #0D7AC7;
	border: 1px solid var(--accent-1);
	background-color: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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 #0D7AC7 !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: #3CA259;
	background-color: var(--success-green);
}

.Z6wCy8z9 {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(13, 122, 199,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(13, 122, 199,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(13, 122, 199,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(13, 122, 199,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 #0D7AC7;
	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 #0D7AC7;
	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 #0D7AC7;
	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 #0D7AC7;
	border: 1px solid var(--accent-1)
}


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







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

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

.jj_MTKmc {
	background-color: #3CA259;
	background-color: var(--success-green)
}

.VDHCkSmm i {
	color: #3CA259;
	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: #0D7AC7;
	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: #0D7AC7;
	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 #0D7AC7 !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: #0D7AC7 !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: #0D7AC7;
	background-color: var(--accent-1);
	margin: 0 -20px;
	padding: 5px 20px;
}

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

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

.Y4Ebizl4 {
	margin: 1.5rem 0;
	width: 100%;
	padding: 10px 20px;
	background-color: #0D7AC7;
	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 #0D7AC7 !important;
	border: 1px solid var(--accent-1) !important;
}

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


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

.MTKm9vBz {
	color: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	background-color: var(--accent-1);
}

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

.cZcWAFYC > .Cpr8irwN i {
	color: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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(60, 162, 89, 0.3);
  background-color: rgba(60, 162, 89, 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(60, 162, 89, 0.2);
  color: #3CA259;
}

.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: #0D7AC7;
	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, #3CA259 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;
		height: auto;
		min-height: 100vh;
	}

	.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: 1.25rem;
		height: auto;
		min-height: auto;
		row-gap: 1.25rem;
		overflow: visible;
	}

	.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);
  }
}

/* ===================================================
   Create Event Modal - New Design
   =================================================== */

.kOWUDrS1 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.IRSC_5FX {
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 580px;
	max-height: 85vh;
	display: flex;
	flex-direction: column;
	animation: zfNQbkPY 0.25s ease-out;
}

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

.qglnnNo7 {
	padding: 1.5rem 1.5rem 1.25rem;
	border-bottom: 1px solid #2d2f39;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
}

.uBzt2ZvE {
	margin: 0 0 0.75rem 0;
	font-size: 17px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
}

.Uq62UkHH {
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.Uq62UkHH:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	color: var(--white);
}

/* Step Indicator */
.xfq8vRaN {
	display: flex;
	align-items: center;
	gap: 0;
}

.m1PV1Gcj {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.IYrFD266 {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.06);
	border: 1px solid #3d3f49;
	color: #666;
	font-size: 10px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.COLNMFLd {
	font-size: 11px;
	color: #666;
	font-weight: 500;
	transition: color 0.2s ease;
}

.rp5Opo6i {
	width: 20px;
	height: 1px;
	background-color: #3d3f49;
	margin: 0 0.35rem;
	flex-shrink: 0;
}

.vPqBI1dx .IYrFD266 {
	background: linear-gradient(135deg, #0D7AC7 0%, #0099cc 100%);
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border-color: #0D7AC7;
	border-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
}

.vPqBI1dx .COLNMFLd {
	color: #ffffff;
	color: var(--white);
}

.nzJndcKL .IYrFD266 {
	background-color: rgba(60, 162, 89, 0.15);
	border-color: #3CA259;
	border-color: var(--success-green);
	color: #3CA259;
	color: var(--success-green);
}

.nzJndcKL .COLNMFLd {
	color: #888;
}

/* Content */
.Pxv3GWsZ {
	padding: 1.5rem;
	overflow-y: auto;
	flex: 0 1 auto;
	min-height: 0;
}

.qUENKgnf {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	animation: O5jrtgkG 0.3s ease;
}

/* Form Elements */
.gWSPGjRb {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.JDqSvGZk {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
}

.LYn6WXsW {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	transition: border-color 0.2s ease;
}

.LYn6WXsW:focus-within {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.LYn6WXsW i {
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.LYn6WXsW input {
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
	font-family: inherit;
}

.LYn6WXsW input::placeholder {
	color: #555;
}

/* Select */
.jh_eu8QU {
	position: relative;
}

.Ot0uOpCr {
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
}

.s8Ztp7Kq {
	border-color: #0D7AC7 !important;
	border-color: var(--accent-1) !important;
}

.LgU0ApOD {
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	flex: 1 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.O0hzsrZc {
	color: #555;
	font-size: 14px;
	flex: 1 1;
}

.bBHP6AjX {
	font-size: 12px;
	color: #666;
	transition: transform 0.2s ease;
	margin-left: auto;
}

.rdEpw1Zl {
	transform: rotate(180deg);
	color: #0D7AC7;
	color: var(--accent-1);
}

.rct74Ioe {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 0;
	font-size: 13px;
	margin-left: auto;
	display: flex;
	align-items: center;
	transition: color 0.15s ease;
}

.rct74Ioe:hover {
	color: #ffffff;
	color: var(--white);
}

.VPpH5M5U {
	border: 1px solid rgba(13, 122, 199, 0.3);
	border-radius: 10px;
	background-color: #161824;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
	z-index: 2000;
	max-height: 260px;
	overflow-y: auto;
	animation: O9Jt8VoK 0.15s ease;
}

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

.F5YimGJg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.75rem 1rem;
	border: none;
	background: none;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	font-family: inherit;
	cursor: pointer;
	transition: all 0.12s ease;
	text-align: left;
}

.F5YimGJg:hover {
	background-color: rgba(13, 122, 199, 0.1);
	color: #ffffff;
	color: var(--white);
}

.bFJgeXxW {
	background-color: rgba(13, 122, 199, 0.08);
	color: #0D7AC7;
	color: var(--accent-1);
	font-weight: 500;
}

.bFJgeXxW i {
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 11px;
}

.lkQzhOnU {
	padding: 1rem;
	text-align: center;
	color: #666;
	font-size: 13px;
}

.KnHc8FFA {
	padding: 0.5rem 1rem 0.25rem;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #666;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.KnHc8FFA:first-child {
	border-top: none;
}

/* Upload */
.BFDmdx6Z {
	width: 100%;
	aspect-ratio: 960 / 300;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.2s ease;
	border: 2px dashed rgba(13, 122, 199, 0.4);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.BFDmdx6Z:hover {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
	background-color: rgba(13, 122, 199, 0.04);
}

.Sxz0ecrb {
	border: 1px solid #2d2f39;
	cursor: default;
}

.Sxz0ecrb:hover {
	border-color: #2d2f39;
	background: none;
}

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

.xEirWpeM {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.Mt0p8rCb {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: flex;
	gap: 6px;
}

.ioJtzEv6 {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 6px 12px;
	border-radius: 6px;
	border: none;
	background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
	color: var(--white);
	font-size: 12px;
	cursor: pointer;
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	transition: background 0.15s ease;
}

.ioJtzEv6:hover {
	background: rgba(0, 0, 0, 0.85);
}

.lMFcarH8 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	border: none;
	background: rgba(239, 68, 68, 0.7);
	color: #ffffff;
	color: var(--white);
	font-size: 12px;
	cursor: pointer;
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	transition: background 0.15s ease;
}

.lMFcarH8:hover {
	background: rgba(239, 68, 68, 0.9);
}

.pr8sCfQs {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
	font-weight: 500;
}

.pr8sCfQs i {
	font-size: 24px;
	color: #0D7AC7;
	color: var(--accent-1);
	margin-bottom: 4px;
}

.BDnpqbIB {
	font-size: 12px;
	color: #555;
	font-weight: 400;
}

/* Rich Text Editor */
.wALt_bSV {
	border: 1px solid #2d2f39;
	border-radius: 10px;
	overflow: hidden;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	transition: border-color 0.2s ease;
}

.wALt_bSV:focus-within {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.lXTKsfH_ {
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 6px 8px;
	border-bottom: 1px solid #2d2f39;
	background-color: rgba(255, 255, 255, 0.02);
}

.nMot44_D {
	width: 30px;
	height: 28px;
	border: none;
	border-radius: 6px;
	background: none;
	color: #888;
	font-size: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.12s ease;
}

.nMot44_D:hover {
	background-color: rgba(255, 255, 255, 0.06);
	color: #ffffff;
	color: var(--white);
}

.gvQuFfDz {
	background-color: rgba(13, 122, 199, 0.15);
	color: #0D7AC7;
	color: var(--accent-1);
}

.d2MXm_kA {
	width: 1px;
	height: 18px;
	background-color: #2d2f39;
	margin: 0 4px;
}

.Vbwq3cjz {
	min-height: 100px;
	max-height: 200px;
	overflow-y: auto;
	padding: 0.75rem 1rem;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	font-family: inherit;
	line-height: 1.6;
	outline: none;
}

.Vbwq3cjz:empty::before {
	content: attr(data-placeholder);
	color: #555;
	pointer-events: none;
}

.Vbwq3cjz a {
	color: #0D7AC7;
	color: var(--accent-1);
	text-decoration: underline;
}

.Vbwq3cjz ul,
.Vbwq3cjz ol {
	margin: 0.25rem 0;
	padding-left: 1.5rem;
}

.Vbwq3cjz li {
	margin: 0.15rem 0;
}

/* Genre Tags */
.TjMzinob {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.6rem 0.75rem;
	min-height: 42px;
	cursor: text;
	transition: border-color 0.2s ease;
}

.TjMzinob:focus-within {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.sGCuaVgK {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: rgba(13, 122, 199, 0.12);
	border: 1px solid rgba(13, 122, 199, 0.25);
	border-radius: 20px;
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	animation: zfNQbkPY 0.15s ease;
}

.sGCuaVgK button {
	background: none;
	border: none;
	color: rgba(13, 122, 199, 0.5);
	cursor: pointer;
	padding: 0;
	font-size: 10px;
	display: flex;
	align-items: center;
	transition: color 0.12s ease;
}

.sGCuaVgK button:hover {
	color: #0D7AC7;
	color: var(--accent-1);
}

._lJJgoek {
	background: none;
	border: none;
	outline: none;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	font-family: inherit;
	flex: 1 1;
	min-width: 120px;
	padding: 2px 0;
}

._lJJgoek::placeholder {
	color: #555;
}

/* Validation */
.NEvnWohB {
	margin: 0 1.5rem;
	padding: 0.6rem 0.85rem;
	border-radius: 8px;
	background: rgba(239, 68, 68, 0.12);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: #ef4444;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem
}

.yuG7s1AN {
	margin: 0 1.5rem;
	padding: 0.6rem 0.85rem;
	border-radius: 8px;
	background: rgba(245, 158, 11, 0.12);
	border: 1px solid rgba(245, 158, 11, 0.3);
	color: #f59e0b;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.RHXWiG8a {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1 1;
}

.fvIhFlzo {
	background: rgba(245, 158, 11, 0.2);
	border: 1px solid rgba(245, 158, 11, 0.4);
	border-radius: 6px;
	color: #f59e0b;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 10px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s ease;
}

.fvIhFlzo:hover {
	background: rgba(245, 158, 11, 0.3);
}

/* Footer */
.aevTOk43 {
	padding: 1.25rem 1.5rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	flex-shrink: 0;
}

.nJhBUJb_ {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.25rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.nJhBUJb_:hover {
	background-color: #2d2f39;
}

.Mxv42DIr {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.25rem;
	background: linear-gradient(135deg, #0D7AC7 0%, #0099cc 100%);
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
}

.Mxv42DIr:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

/* Loading */
.SkW3sW9D {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
}

.SkW3sW9D img {
	height: 80px;
}

/* Discard Confirmation */
.aIGmL6Xv {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(6px);
	        backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1100;
	animation: zfNQbkPY 0.15s ease;
}

.x2ulUnBm {
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	padding: 2rem;
	width: 380px;
	max-width: 90vw;
	text-align: center;
	animation: zfNQbkPY 0.2s ease-out;
}

.KpP1yxOL {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(245, 158, 11, 0.12);
	border: 1px solid rgba(245, 158, 11, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 18px;
	color: #f59e0b;
}

.jSwk7yhK {
	margin: 0 0 0.5rem;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
}

.IY5HzPVT {
	margin: 0 0 1.5rem;
	font-size: 13px;
	color: #888;
	line-height: 1.5;
}

.TS7ojCNN {
	display: flex;
	gap: 0.75rem;
}

.bS_iEuF0 {
	flex: 1 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.7rem 1rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
}

.bS_iEuF0:hover {
	background-color: #2d2f39;
}

.hnDuotf3 {
	flex: 1 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.7rem 1rem;
	background: rgba(239, 68, 68, 0.15);
	border: 1px solid rgba(239, 68, 68, 0.3);
	border-radius: 10px;
	color: #ef4444;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
}

.hnDuotf3:hover {
	background: rgba(239, 68, 68, 0.25);
}


/* ===================================================
   Event Name Input - Clean Minimal (legacy)
   =================================================== */

.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: #0D7AC7;
  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: #0D7AC7;
}

.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: #0D7AC7;
  /*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);
}

/* Textarea variant — aligns icon to top, label always at top */
.nIi5vWWc {
  align-items: flex-start;
}

.nIi5vWWc .EpYSYfci {
  margin-top: 0.5rem;
}

.vADbQqhZ {
  position: relative;
  top: auto;
  transform: none;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.6px;
  margin-bottom: 0.25rem;
}

.vADbQqhZ.xDt0eShk {
  color: #0D7AC7;
}

.LN3PPP5t {
  resize: vertical;
  line-height: 1.5;
}

.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: #0D7AC7;
  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(13, 122, 199, 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(13, 122, 199, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

.efIAlvGJ:active {
  background-color: rgba(13, 122, 199, 0.15);
}

.TjSEGoN9 {
  background-color: rgba(13, 122, 199, 0.08);
  color: #0D7AC7;
  font-weight: 500;
}

.TjSEGoN9 i {
  color: #0D7AC7;
  font-size: 12px;
}

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

.qAh5mA9l {
  padding: 0.5rem 1.25rem 0.25rem;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.qAh5mA9l:first-child {
  border-top: none;
}

@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%;
    aspect-ratio: 960 / 350;
    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(13, 122, 199, 0.5); /* Dashed border for drop-zone look */
    cursor: pointer; /* Indicate it's clickable */
}

.NOzA7oU1.H9pJ6WV3:hover {
    border-color: #0D7AC7;
    background-color: rgba(13, 122, 199, 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: #0D7AC7;
    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(13, 122, 199, 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(13, 122, 199, 0.85); /* Semi-transparent blue */
    border: 1px solid rgba(13, 122, 199, 1);
    gap: 8px;
}

.wvzf83x9:hover {
    background-color: #0D7AC7;
}

.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 {
        aspect-ratio: 960 / 350;
    }
    
    .TitjxBEc {
        font-size: 24px;
    }

    .iI6qQw2P {
        font-size: 15px;
    }

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

    .tOKNNv07 {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }
}

/* ==========================================
   INFO BANNER STYLES
   ========================================== */

.IrwUH8IW {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(13, 122, 199, 0.1);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 10px;
    margin: 0 10px 16px 10px;
}

.cwGraocP {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #0D7AC7;
    font-size: 16px;
    flex-shrink: 0;
}

.XXyoh8NP {
    flex: 1 1;
}

._dKKcVCF {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
}

/* ==========================================
   MULTI-SELECT STYLES
   ========================================== */

.sCnUDQd0 {
    min-height: 56px;
    height: auto;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
}

.gPHzvx7N {
    padding-top: 16px;
}

.FKJeC6Mj {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 24px;
    align-items: center;
}

.vOQU5jRt {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vnEZWgXN {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 10px;
    background: rgba(13, 122, 199, 0.2);
    border: 1px solid rgba(13, 122, 199, 0.4);
    border-radius: 6px;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
}

.CbOIhZfN {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.15s ease;
}

.CbOIhZfN:hover {
    background: rgba(255, 100, 100, 0.3);
    color: #fff;
}

.CbOIhZfN i {
    font-size: 10px;
}

.i1dCwNQe {
    color: rgba(255, 255, 255, 0.4);
}

.Jf80d0Xs {
    max-height: 320px;
    display: flex;
    flex-direction: column;
}

.miNm0h8V {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.miNm0h8V i {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

.R1Empirm {
    flex: 1 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
}

.R1Empirm::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.W0iLOLWl {
    flex: 1 1;
    overflow-y: auto;
    padding: 6px 0;
}

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

._9I_oNFqn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.LvIIfov6.TjSEGoN9 ._9I_oNFqn {
    background: #0D7AC7;
    border-color: #0D7AC7;
}

._9I_oNFqn i {
    font-size: 10px;
    color: #fff;
}



/* ======================================================
   HUB DASHBOARD V3 — Clean & Aligned (hb_ prefix)
====================================================== */

/* --- LAYOUT --- */
.kzBfjGBw {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	flex: 1 1;
	min-height: 0;
	overflow-y: auto;
}

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

/* --- GUESTLINE CONNECT BANNER --- */
/* --- STATS ROW (4 inline horizontal cards) --- */
.qUQLXlOw {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	flex-shrink: 0;
}

.KyO8Ce57 {
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	border: 1px solid #2d2f39;
	transition: border-color 0.2s ease;
}

.KyO8Ce57:hover {
	border-color: #3d3f49;
}

.MXVWFZUS {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}

.XE06FFoo {
	background: rgba(13, 122, 199, 0.12);
	color: #0D7AC7;
	color: var(--accent-1);
}

.w7AS3JXs {
	background: rgba(60, 162, 89, 0.12);
	color: #3CA259;
	color: var(--success-green);
}

.Qnxrx1rz {
	background: rgba(99, 102, 241, 0.12);
	color: #6366f1;
}

.HBw73IlO {
	background: rgba(245, 158, 11, 0.12);
	color: #f59e0b;
}

.xlxgEbcq {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.ji3Vcj1o {
	margin: 0;
	color: #666;
	font-size: 12px;
}

.mHjOpxJA {
	margin: 0;
	color: #ffffff;
	color: var(--white);
	font-size: 22px;
	font-weight: 700;
}


/* --- LIVE BADGE (inline with event name) --- */
.lKHVLGLe {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
}

.lKHVLGLe .sFXcvmy8 {
	flex: 1 1;
	min-width: 0;
}

.z01LlznF {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.5px;
	background: rgba(60, 162, 89, 0.15);
	color: #3CA259;
	color: var(--success-green);
	white-space: nowrap;
	flex-shrink: 0;
}

.FbrXJ8RA {
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #3CA259;
	background: var(--success-green);
	animation: OEkrAAC_ 2s infinite;
}

/* Past event dimming */
.Tr0Wj0of {
	opacity: 0.45;
}

.Tr0Wj0of:hover {
	opacity: 0.65;
}

/* Live event left accent */
.CPNyMC5F {
	border-left: 3px solid #3CA259 !important;
	border-left: 3px solid var(--success-green) !important;
}


/* --- CONTENT ROW: events (left) + calendar/team (right) --- */
.yqanrk7Q {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	flex: 1 1;
	min-height: 0;
}


/* --- EVENTS WIDGET --- */
.AfUxsTVs {
	grid-column: span 3;
	display: flex;
	flex-direction: column;
	min-height: 0;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
}


/* --- EVENTS HEADER (filters + search + add) --- */
.F7sh9djH {
	padding: 1rem 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #2d2f39;
	flex-shrink: 0;
	gap: 1rem;
	flex-wrap: wrap;
}

.HjbJAO6c {
	display: flex;
	gap: 0.5rem;
}

.ajpTLBue {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.5rem 1rem;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #01000D;
	border: 1px solid var(--bg-dark);
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 12px;
	white-space: nowrap;
}

.ajpTLBue:hover {
	background-color: rgba(255, 255, 255, 0.05);
	color: #ffffff;
	color: var(--white);
}

.e8bWrEZI {
	background-color: #0D7AC7 !important;
	background-color: var(--accent-1) !important;
	border-color: #0D7AC7 !important;
	border-color: var(--accent-1) !important;
	color: #ffffff !important;
	color: var(--white) !important;
}

.eYYgCIMn {
	font-size: 10px;
	opacity: 0.7;
}

.OjBE2dIy {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

/* Search input */
.JM1e1GhJ {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.45rem 0.75rem;
	transition: border-color 0.2s ease;
	min-width: 0;
}

.JM1e1GhJ:focus-within {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.JM1e1GhJ i {
	font-size: 12px;
	color: #555;
	flex-shrink: 0;
}

.JM1e1GhJ input {
	background: none;
	border: none;
	outline: none;
	color: #ffffff;
	color: var(--white);
	font-size: 12px;
	width: 220px;
	padding: 0;
}

.JM1e1GhJ input::placeholder {
	color: #555;
}

.yPhABgWV {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 11px;
	transition: color 0.15s ease;
}

.yPhABgWV:hover {
	color: #ffffff;
	color: var(--white);
}

.iOHpUDbN {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1.15rem;
	background: linear-gradient(135deg, #0D7AC7 0%, #0099cc 100%);
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.iOHpUDbN:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.iOHpUDbN i {
	font-size: 11px;
}


/* --- EVENT CARDS (with banner images) --- */
.yYCOL5hd {
	flex: 1 1;
	overflow-y: auto;
	min-height: 0;
	padding: 0.25rem 0;
}

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

.tjeqvFG1 {
	display: grid;
	grid-template-columns: 64px 1fr auto;
	align-items: center;
	grid-gap: 1rem;
	gap: 1rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.4);
	cursor: pointer;
	transition: background-color 0.15s ease;
	background: none;
	border-left: none;
	border-right: none;
	border-top: none;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	width: 100%;
}

.tjeqvFG1:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.tjeqvFG1:last-child {
	border-bottom: none;
}

/* Banner thumbnail */
.XvIQGccp {
	width: 64px;
	height: 64px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
	background-color: #01000D;
	background-color: var(--bg-dark);
}

.iQGLPSl2 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.iinfvZfa {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(13, 122, 199, 0.15) 0%, rgba(13, 122, 199, 0.04) 100%);
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 20px;
}

/* Status dot on banner */
.Dc1cELTi {
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	border: 2px solid #161824;
	border: 2px solid var(--sub-bg-dark);
}

.I93hWg6Q { background-color: #3CA259; background-color: var(--success-green); }
.m7LrgORW { background-color: #0D7AC7; background-color: var(--accent-1); }
.we3TgKR0 { background-color: #444; }
._3t_OzAP { background-color: #ff2626
; background-color: var(--cancelled-red); }

/* Event info */
.h4UjQpzZ {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.sFXcvmy8 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xkoMBKCM {
	margin: 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.JrpEISFA {
	margin: 0;
	font-size: 11px;
	color: #666;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.JrpEISFA i {
	font-size: 9px;
	color: #555;
}

/* Right side: guest count + chevron */
.p9TE3v6w {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.krfI_xNu {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 12px;
	color: #888;
	background: rgba(255, 255, 255, 0.04);
	padding: 0.25rem 0.6rem;
	border-radius: 8px;
	white-space: nowrap;
}

.krfI_xNu i {
	font-size: 10px;
	color: #0D7AC7;
	color: var(--accent-1);
}

.y5yvrjLJ {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 12px;
	color: #888;
	background: rgba(255, 255, 255, 0.04);
	padding: 0.25rem 0.6rem;
	border-radius: 8px;
	white-space: nowrap;
}

.y5yvrjLJ i {
	font-size: 10px;
	color: #a78bfa;
}

.iZp3LQiH {
	color: #444;
	font-size: 12px;
	transition: color 0.15s ease;
}

.tjeqvFG1:hover .iZp3LQiH {
	color: #0D7AC7;
	color: var(--accent-1);
}


/* --- VIEW TOGGLE --- */
.f2B_ArtJ {
	display: flex;
	align-items: center;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	overflow: hidden;
}

.eAbb8ygt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 32px;
	background: none;
	border: none;
	color: #555;
	cursor: pointer;
	transition: all 0.15s ease;
	font-size: 12px;
}

.eAbb8ygt:hover {
	color: #aaa;
	background-color: rgba(255, 255, 255, 0.04);
}

.gt4f2HdR {
	color: #ffffff !important;
	color: var(--white) !important;
	background-color: rgba(13, 122, 199, 0.2) !important;
}


/* --- GRID MODE --- */
.XSEEvYVE {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	grid-gap: 1rem;
	gap: 1rem;
	padding: 1rem;
	align-content: start;
}

.wgp32e3I {
	display: flex;
	flex-direction: column;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	width: 100%;
	min-width: 0;
}

.wgp32e3I:hover {
	border-color: #3d3f49;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.fF_gbf9F {
	opacity: 0.5;
}

.fF_gbf9F:hover {
	opacity: 0.75;
}

.KddcOB4N {
	border-color: rgba(60, 162, 89, 0.4);
}

.KddcOB4N:hover {
	border-color: rgba(60, 162, 89, 0.6);
}

/* Grid banner — fixed height, no percentage sizing */
.RATSOjXo {
	position: relative;
	width: 100%;
	height: 130px;
	overflow: hidden;
	background-color: #1a1c24;
	flex-shrink: 0;
	border-radius: 12px 12px 0 0;
}

.SHK4Qt1h {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.aqipIioo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(13, 122, 199, 0.15) 0%, rgba(13, 122, 199, 0.04) 100%);
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 28px;
}

.OBoLYI_o {
	position: absolute;
	top: 8px;
	left: 8px;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.55rem;
	background-color: rgba(60, 162, 89, 0.9);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	border-radius: 6px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #ffffff;
	color: var(--white);
}

.DgmpNZxe {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 2px solid rgba(0, 0, 0, 0.4);
}

/* Grid body */
.I5nsf0lO {
	padding: 0.75rem 0.85rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	flex: 1 1;
}

.xlB6ja7r {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
}

.D198p1ZU {
	margin: 0;
	font-size: 11px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Ku5W1XOi {
	margin: 0;
	font-size: 11px;
	color: #666;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Ku5W1XOi i {
	font-size: 8px;
	color: #555;
	flex-shrink: 0;
}

/* Grid footer stats */
.vrntMx6l {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-top: 0.35rem;
	padding-top: 0.5rem;
	border-top: 1px solid rgba(45, 47, 57, 0.5);
}

.WlS5bcq_ {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 11px;
	color: #777;
}

.WlS5bcq_ i {
	font-size: 10px;
	color: #555;
}

.WlS5bcq_:first-child i {
	color: #0D7AC7;
	color: var(--accent-1);
}

.WlS5bcq_:last-child i {
	color: #a78bfa;
}

/* Grid - no events */
.WbY8Bgp_ {
	grid-column: 1 / -1;
}

/* --- GRID SKELETON --- */
.Za8LIlC1 {
	display: flex;
	flex-direction: column;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	overflow: hidden;
}

.t4R0sSPX {
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #2d2f39;
	animation: p4fAN1p2 1.5s ease-in-out infinite;
}

.gE4JlKp6 {
	padding: 0.75rem 0.85rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}


/* --- SKELETON LOADING --- */
.YQ9mZDHY {
	display: grid;
	grid-template-columns: 64px 1fr;
	align-items: center;
	grid-gap: 1rem;
	gap: 1rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
}

.vTmn30rk {
	width: 64px;
	height: 64px;
	border-radius: 10px;
	background: #2d2f39;
	animation: p4fAN1p2 1.5s ease-in-out infinite;
}

.exDgNlla {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.jUle2_Sk {
	height: 10px;
	background: #2d2f39;
	border-radius: 4px;
	animation: p4fAN1p2 1.5s ease-in-out infinite;
}

.W57tOiWt { width: 70%; }
.AzCoj02r { width: 45%; }

@keyframes p4fAN1p2 {
	0%, 100% { opacity: 0.4; }
	50% { opacity: 0.7; }
}


/* --- Next Event Skeleton --- */
.bP4WUctR {
	flex: 1 1;
	min-height: 0;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.IZ7XYPAl {
	flex: 1 1;
	min-height: 160px;
	background: #2d2f39;
	animation: p4fAN1p2 1.5s ease-in-out infinite;
}

.j4O2hM98 {
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}


/* --- EMPTY STATE --- */
.rgFWrhWY {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 2rem;
	color: #555;
	gap: 1rem;
	text-align: center;
}

.p1Lm2VHE {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: rgba(13, 122, 199, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #0D7AC7;
	color: var(--accent-1);
}

.rgFWrhWY p {
	font-size: 14px;
	color: #555;
	margin: 0;
}


/* --- RIGHT COLUMN (Next Event + Calendar, stretch to fill) --- */
.NQUyuofF {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	min-height: 0;
}


/* --- NEXT EVENT CARD (right column) --- */
.V_n57iM0 {
	flex: 1 1;
	min-height: 0;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
	cursor: pointer;
	transition: border-color 0.2s ease;
	display: flex;
	flex-direction: column;
}

.V_n57iM0:hover {
	border-color: #3d3f49;
}

.LVMMUdQ5 {
	width: 100%;
	flex: 1 1;
	min-height: 160px;
	overflow: hidden;
	position: relative;
	background-color: #01000D;
	background-color: var(--bg-dark);
}

.LVMMUdQ5 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.w0Qff962 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(13, 122, 199, 0.15) 0%, rgba(13, 122, 199, 0.04) 100%);
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 28px;
}

.fywej2I0 {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.75rem 1rem;
	background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.85) 78%, rgba(0,0,0,1) 100%);
}

.PddVhIUP {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.25rem 0.6rem;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	width: -webkit-fit-content;
	width: fit-content;
}

.rgk6Echl {
	background: rgba(60, 162, 89, 0.85);
	color: #ffffff;
	color: var(--white);
}

.dVHq2iyH {
	background: rgba(13, 122, 199, 0.85);
	color: #ffffff;
	color: var(--white);
}

.LnvMFbJa {
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #ffffff;
	background: var(--white);
	animation: OEkrAAC_ 2s infinite;
}

@keyframes OEkrAAC_ {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}

.Rx3c2MCC {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.uB9T2jAo {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.Uu865Zem {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.ML657iQS {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 12px;
	color: #0D7AC7;
	color: var(--accent-1);
	font-weight: 600;
	margin: 0;
}

.BLVMFyab {
	color: #3CA259;
	color: var(--success-green);
}

.ML657iQS i {
	font-size: 10px;
}

.yk6k4K2t {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 11px;
	color: rgba(255,255,255,0.8);
	margin: 0;
}

.yk6k4K2t i {
	font-size: 9px;
}

.aqVdjltt {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 11px;
	color: rgba(255,255,255,0.7);
	margin: 0;
}

.aqVdjltt i {
	font-size: 9px;
}

.WuzErzQj {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.35rem;
	font-size: 11px;
	font-weight: 600;
	color: #0D7AC7;
	color: var(--accent-1);
	opacity: 0.8;
	transition: opacity 0.2s ease, gap 0.2s ease;
}

.WuzErzQj i {
	font-size: 9px;
	transition: transform 0.2s ease;
}

.V_n57iM0:hover .WuzErzQj {
	opacity: 1;
}

.V_n57iM0:hover .WuzErzQj i {
	transform: translateX(3px);
}

/* --- NEXT EVENT EMPTY STATE --- */
.Zexs5vR5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	height: 100%;
	color: #555;
	background: linear-gradient(135deg, rgba(13, 122, 199, 0.15) 0%, rgba(13, 122, 199, 0.04) 100%);
}

.Zexs5vR5 i {
	font-size: 24px;
	opacity: 0.6;
}

.Zexs5vR5 p {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
}


/* --- CALENDAR TILE --- */
.PQy7o0tB {
	flex-shrink: 0;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
}

.mrZO9Ca8 {
	padding: 1rem 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #2d2f39;
	flex-shrink: 0;
}

.dHaIis46 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

.kihn2zvA {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	cursor: pointer;
	font-size: 13px;
	position: relative;
	padding: 0.3rem 0.5rem;
	border-radius: 6px;
	transition: background-color 0.15s ease;
}

.kihn2zvA:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

.Kqfk_KME {
	position: absolute;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 6px;
	right: 0;
	top: calc(100% + 8px);
	z-index: 999;
	display: flex;
	flex-direction: column;
	max-height: 240px;
	overflow-y: auto;
	min-width: 130px;
}

.UU7e8DTj {
	background: none;
	border: none;
	padding: 5px 10px;
	color: #ffffff;
	color: var(--white);
	text-align: left;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	transition: background-color 0.15s ease;
}

.UU7e8DTj:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

.Zt12iSk0 {
	background-color: #0D7AC7 !important;
	background-color: var(--accent-1) !important;
}

.ifg_9S0y {
	padding: 0.75rem 1rem;
}

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

.A0hQT7Dq {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #555;
	font-size: 11px;
	font-weight: 600;
	padding: 0.3rem 0;
}

.fy9j39E2 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	aspect-ratio: 1;
	cursor: pointer;
	border-radius: 8px;
	transition: background-color 0.15s ease;
	font-size: 13px;
}

.fy9j39E2:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

.Hr35nmoW {
	background-color: #0D7AC7 !important;
	background-color: var(--accent-1) !important;
	font-weight: 600;
}

.sl2s7lcA {
	position: absolute;
	bottom: 3px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #3CA259;
	background-color: var(--success-green);
}


/* --- RESPONSIVE --- */

/* Tablet landscape */
@media (max-width: 1200px) {
	.qUQLXlOw {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.AfUxsTVs {
		grid-column: span 1;
	}
}

/* Tablet portrait — stack to single column */
@media (max-width: 1024px) {
	.yqanrk7Q {
		grid-template-columns: 1fr;
	}

	.AfUxsTVs {
		grid-column: span 1;
	}

	.NQUyuofF {
		flex-direction: row;
		gap: 1rem;
	}

	.V_n57iM0 {
		flex: 1 1;
		min-width: 0;
		min-height: 200px;
	}

	.PQy7o0tB {
		flex: 1 1;
		min-width: 0;
	}

	.AfUxsTVs {
		max-height: none;
		min-height: 400px;
	}
}

/* Small tablet / large phone */
@media (max-width: 768px) {
	.kzBfjGBw {
		gap: 1rem;
		flex: none;
		overflow: visible;
	}

	.qUQLXlOw {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}

	.KyO8Ce57 {
		padding: 1rem;
		gap: 0.75rem;
	}

	.MXVWFZUS {
		width: 38px;
		height: 38px;
		font-size: 16px;
	}

	.mHjOpxJA {
		font-size: 20px;
	}

	.yqanrk7Q {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		flex: none;
		min-height: auto;
	}

	.NQUyuofF {
		flex-direction: column;
		gap: 1rem;
		min-height: auto;
		flex-shrink: 0;
	}

	.PQy7o0tB {
		min-height: auto;
		overflow: visible;
		flex-shrink: 0;
	}

	.AfUxsTVs {
		height: 500px;
		min-height: 0;
		min-height: initial;
		max-height: none;
		max-height: initial;
		flex-shrink: 0;
	}

	.F7sh9djH {
		padding: 1rem;
		gap: 0.75rem;
	}

	.HjbJAO6c {
		flex-wrap: wrap;
		gap: 0.35rem;
	}

	.ajpTLBue {
		padding: 0.45rem 0.85rem;
		font-size: 12px;
	}

	.tjeqvFG1 {
		padding: 0.75rem 1rem;
		gap: 0.75rem;
	}

	.V_n57iM0 {
		min-height: 180px;
	}

	.LVMMUdQ5 {
		min-height: 140px;
	}

	.JM1e1GhJ input {
		width: 100px;
	}

	.OjBE2dIy {
		flex-wrap: wrap;
	}

	.XSEEvYVE {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: 0.75rem;
		padding: 0.75rem;
	}
}

/* Phone */
@media (max-width: 480px) {
	.qUQLXlOw {
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem;
	}

	.KyO8Ce57 {
		padding: 0.85rem;
		gap: 0.6rem;
		border-radius: 10px;
	}

	.MXVWFZUS {
		width: 36px;
		height: 36px;
		font-size: 15px;
		border-radius: 8px;
	}

	.ji3Vcj1o {
		font-size: 11px;
	}

	.mHjOpxJA {
		font-size: 18px;
	}

	.yqanrk7Q {
		gap: 0.75rem;
	}

	.AfUxsTVs {
		border-radius: 10px;
	}

	.F7sh9djH {
		padding: 0.85rem 1rem;
		flex-direction: column;
		align-items: stretch;
	}

	.HjbJAO6c {
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 0.25rem;
	}

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

	.ajpTLBue {
		padding: 0.45rem 0.85rem;
		font-size: 12px;
		flex-shrink: 0;
	}

	.OjBE2dIy {
		flex-direction: row;
		gap: 0.5rem;
	}

	.JM1e1GhJ {
		flex: 1 1;
	}

	.JM1e1GhJ input {
		width: 100%;
		min-width: 0;
	}

	.iOHpUDbN {
		flex-shrink: 0;
	}

	.tjeqvFG1 {
		grid-template-columns: 52px 1fr auto;
		padding: 0.65rem 0.85rem;
		gap: 0.65rem;
	}

	.XvIQGccp {
		width: 52px;
		height: 52px;
		border-radius: 8px;
	}

	.sFXcvmy8 {
		font-size: 13px;
	}

	.xkoMBKCM {
		font-size: 11px;
	}

	.JrpEISFA {
		font-size: 10px;
	}

	.krfI_xNu {
		padding: 0.2rem 0.5rem;
		font-size: 11px;
	}

	.iZp3LQiH {
		font-size: 10px;
	}

	.V_n57iM0 {
		border-radius: 10px;
		min-height: 160px;
	}

	.LVMMUdQ5 {
		min-height: 120px;
	}

	.uB9T2jAo {
		font-size: 14px;
	}

	.Uu865Zem {
		gap: 0.5rem;
	}

	.PQy7o0tB {
		border-radius: 10px;
	}

	.mrZO9Ca8 {
		padding: 0.85rem 1rem;
	}

	.ifg_9S0y {
		padding: 0.5rem 0.75rem;
	}

	.fy9j39E2 {
		font-size: 12px;
	}

	.YQ9mZDHY {
		grid-template-columns: 52px 1fr;
		padding: 0.65rem 0.85rem;
	}

	.vTmn30rk {
		width: 52px;
		height: 52px;
		border-radius: 8px;
	}

	.Zhd2qAqE {
		padding: 1rem;
	}

	.y5yvrjLJ {
		display: none;
	}

	.WuzErzQj {
		font-size: 12px;
	}

	.XSEEvYVE {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 0.6rem;
		padding: 0.6rem;
	}

	.RATSOjXo {
		height: 100px;
	}

	.aqipIioo {
		font-size: 22px;
	}

	.xlB6ja7r {
		font-size: 13px;
	}

	.I5nsf0lO {
		padding: 0.6rem 0.7rem;
	}
}

/* -----------------------------------------------------
	Split Layout
------------------------------------------------------ */

.d6JFXAws {
	height: 100vh;
	width: 100%;
	display: grid;
	grid-template-columns: 44% 1fr;
	overflow: hidden;
	background-color: var(--bg-dark);
}

/* -----------------------------------------------------
	Left — Form Side
------------------------------------------------------ */

.eaMsaA8m {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 4.5rem;
	z-index: 1;
}

.jYr2ZlA1 {
	width: 100%;
	max-width: 85%;
	display: flex;
	flex-direction: column;
}

.Sa0sxNr7 {
	width: 140px;
	margin-bottom: 3.5rem;
	opacity: 0;
	animation: sg56wroE 0.6s ease forwards 0.1s;
}

.u3auziyP {
	font-size: 34px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.2;
	margin-bottom: 0.5rem;
	opacity: 0;
	animation: sg56wroE 0.6s ease forwards 0.15s;
}

.u3auziyP span {
	color: var(--accent-1);
}

.YIuNpWE3 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	margin-bottom: 2.75rem;
	opacity: 0;
	animation: sg56wroE 0.6s ease forwards 0.2s;
}

/* -----------------------------------------------------
	Form
------------------------------------------------------ */

.DIxOimYO {
	display: flex;
	flex-direction: column;
	opacity: 0;
	animation: sg56wroE 0.6s ease forwards 0.25s;
}

.kLxTmPyl {
	margin-bottom: 1.35rem;
}

.GulVeGAN {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 0.5rem;
}

.ONumUjyc {
	width: 100%;
	height: 56px;
	padding: 0 1.15rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	column-gap: 0.8rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ONumUjyc:focus-within {
	border-color: var(--accent-1);
	box-shadow: 0 0 0 3px rgba(13, 122, 199, 0.12);
}

.ONumUjyc i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 15px;
	flex-shrink: 0;
	width: 16px;
	text-align: center;
	transition: color 0.2s ease;
}

.ONumUjyc:focus-within i {
	color: var(--accent-1);
}

.ONumUjyc input {
	flex: 1 1;
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 15px;
	font-family: var(--font-family);
	padding: 0;
}

.ONumUjyc input::placeholder {
	color: rgba(255, 255, 255, 0.18);
}

.ZoP67Zqt {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ZoP67Zqt i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 14px;
	transition: color 0.2s ease;
}

.ZoP67Zqt:hover i {
	color: rgba(255, 255, 255, 0.45);
}

.N5t_izxz {
	align-self: flex-end;
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.3);
	font-size: 13px;
	font-family: var(--font-family);
	cursor: pointer;
	transition: color 0.2s ease;
	margin-top: 0.35rem;
}

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

.ZzNElrte {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: var(--accent-1);
	border: none;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: filter 0.2s ease, transform 0.1s ease;
}

.ZzNElrte:hover {
	filter: brightness(1.12);
}

.ZzNElrte:active {
	transform: scale(0.98);
}

.ZzNElrte p {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.VVF6j3Oj {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.MCUYmSEm {
	height: 22px;
}

/* -----------------------------------------------------
	Right — Visual Panel
------------------------------------------------------ */

.YXP1CMsy {
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: var(--sub-bg-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem;
	overflow: hidden;
}

.YXP1CMsy::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(13, 122, 199, 0.08) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 80%, rgba(60, 162, 89, 0.04) 0%, transparent 50%);
	pointer-events: none;
}

/* Panel content */
.BduJM7mY {
	position: relative;
	z-index: 1;
	opacity: 0;
	animation: lgBmNEhP 0.8s ease forwards 0.5s;
}

.iWSMuHFc {
	font-size: 28px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.25;
	margin-bottom: 0.75rem;
}

.iWSMuHFc span {
	color: var(--accent-1);
}

.VkWFVY5F {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin-bottom: 2.5rem;
	max-width: 400px;
}

/* Banner image */
.ZXasEPPs {
	position: relative;
	margin-bottom: 2.5rem;
	opacity: 0;
	animation: hjuFtDHt 0.8s ease forwards 0.7s;
}

.C4nfwGVh {
	width: 100%;
	border-radius: 16px;
	display: block;
	box-shadow:
		0 20px 60px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.06);
}

.xtZOyDFJ {
	position: absolute;
	inset: 0;
	border-radius: 16px;
	pointer-events: none;
	background:
		linear-gradient(180deg, transparent 60%, rgba(22, 24, 36, 0.5) 100%);
}

/* Feature items */
.Q576iyKo {
	display: flex;
	gap: 1.5rem;
	opacity: 0;
	animation: lgBmNEhP 0.8s ease forwards 0.9s;
}

.ySpTZvqb {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.suZjmM9u {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 13px;
}

.FSCdU7bx {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.JSfpHPTn {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.JTvoaebi {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.Ts8H3jqi {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.55);
}

/* -----------------------------------------------------
	Error Banner
------------------------------------------------------ */

.dKmuovK4 {
	position: fixed;
	top: 1.25rem;
	left: 22%;
	transform: translateX(-50%);
	background: rgba(255, 60, 60, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 0.6rem 1.5rem;
	border-radius: 8px;
	animation: dHYyBIrh 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 10;
}

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

/* -----------------------------------------------------
	Animations
------------------------------------------------------ */

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

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

@keyframes hjuFtDHt {
	from { opacity: 0; transform: translateY(25px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

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

/* -----------------------------------------------------
	Magic Link Sent State
------------------------------------------------------ */

.nT2pnIWj {
	display: flex;
	flex-direction: column;
	opacity: 0;
	animation: sg56wroE 0.6s ease forwards 0.1s;
}

.b5lzqCvj {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: rgba(13, 122, 199, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.75rem;
}

.b5lzqCvj i {
	font-size: 22px;
	color: var(--accent-1);
}

.OgYupc7W {
	color: var(--white);
	font-weight: 600;
}

.iIsuLCS0 {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin-top: 0.5rem;
	margin-bottom: 2rem;
}

.A6rr22vW {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.4);
}

.A6rr22vW i {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.2);
	width: 16px;
	text-align: center;
}

.DEGZnidN {
	align-self: flex-start;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 0.6rem 1.1rem;
	color: rgba(255, 255, 255, 0.45);
	font-size: 13px;
	font-family: var(--font-family);
	cursor: pointer;
	transition: all 0.2s ease;
}

.DEGZnidN i {
	font-size: 12px;
}

.DEGZnidN:hover {
	border-color: var(--accent-1);
	color: var(--accent-1);
}

/* -----------------------------------------------------
	Magic Link Verify Page
------------------------------------------------------ */

.wnjlvLxL {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bg-dark);
}

.ePaG0sVQ {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 380px;
	padding: 3rem;
	opacity: 0;
	animation: sg56wroE 0.6s ease forwards 0.1s;
}

.a4yhFfF6 {
	width: 120px;
	margin-bottom: 2.5rem;
}

.Chd5HRuN {
	height: 28px;
	margin-bottom: 1.5rem;
}

.fVLA3wfH {
	font-size: 24px;
	font-weight: 700;
	color: var(--white);
	margin: 0 0 0.5rem 0;
}

.to5VAnMX {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin: 0;
}

.cZqohjLx {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(60, 162, 89, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
}

.cZqohjLx i {
	font-size: 22px;
	color: var(--success-green);
}

.wHKlhcet {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(255, 60, 60, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
}

.wHKlhcet i {
	font-size: 22px;
	color: #ff4444;
}

.yNA93F6Q {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.5rem;
	padding: 0.65rem 1.25rem;
	border-radius: 8px;
	background: var(--accent-1);
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: filter 0.2s ease;
}

.yNA93F6Q:hover {
	filter: brightness(1.12);
}

.yNA93F6Q i {
	font-size: 12px;
}

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

@media (max-width: 1024px) {
	.d6JFXAws {
		grid-template-columns: 50% 1fr;
	}

	.eaMsaA8m {
		padding: 3rem 3rem;
	}

	.YXP1CMsy {
		padding: 3rem;
	}

	.Q576iyKo {
		gap: 1rem;
	}
}

@media (max-width: 768px) {
	.d6JFXAws {
		grid-template-columns: 1fr;
	}

	.YXP1CMsy {
		display: none;
	}

	.eaMsaA8m {
		padding: 3rem 2rem;
	}
}

@media (max-width: 480px) {
	.eaMsaA8m {
		padding: 2rem 1.5rem;
	}

	.u3auziyP {
		font-size: 28px;
	}

	.Sa0sxNr7 {
		width: 95px;
		margin-bottom: 2.5rem;
	}
}

.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;
  transition: opacity 0.15s ease;
}

.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;
}

.t9DAwawN {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 8px;
  height: 8px;
  background-color: #ff3b30;
  border-radius: 50%;
  pointer-events: none;
}

.ZeurJH6x {
  font-size: 27.5px;
  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: 27.5px;
  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) {
}


/* ======================================================
   MOBILE SIDEBAR OVERLAY
====================================================== */

.dsZCZ2zU {
	display: none;
}

.CfJaYFKG {
	display: none;
}

@media (max-width: 768px) {
	.dsZCZ2zU {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6);
		-webkit-backdrop-filter: blur(4px);
		        backdrop-filter: blur(4px);
		z-index: 9998;
		animation: AsVOSRp5 0.2s ease;
	}

	.CfJaYFKG {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 280px;
		max-width: 80vw;
		background-color: var(--sub-bg-dark);
		border-right: 1px solid #2d2f39;
		z-index: 9999;
		transform: translateX(-100%);
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		overflow: hidden;
	}

	.k_hlHIba {
		transform: translateX(0);
	}

	/* Header: logo + close */
	.rGt3izJc {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1.25rem 1.5rem;
		padding-left: .75rem;
		border-bottom: 1px solid #2d2f39;
		flex-shrink: 0;
	}

	.hmVW4mnO {
		height: 32px;
		width: auto;
	}

	.jKgiGq7u {
		background: none;
		border: none;
		color: #888;
		font-size: 20px;
		padding: 0.5rem;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: color 0.2s ease;
	}

	.jKgiGq7u:hover {
		color: var(--white);
	}

	.jKgiGq7u:active {
		transform: scale(0.9);
	}

	/* Nav items */
	.qFVeJHRX {
		flex: 1 1;
		display: flex;
		flex-direction: column;
		padding: 1rem 0;
		overflow-y: auto;
	}

	.DatxGu3h {
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 0.85rem 1.5rem;
		text-decoration: none;
		color: var(--white);
		font-weight: 600;
		font-size: 15px;
		transition: background-color 0.15s ease;
		border: none;
		background: none;
		width: 100%;
		cursor: pointer;
		text-align: left;
	}

	.DatxGu3h:hover {
		background-color: rgba(255, 255, 255, 0.05);
	}

	.DatxGu3h:active {
		transform: scale(0.98);
	}

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

	.c0XSuJBQ {
		font-size: 20px;
		width: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		position: relative;
	}

	.MvoXzTJN {
		position: absolute;
		top: -2px;
		right: -2px;
		width: 7px;
		height: 7px;
		background-color: #ff3b30;
		border-radius: 50%;
		pointer-events: none;
	}

	/* Logout */
	.l4VP3_IQ {
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 1rem 1.5rem;
		padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid #2d2f39;
		background: none;
		border-left: none;
		border-right: none;
		border-bottom: none;
		color: var(--white);
		font-size: 15px;
		font-weight: 600;
		cursor: pointer;
		flex-shrink: 0;
		width: 100%;
		text-align: left;
		transition: background-color 0.15s ease;
	}

	.l4VP3_IQ:hover {
		background-color: rgba(239, 68, 68, 0.15);
	}

	.l4VP3_IQ i {
		font-size: 20px;
		width: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	@keyframes AsVOSRp5 {
		from { opacity: 0; }
		to { opacity: 1; }
	}
}
/* -----------------------------------------------------
    Guestii Shared Styles
    Extracted from Hub.module.css and Connections.module.css
------------------------------------------------------ */

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

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

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularDisplay.3dddc1e11ab2935c3dca.otf) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: DonerRegular;
    src: url(/static/media/Doner-RegularDisplay.3dddc1e11ab2935c3dca.otf) format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

:root {
    --white: #ffffff;
    --black: #000000;
    --bg-dark: #01000D;
    --sub-bg-dark: #161824;
    --sub-bg-light: #f0f1f2;
    --accent-1: #0D7AC7;
    --past: #0D7AC788;
    --success-green: #3CA259;
    --cancelled-red: #ff2626;
    --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;
}

/* -----------------------------------------------------
    Typography
------------------------------------------------------ */

.n8cqjKmv { font-weight: 600; }
.DFfe829W { font-weight: 700; }

.NVjw5seI { font-size: 8px; }
.ancHdmSy { font-size: 10px; }
.D4r3XWJi { font-size: 12px; }
.F8MMNCVI { font-size: 14px; }
.Cb6LWcm0 { font-size: 15px; }
.oChQFGC5 { font-size: 16px; }
.Mik3lVd7 { font-size: 17px; }
.p0yhIRvz { font-size: 22px; }
.DTor4Puu { font-size: 25px; }
.Lr8VmT2G { font-size: 28px; }
.yAcRDdpe { font-size: 31px; }
.DWj9xlG7 { font-size: 34px; }
.CtnC7ZgL { font-size: 37px; }
.N15f8zyy { font-size: 40px; }
.kXAp4PRn { font-size: 43px; }

/* -----------------------------------------------------
    Layout
------------------------------------------------------ */

.qFWE0VSf {
    position: relative;
}

.oddV9YIm {
    height: 100vh;
    width: 100%;
    display: flex;
    overflow: hidden;
    background-color: #01000D;
    background-color: var(--bg-dark);
    box-sizing: border-box;
    color: #ffffff;
    color: var(--white)
}

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

.FFuRvM8n {
    opacity: 0;
    animation: fsOaK4i3 200ms ease-out forwards;
}

.ipcmWf6j {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 40px 60px;
    row-gap: 2.5rem;
    box-sizing: border-box;
    overflow-y: scroll;
}

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

/* -----------------------------------------------------
    Banner
------------------------------------------------------ */

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

.l2LsH9KI h3 {
    margin: 0 0 0.25rem 0;
}

.l2LsH9KI p {
    margin: 0;
    opacity: 0.7;
}

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

/* -----------------------------------------------------
    Search Input
------------------------------------------------------ */

.PTpxcTPi {
    width: 350px;
    box-sizing: border-box;
    border-radius: 50px;
    display: flex;
    align-items: center;
    position: relative;
    column-gap: 1rem;
    color: #01000D;
    color: var(--bg-dark);
    background-color: #ffffff;
    background-color: var(--white);
}

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

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

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

.lYu8sUjo {
    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;
}

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

.p6og5gM9 {
    height: 100%;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: #ffffff;
    background-color: var(--white);
    border: 1px solid #ffffff;
    border: 1px solid var(--white);
}

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

/* -----------------------------------------------------
    Widget Container
------------------------------------------------------ */

.asmxnAPr {
    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
}

/* -----------------------------------------------------
    Control Buttons
------------------------------------------------------ */

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

.j0bXOcwp {
    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;
}

.sg3kRCpe {
    margin: 0 0 0 auto
}

/* -----------------------------------------------------
    Status Badge
------------------------------------------------------ */

._NKO4Nuk {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.Yxu3bPBG {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/* -----------------------------------------------------
    Connection Count Badge
------------------------------------------------------ */

.Juxzkpth {
    background-color: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
}

/* -----------------------------------------------------
    Action Buttons
------------------------------------------------------ */

.sHhJSHkG {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #0D7AC7 0%, #0099cc 100%);
    background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
    border: none;
    border-radius: 8px;
    color: #ffffff;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sHhJSHkG:hover {
    box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.sHhJSHkG i {
    font-size: 11px;
}

.tn6tD5B0 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: #01000D;
    background-color: var(--bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: #888;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tn6tD5B0:hover {
    border-color: #0D7AC7;
    border-color: var(--accent-1);
    color: #0D7AC7;
    color: var(--accent-1);
}

.AMq0ryRe {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 8px;
    color: #ef4444;
    cursor: pointer;
    transition: all 0.2s ease;
}

.AMq0ryRe:hover {
    background-color: rgba(239, 68, 68, 0.15);
}

.QT5xn9_U {
    padding: 0.75rem 1.5rem;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: #ffffff;
    color: var(--white);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.QT5xn9_U:hover {
    background-color: #2d2f39;
}

/* -----------------------------------------------------
    Cards
------------------------------------------------------ */

.daFv6WVN {
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid #2d2f39;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.daFv6WVN:hover {
    border-color: #3d3f49;
}

.R9waGCwA {
    padding: 1.25rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.ZJcpbR2C {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    color: var(--white);
    flex-shrink: 0;
}

.BtdOSZcO {
    flex: 1 1;
    min-width: 0;
}

.X8pbOweO {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.125rem;
}

.BtdOSZcO h4 {
    margin: 0;
}

.BtdOSZcO p {
    margin: 0;
    color: #666;
}

.JveJ3RL7 {
    display: flex;
    gap: 0.5rem;
}

/* -----------------------------------------------------
    Empty State
------------------------------------------------------ */

.d_29kRtY {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px dashed #2d2f39;
    border-radius: 16px;
    min-height: calc(100vh - 320px);
}

._0dn6Yxv {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, rgba(0, 191, 255, 0.1) 0%, rgba(0, 191, 255, 0.05) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

._0dn6Yxv i {
    font-size: 24px;
    color: #0D7AC7;
    color: var(--accent-1);
}

.d_29kRtY h3 {
    margin: 0 0 0.5rem 0;
    color: #ffffff;
    color: var(--white);
}

.d_29kRtY > p {
    margin: 0 0 1.5rem 0;
    color: #888;
}

/* -----------------------------------------------------
    Loading
------------------------------------------------------ */

.VerTy63H {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    gap: 1rem;
}

.I052jaNa {
    width: 40px;
    height: 40px;
    border: 3px solid #2d2f39;
    border-top-color: #0D7AC7;
    border-top-color: var(--accent-1);
    border-radius: 50%;
    animation: XKTsG3Yg 1s linear infinite;
}

/* -----------------------------------------------------
    Modal
------------------------------------------------------ */

.KdSn3pNY {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 2rem;
    margin: 0;
    width: 100%;
    height: 100vh;
}

.VRCNVChP {
    background-color: #01000D;
    background-color: var(--bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: VOwuscvo 0.2s ease-out;
    position: relative;
    margin: 0 auto;
}

.STmUU6wt {
    max-width: 700px;
}

.hz3a9Xtb {
    padding: 1.5rem;
    border-bottom: 1px solid #2d2f39;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hz3a9Xtb h3 {
    margin: 0;
    color: #ffffff;
    color: var(--white);
}

.Evs1HUMN {
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 8px;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.2s ease;
}

.Evs1HUMN:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    color: var(--white);
}

.fBq6YBSs {
    padding: 1.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.EPjLtl2P {
    padding: 1.5rem;
    border-top: 1px solid #2d2f39;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* -----------------------------------------------------
    Form Elements
------------------------------------------------------ */

.hKYk0CQT {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.IkrcAkzX {
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.xCS3cYyj {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 10px;
    padding: 0.875rem 1rem;
    color: #ffffff;
    color: var(--white);
}

.xCS3cYyj i {
    color: #666;
    font-size: 14px;
}

/* -----------------------------------------------------
    Popup / Overlay
------------------------------------------------------ */

.tzrZfYLk {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 2rem;
    margin: 0;
    width: 100%;
    height: 100vh;
}

.MvOAEB0E {
    background-color: #01000D;
    background-color: var(--bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 16px;
    width: 500px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.QrCykv1q {
    pointer-events: none;
}

.EFkQmu9l {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.Z3NZc9K7 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.CQf76vqn p:first-child {
    font-size: 20px;
    margin-bottom: 0.25rem;
}

.bw3GuYUA {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 8px;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bw3GuYUA:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    color: var(--white);
}

/* -----------------------------------------------------
    Progress Circles
------------------------------------------------------ */

.YHcbphkz {
    display: flex;
    gap: 0.5rem;
}

.wXShQT1G {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #161824;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.2s ease;
}

.rekPMCvT {
    background-color: #0D7AC7;
    background-color: var(--accent-1);
    border-color: #0D7AC7;
    border-color: var(--accent-1);
    color: #ffffff;
    color: var(--white);
}

/* -----------------------------------------------------
    Loading Layout
------------------------------------------------------ */

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

.IgGg8PGA img {
    height: 80px;
}

/* -----------------------------------------------------
    Animations
------------------------------------------------------ */

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

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

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

/* -----------------------------------------------------
    Merge Suggestions Banner
------------------------------------------------------ */

.u2PBDaRr {
    background: #0D7AC7;
    color: white;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.u2PBDaRr:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    background: #0D7AC7;
}

.KMAZjswo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.KMAZjswo i {
    font-size: 1.25rem;
    opacity: 0.9;
}

.KMAZjswo i:last-child {
    font-size: 0.875rem;
    transition: transform 0.2s ease;
    margin-left: auto;
}

.u2PBDaRr:hover .KMAZjswo i:last-child {
    transform: translateX(3px);
}

/* -----------------------------------------------------
    Responsive
------------------------------------------------------ */

@media (max-width: 768px) {
    .ipcmWf6j {
        padding: 20px 30px;
    }

    .fPf2oepi {
        display: none;
    }
}

/* ------------------------------------------------------
   Hide Scrollbar
------------------------------------------------------ */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* -----------------------------------------------------
    Guestii CRM Styles
------------------------------------------------------ */

/* Container */
.BbUSt0EM {
    width: 100%;
    min-height: 100vh;
    background-color: var(--bg-dark);
    color: var(--white);
    display: flex;
    flex-direction: column;
    padding: 2rem;
    overflow-y:scroll
}

/* Navigation Tabs */
.fliI_iz1 {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.i1ptEiTQ {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-left: 0;
    position: relative;
}

.e_3Wwlk_ {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family);
    cursor: pointer;
    padding: 0.5rem 0;
    position: relative;
    transition: color 0.2s ease;
}

.e_3Wwlk_:hover {
    color: rgba(255, 255, 255, 0.9);
}

.q0lCpz1C {
    color: var(--white);
    font-weight: 500;
}

.q0lCpz1C::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0D7AC7;
    border-radius: 2px 2px 0 0;
}

/* Guest Search Toolbar */
.EuqIHHWE {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
}

.NbfcWG5A {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.hMb4zG5h {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 200px;
    max-width: 400px;
}

.yEEGZtum {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.L45rphCv {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    margin-bottom: 0.75rem;
}

.PHRyMPiy {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
}

/* Guest Toolbar */
.vIXdcJ2E {
    display: flex;
    align-items: center;
    gap: 0;
}

.bOAJxV3f {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ytB6vBCH {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.ytB6vBCH:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #444;
    color: rgba(255, 255, 255, 0.9);
}

.pwLIgvqL {
    background-color: #0D7AC7;
    border-color: #0D7AC7;
    color: var(--white);
    font-weight: 500;
}

.pwLIgvqL:hover {
    background-color: rgba(13, 122, 199, 0.8);
    border-color: rgba(13, 122, 199, 0.8);
    color: var(--white);
}

.ytB6vBCH i {
    font-size: 16px;
}

.ytB6vBCH span {
    white-space: nowrap;
}

.Aq7VbBXP {
    flex: 1 1;
    max-width: 400px;
    margin-left: auto;
}

@media (min-width: 768px) {
    .cdl3KQdC {
        max-width: 220px;
        width: auto;
    }
}

/* Responsive for Guest Search Toolbar */
@media (max-width: 1280px) {
    .cdl3KQdC {
        min-width: 150px;
        max-width: 190px;
    }
}

@media (max-width: 1024px) {
    .EuqIHHWE {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 1rem 0;
    }

    .bOAJxV3f {
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .ytB6vBCH {
        padding: 0.625rem 1rem;
        font-size: 14px;
        flex: 1 1;
        min-width: 0;
        justify-content: center;
    }

    .ytB6vBCH i {
        font-size: 14px;
    }

    .aSHheNMi {
        justify-content: flex-start;
        gap: 0.75rem;
    }

    .cdl3KQdC {
        min-width: 0;
        max-width: 100%;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(50% - 0.375rem);
        width: auto;
    }

    .yEEGZtum {
        margin-left: 0;
        margin-top: 0.5rem;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .EuqIHHWE {
        padding: 0.75rem 0;
        gap: 0.75rem;
    }

    .bOAJxV3f {
        gap: 0.5rem;
        width: 100%;
    }

    .ytB6vBCH {
        padding: 0.625rem 0.75rem;
        font-size: 13px;
        gap: 0.375rem;
        flex: 1 1;
        min-width: 0;
    }

    .ytB6vBCH i {
        font-size: 13px;
    }

    .ytB6vBCH span {
        font-size: 13px;
    }

    .hMb4zG5h {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .hMb4zG5h .QOYm2qEc {
        width: 100%;
        max-width: 100%;
    }

    .aSHheNMi {
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
    }

    .cdl3KQdC {
        min-width: 0;
        max-width: 100%;
        flex: 1 1 100%;
        width: 100%;
    }

    .T4ePz1Fg {
        flex-direction: column;
        gap: 0.5rem;
    }

    .T4ePz1Fg span {
        max-width: 100%;
        width: 100%;
    }

    .zv12N4Il span {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .EuqIHHWE {
        gap: 0.75rem;
    }

    .bOAJxV3f {
        flex-direction: row;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .ytB6vBCH {
        flex: 1 1;
        min-width: calc(33.333% - 0.5rem);
        padding: 0.625rem 0.5rem;
        justify-content: center;
        font-size: 12px;
    }

    .ytB6vBCH i {
        font-size: 12px;
    }

    .ytB6vBCH span {
        font-size: 12px;
    }

    .hMb4zG5h {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0.625rem;
    }

    .hMb4zG5h .QOYm2qEc {
        width: 100%;
    }

    .aSHheNMi {
        flex-direction: column;
        gap: 0.625rem;
    }

    .cdl3KQdC {
        min-width: 0;
        max-width: 100%;
        flex: 1 1 100%;
        width: 100%;
    }
}

.ChE1cwT7 {
    display: flex;
    flex: 1 1;
    max-height: 100%;
    overflow: hidden;
}

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

.l4tNjGcV {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    width: 100%;
    transition: grid-template-columns 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.xwlEq4Wx {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1;
    justify-content: flex-start;
    min-height: 0;
}

.yfrE1a13 {
    flex: 1 1;
    width: 100%;
}

.BtmkJ0cv {
    width: 100%;
}

/* Dashboard Styles */
.q5rsvnuF {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

.c46CCXsP {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem;
}

.xUBWfys0 {
    min-width: 0;
}

.xUBWfys0 .jH_xM5uF {
    padding: 1.5rem;
}

.JU5PSw93 {
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-gap: 2rem;
    gap: 2rem;
}

.bzFnRIMq {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.zoGwluu4 {
    width: 100%;
    height: 400px;
}

.Mij3XUnB {
    background-color: rgba(22, 24, 36, 0.98);
    border: 1px solid #2d2f39;
    border-radius: 10px;
    padding: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    pointer-events: none;
    animation: none;
    transition: none;
}

.wbOd0HNu {
    margin: 0 0 0.5rem 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #2d2f39;
}

.jOArY_6u {
    margin: 0.5rem 0;
    font-size: 13px;
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.REpPFeOw {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.MkZ1ROwA {
    color: rgba(255, 255, 255, 0.7);
    min-width: 80px;
}

.eXZEpAyd {
    color: var(--white);
    font-weight: 600;
    margin-left: auto;
}

.F0bQq3eI {
    color: var(--white);
    font-size: 13px;
    margin: 0;
}

.n95cOLRt {
    padding-bottom: 1rem;
    border-bottom: 1px solid #2d2f39;
}

.n95cOLRt h4 {
    margin: 0;
    color: var(--white);
}

.jVglpbTO {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.GKeEmpa5 {
    min-width: 0;
}

.GKeEmpa5 .jH_xM5uF {
    padding: 1.5rem;
}


/* Responsive */
@media (max-width: 1024px) {
    .JU5PSw93 {
        grid-template-columns: 1fr;
    }

    .c46CCXsP {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .c46CCXsP {
        grid-template-columns: 1fr;
    }

    .zoGwluu4 {
        height: 300px;
        overflow-x: auto;
    }

    .bzFnRIMq {
        padding: 1rem;
        gap: 1rem;
    }

    .JU5PSw93 {
        gap: 1rem;
    }

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

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

/* Insights Section */
.MVHPuU_p {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.y5_bvfvY h3 {
  margin: 0;
  color: var(--white);
  display: flex;
  align-items: center;
}

.y5_bvfvY p {
  margin: 0;
}

/* Smart Groups Grid */
/* Smart Groups Grid */
.C6cgjbiw {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
    gap: 1.5rem;
}

@media (max-width: 1024px) {
    .C6cgjbiw {
        grid-template-columns: 1fr;
    }
}

.lIrLtjLD {
  min-width: 0;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
  cursor: pointer;
}

.lIrLtjLD:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.lIrLtjLD .jH_xM5uF {
  padding: 1.5rem;
}

.weQ1OpTU {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 8px;
}

@media (max-width: 768px) {
    .weQ1OpTU {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }
}

.pEqroTh8 {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.wsmhDxZZ {
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.lzTsuc2g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #2d2f39;
}

.UJlyH_mE {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: 8px;
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.UJlyH_mE:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  filter: brightness(1.1);
}

/* Insights Grid */
.RPyl5_3_ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
}

.cvaOQEyQ {
  background-color: var(--sub-bg-dark);
  border: 1px solid #2d2f39;
  border-radius: 15px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.VlBmDVLm {
  padding-bottom: 1rem;
  border-bottom: 1px solid #2d2f39;
}

.VlBmDVLm h4 {
  margin: 0 0 0.5rem 0;
  color: var(--white);
  display: flex;
  align-items: center;
}

.VlBmDVLm p {
  margin: 0;
}

/* VIP List */
.cgwcWzmE {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mLx0j_vg {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.02);
  border: 1px solid #2d2f39;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mLx0j_vg:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #444;
  transform: translateX(4px);
}

.eqZr68kh {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
}

.GygEOOxa {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0d7ac7 0%, #0a5f9e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 20px;
  flex-shrink: 0;
}

.jOdD8H9f {
  flex: 1 1;
  min-width: 0;
}

.sSb2ZZRZ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.sSb2ZZRZ h5 {
  margin: 0;
  color: var(--white);
}

.lBGrUiT9 {
  padding: 0.25rem 0.5rem;
  background-color: #0d7ac720;
  color: #0d7ac7;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.jOdD8H9f p {
  margin: 0;
}

.pysgStF_ {
  margin-left: auto;
  flex-shrink: 0;
}

.HMtdzN3z {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mQWW_m4h {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--sub-bg-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #0d7ac7;
}

/* Events List */
.lQrEl4WK {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.Pg097cIA {
  padding: 1.25rem;
  background-color: rgba(255, 255, 255, 0.02);
  border: 1px solid #2d2f39;
  border-radius: 12px;
}

.duLfDtMW {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #888;
  font-size: 13px;
  margin-bottom: 0.75rem;
}

.duLfDtMW i {
  color: #0d7ac7;
}

.Pg097cIA h5 {
  margin: 0;
  color: var(--white);
}

.tBpl_7sD {
  margin-top: 1rem;
  padding: 1rem;
  background-color: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 8px;
}

.jqY24M0G {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.jpBib0p5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.r98K0RW4 {
  padding: 0.5rem 1rem;
  background-color: #10b981;
  border: none;
  border-radius: 6px;
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.r98K0RW4:hover {
  background-color: #059669;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.HIl6Wq7V {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #2d2f39;
}

.HIl6Wq7V i {
  margin-right: 0.25rem;
}

/* Insights List */
.nXMBvWtX {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.s8tUlCg1 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  border-left-width: 4px;
  border-left-style: solid;
}

.wqABS2hI {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.H75Mypns {
  flex: 1 1;
}

.H75Mypns h5 {
  margin: 0 0 0.5rem 0;
  color: var(--white);
}

.H75Mypns p {
  margin: 0;
}

.CnXrn9XK {
  padding: 0.5rem 1rem;
  background-color: rgba(13, 122, 199, 0.2);
  border: 1px solid rgba(13, 122, 199, 0.4);
  border-radius: 6px;
  color: #0d7ac7;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.CnXrn9XK:hover {
  background-color: rgba(13, 122, 199, 0.3);
  border-color: #0d7ac7;
  transform: translateX(2px);
}

/* View All Button */
.Y_dpgMJo {
  width: 100%;
  padding: 0.875rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #2d2f39;
  border-radius: 10px;
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.Y_dpgMJo:hover {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: #444;
  transform: translateY(-1px);
}

/* Responsive for new insights dashboard */
@media (max-width: 1200px) {
  .RPyl5_3_ {
    grid-template-columns: 1fr;
  }

  .C6cgjbiw {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .C6cgjbiw {
    grid-template-columns: 1fr;
  }

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

  .mLx0j_vg {
    flex-wrap: wrap;
  }

  .pysgStF_ {
    margin-left: auto;
  }

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

    .r98K0RW4 {
        width: 100%;
        justify-content: center;
    }
}

/* Special responsive for VIP items on very small screens */
@media (max-width: 500px) {
    .mLx0j_vg {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0.75rem;
        padding: 1rem 0.75rem;
    }

    .eqZr68kh {
        order: 1;
        flex-shrink: 0;
    }

    .GygEOOxa {
        order: 2;
        flex-shrink: 0;
    }

    .pysgStF_ {
        order: 3;
        margin-left: auto;
        margin-right: 0;
        flex-shrink: 0;
    }

    .jOdD8H9f {
        order: 4;
        width: 100%;
        flex: 1 1 100%;
        margin: 0.5rem 0 0 0;
    }
}

/* ─── Dashboard (db_) ─── */

.yhptZKW_ {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

/* ── Stats Row ── */
.RcItS24e {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
}

.GLxK5MMV {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: border-color 0.2s ease;
}
.GLxK5MMV:hover {
    border-color: #3d3f49;
}

.GhY8F36W {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.Jzu6LAkg { background: rgba(13, 122, 199, 0.12); color: var(--accent-1); }
.GGAl8zcd { background: rgba(60, 162, 89, 0.12); color: var(--success-green); }
.WS6wcVXV { background: rgba(99, 102, 241, 0.12); color: #6366f1; }
._L3e3SOc { background: rgba(245, 158, 11, 0.12); color: #f59e0b; }

.INv7MkZk {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.xZrzq4v1 {
    margin: 0;
    color: #666;
    font-size: 12px;
}
.jYB8_UuM {
    margin: 0;
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
}

/* ── Metrics Row (4 visual tiles) ── */
.l5CeYl0J {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
}

.elRi2BHH {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    transition: border-color 0.2s ease;
}
.elRi2BHH:hover { border-color: #3d3f49; }

.FJm6yMV8 {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.cZynigv4 {
    font-size: 11px;
    color: #555;
    margin: 0;
}

/* Donut chart (Attendance) */
.RFjZDyEf {
    position: relative;
    width: 80px;
    height: 80px;
}
._5loZW6WV {
    width: 80px;
    height: 80px;
    transform: rotate(-90deg);
}
.d9g0GN_I {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
}

/* Stacked bar (Guest Mix) */
.sn1KZs8A {
    width: 100%;
    padding: 0.5rem 0;
}
.a6Zy_lnj {
    display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    background: #2d2f39;
}
.a6Zy_lnj > div[data-type="member"] { background: var(--success-green); }
.a6Zy_lnj > div[data-type="repeat"] { background: var(--accent-1); }
.a6Zy_lnj > div[data-type="once"]   { background: #f59e0b; }

.pIuSTpJC {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: flex-start;
    width: 100%;
}
.pIuSTpJC > span {
    font-size: 11px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.dn0ISX21 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.dn0ISX21[data-type="member"] { background: var(--success-green); }
.dn0ISX21[data-type="repeat"] { background: var(--accent-1); }
.dn0ISX21[data-type="once"]   { background: #f59e0b; }

/* Semi-circle arc (Conversion) */
.sXBi5A52 {
    position: relative;
    width: 100px;
    height: 55px;
}
.KLvesQCm {
    width: 100px;
    height: 55px;
}
.mWUtHjje {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
    font-weight: 700;
    color: var(--white);
}

/* Top Event highlight */
.ow_b2zm5 {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.eSsWk7Cz {
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.fNEZuWtP {
    font-size: 24px;
    font-weight: 700;
    color: #f59e0b;
    margin: 0;
    line-height: 1;
}

.Y1s036kB {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0;
    color: #444;
}
.Y1s036kB i {
    font-size: 24px;
    opacity: 0.4;
}
.Y1s036kB p {
    margin: 0;
    font-size: 12px;
}

/* ── Tile (shared card container) ── */
.FdYi0klP {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

._sDXrKOu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #2d2f39;
}

.e0Z69VpF {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
}
.e0Z69VpF i {
    color: var(--accent-1);
    font-size: 14px;
}

.W3EmtjI7 {
    background: none;
    border: none;
    color: var(--accent-1);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: opacity 0.2s ease;
}
.W3EmtjI7:hover {
    opacity: 0.8;
}
.W3EmtjI7 i {
    font-size: 10px;
}

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

/* ── Actions List (Smart Groups) ── */
.BdhwZClM {
    display: flex;
    flex-direction: column;
}

.oM7Fh3lB {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(45, 47, 57, 0.4);
    cursor: pointer;
    transition: background-color 0.15s ease;
    text-align: left;
    font-family: var(--font-family);
    width: 100%;
}
.oM7Fh3lB:last-child {
    border-bottom: none;
}
.oM7Fh3lB:hover {
    background-color: rgba(255, 255, 255, 0.02);
}

.oPvHTLpq {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.Ijbw9AqR {
    flex: 1 1;
    min-width: 0;
}
.j41v2Cw8 {
    margin: 0;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
}
.t5kuEKxP {
    margin: 0.2rem 0 0;
    color: #666;
    font-size: 12px;
}

.vCGUPKt4 {
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
}

.JdqvvjJ8 {
    font-size: 11px;
    color: #444;
    flex-shrink: 0;
}

/* ── Main Layout (4-col grid, mirrors Hub) ── */
.HV0ZuvuC {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
    align-items: start;
}

.LfwB1Tac {
    grid-column: span 3;
}

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

/* ── Guest Row (Leaderboard) ── */
.DSq2_urj {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1.25rem;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(45, 47, 57, 0.4);
    cursor: pointer;
    transition: background-color 0.15s ease;
    width: 100%;
    text-align: left;
    font-family: var(--font-family);
}
.DSq2_urj:last-child {
    border-bottom: none;
}
.DSq2_urj:hover {
    background-color: rgba(255, 255, 255, 0.02);
}

.NZIQYpFI {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    background: rgba(13, 122, 199, 0.12);
    color: var(--accent-1);
}
.NZIQYpFI[data-rank="1"] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.NZIQYpFI[data-rank="2"] { background: rgba(148, 163, 184, 0.15); color: #94A3B8; }
.NZIQYpFI[data-rank="3"] { background: rgba(205, 127, 50, 0.15); color: #CD7F32; }

.jFDRFj1P {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0d7ac7, #0a5f9e);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
}

.Razq69mU {
    flex: 1 1;
    min-width: 0;
}
.hfeFW97D {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.i_QuYcmy {
    margin: 0;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.f4OIO9B2 {
    padding: 0.15rem 0.4rem;
    background: rgba(13, 122, 199, 0.15);
    color: var(--accent-1);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    flex-shrink: 0;
}
.XwfzBIMT {
    margin: 0.15rem 0 0;
    color: #555;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Attendance Ring (SVG) ── */
.i3m4pe8T {
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.V8i9aXFh {
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
}
.yxnjrmuE {
    fill: none;
    stroke: #2d2f39;
    stroke-width: 3;
}
.v2wiMdQf {
    fill: none;
    stroke: var(--accent-1);
    stroke-width: 3;
    stroke-linecap: round;
}
.iZANoUVe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    font-weight: 700;
    color: var(--accent-1);
}

/* ── Event Row ── */
.Fv5pVO3a {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(45, 47, 57, 0.4);
}
.Fv5pVO3a:last-child {
    border-bottom: none;
}

.EZCDxBZm {
    width: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}
.PP7StIL8 {
    font-size: 10px;
    font-weight: 600;
    color: var(--accent-1);
    letter-spacing: 0.5px;
}
.QgQov03f {
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.1;
}

.bcYzL4AX {
    flex: 1 1;
    min-width: 0;
}
.CdJqXp7d {
    margin: 0;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.FtOp6d2O {
    margin: 0.2rem 0 0;
    color: #555;
    font-size: 12px;
}
.FtOp6d2O i {
    margin-right: 0.25rem;
    font-size: 11px;
}

.r911HrBS {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(16, 185, 129, 0.12);
    border: none;
    color: #10b981;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s ease;
}
.r911HrBS:hover {
    background: rgba(16, 185, 129, 0.25);
}

/* ── Chart ── */
.NFJ7fdcU {
    padding: 0.75rem 1.25rem 1.25rem;
}

/* ── Empty state ── */
.UX21b27G {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #444;
    gap: 0.75rem;
}
.UX21b27G i {
    font-size: 28px;
    opacity: 0.5;
}
.UX21b27G p {
    margin: 0;
    font-size: 14px;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    .HV0ZuvuC {
        grid-template-columns: 1fr 1fr;
    }
    .LfwB1Tac {
        grid-column: span 1;
    }
}
@media (max-width: 1024px) {
    .HV0ZuvuC {
        grid-template-columns: 1fr;
    }
    .LfwB1Tac {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .RcItS24e {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    .GLxK5MMV {
        padding: 1rem;
        gap: 0.75rem;
    }
    .GhY8F36W {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
    .jYB8_UuM {
        font-size: 20px;
    }
    .l5CeYl0J {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .RcItS24e {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
    .GLxK5MMV {
        padding: 0.85rem;
        gap: 0.6rem;
        border-radius: 10px;
    }
    .GhY8F36W {
        width: 36px;
        height: 36px;
        font-size: 15px;
        border-radius: 8px;
    }
    .xZrzq4v1 { font-size: 11px; }
    .jYB8_UuM { font-size: 18px; }
    .DSq2_urj {
        padding: 0.65rem 1rem;
    }
    .Fv5pVO3a {
        padding: 0.65rem 1rem;
    }
    .l5CeYl0J {
        grid-template-columns: 1fr 1fr;
    }
}

/* ── Skeleton loading ── */
.HK8vH56c {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(45, 47, 57, 0.3);
}
.IhqslVwN {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #2d2f39;
    flex-shrink: 0;
    animation: o2V0asUa 1.5s ease-in-out infinite;
}
.Y1Z02H5q {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1 1;
}
.drApUMNG {
    height: 10px;
    background: #2d2f39;
    border-radius: 4px;
    animation: o2V0asUa 1.5s ease-in-out infinite;
}
.uCzs5bxp { width: 70%; }
.Iy1XTMB6 { width: 45%; }

@keyframes o2V0asUa {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.7; }
}

/* Requests Tab Styles */
.le7iRfUi {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.psKmatRI {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    width: 100%;
    box-sizing: border-box;
}

.mSZ1fKVZ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.BjgKYy2E {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1.5rem;
}

.BJPv76UI {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.BJPv76UI i {
    color: #0D7AC7;
    font-size: 18px;
}

.lp8XPo1e {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.lp8XPo1e .jH_xM5uF {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.qJQnjyIc {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #2d2f39;
    background-color: var(--sub-bg-dark);
    border-radius: 15px 15px 0 0;
}

.qJQnjyIc i {
    color: var(--white);
    font-size: 16px;
}

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

.mNSuMCd1 {
    padding: 1rem 1.25rem 0 1.25rem;
}

.ffWNFAjx {
    min-width: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.ffWNFAjx .jH_xM5uF {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 0 0 15px 15px;
    width: 100%;
    box-sizing: border-box;
}

.y5_bvfvY {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 15px 15px 0 0;
}

.y5_bvfvY i {
    color: #0D7AC7;
    font-size: 16px;
}

.VtQVhrP8 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.IyTsWEig {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-family: var(--font-family);
    outline: none;
    box-sizing: border-box;
}

.wrXN0cI4 {
    width: 100%;
    display: flex;
}

.wrXN0cI4 button {
    width: 100%;
    justify-content: center;
}

.IyTsWEig:focus {
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.08);
}

.IyTsWEig::placeholder {
    color: #666;
}

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

.wX86Et6x {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.Ky3_iMIj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
}

.zbQaTbg2 {
    padding: 0.5rem 1rem;
    background-color: #ef4444;
    border: none;
    border-radius: 6px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.zbQaTbg2:hover {
    background-color: #dc2626;
}

.MxbJQo7M {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    padding: 1rem;
}

.IsJLrBZ2 {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.IsJLrBZ2:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
    border-color: #444;
}

.QtAr4RMK {
    margin: 0;
    padding: 0;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    white-space: pre-wrap;
    word-break: break-all;
    overflow-x: auto;
}

.QtAr4RMK code {
    font-family: inherit;
    color: inherit;
}

.Xe2Mcisy {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.cbVxhhI1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
    align-content: start;
}

/* Requests List Styles */
.xDuJ8rzX {
    min-width: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

._574or0z {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #2d2f39;
    background-color: var(--sub-bg-dark);
    border-radius: 15px 15px 0 0;
}

._574or0z h4 {
    margin: 0;
    color: var(--white);
}

.xDuJ8rzX .jH_xM5uF {
    padding: 1rem;
    border-radius: 0 0 15px 15px;
}

.dTUo_ksD {
    width: 100%;
}

.MejjMieZ {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    min-height: calc(100vh - 350px);
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

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

.Dz6YFCcq {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background-color: #000;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.Dz6YFCcq:hover {
    background-color: rgb(11, 10, 10);
}

.dcCc6gMc {
    border-color: #0D7AC7;
    background-color: rgba(13, 122, 199, 0.1);
    box-shadow: 0 0 0 2px rgba(13, 122, 199, 0.2);
}

.YeC7_QSa {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
    flex-shrink: 0;
}

.B1X8cQaY {
    flex: 1 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.QwJJp50X {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 12px;
}

/* Quick Invite Styles */
.pNh9XGaZ {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pNh9XGaZ .jH_xM5uF {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 0 0 15px 15px;
}

.YAsuZpOF {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #2d2f39;
    background-color: var(--sub-bg-dark);
    border-radius: 15px 15px 0 0;
}

.YAsuZpOF i {
    color: var(--white);
    font-size: 16px;
}

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

.MTqKsCG4 {
    width: 100%;
}

.PG69882w {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-family: var(--font-family);
    outline: none;
    box-sizing: border-box;
}

.PG69882w:focus {
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.08);
}

.PG69882w::placeholder {
    color: #666;
}

.IKpPbmA3 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 302px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

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

.Xkg48OJF {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.Xkg48OJF:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #444;
}

.JwXDQLFM {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.Xkg48OJF:hover .JwXDQLFM {
    border-color: rgba(255, 255, 255, 0.5);
}

.rvnyCtMg {
    background-color: #0D7AC7;
    border-color: #0D7AC7;
}

.JwXDQLFM i {
    color: var(--white);
    font-size: 12px;
}

/* Actions Styles */
.fO1UpQDF {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.fO1UpQDF .jH_xM5uF {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 0 0 15px 15px;
}

.VagBTxUQ {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #2d2f39;
    background-color: var(--sub-bg-dark);
    border-radius: 15px 15px 0 0;
}

.VagBTxUQ i {
    color: var(--white);
    font-size: 16px;
}

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

.V7J_HtFh {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #3A7BD5;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.V7J_HtFh:hover {
    background-color: #2d62b0;
}

.V7J_HtFh i {
    font-size: 16px;
}

.V7J_HtFh span {
    text-align: center;
    line-height: 1.4;
}

.HkYLoN_O {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #3A7BD5;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.HkYLoN_O:hover {
    background-color: #2d62b0;
}

.HkYLoN_O i {
    font-size: 11px;
}

.HkYLoN_O span {
    text-align: center;
    line-height: 1.4;
}

.MKUZ30Hz {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #C04A3B;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.MKUZ30Hz:hover {
    background-color: #a83d30;
}

.MKUZ30Hz i {
    font-size: 11px;
}

.B69rX_sj {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #c74a3a;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.B69rX_sj:hover {
    background-color: #b03d2e;
}

.B69rX_sj i {
    font-size: 16px;
}

/* Member Info Panel Styles */
._G8qPCQg {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.nd44kfkp {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.nd44kfkp .jH_xM5uF {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 0 0 15px 15px;
}

.n4zuFjJP {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1rem 0 1rem;
    border-radius: 15px 15px 0 0;
}

.n4zuFjJP i {
    color: #0D7AC7;
    font-size: 16px;
}

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

.l9cPAT2W {
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.l9cPAT2W h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.l9cPAT2W p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

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

.h89N1Ee8 {
    color: #0D7AC7;
    font-size: 12px;
    cursor: pointer;
}

.h89N1Ee8:hover {
    text-decoration: underline;
}

.fQvUilvG {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.xrFJZ2PV {
    padding: 0.5rem 0.875rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 6px;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
}

.Zkn2ipDw {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
}

.t1xApfoq {
    padding: 0.25rem 0.5rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 4px;
    color: var(--white);
    font-size: 11px;
    display: inline-block;
    line-height: 1.2;
}

.bkS7Dfun {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #0D7AC7;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.bkS7Dfun:hover {
    background-color: #0b6ba8;
}

.bkS7Dfun i {
    font-size: 11px;
}

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

.hcQvIe0W {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #0D7AC7;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    margin-top: 0.5rem;
}

.hcQvIe0W:hover {
    background-color: #0b6ba8;
}

.hcQvIe0W i {
    font-size: 11px;
}

/* Rating Section */
.ZIZuj7JZ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.gsi3xQ6d {
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.t_XYwOf0 {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.SgGsQSU2 {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.CHFTfCUK {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}

.h037WNif {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.h037WNif:hover {
    transform: scale(1.1);
}

.s0EnxB31 {
    font-size: 24px;
    transition: all 0.2s ease;
}

.tJDv_9kc {
    color: #FFD700;
}

.YpcSqElI {
    color: rgba(255, 255, 255, 0.3);
}

.SibhhUQr {
    width: 100%;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-family: var(--font-family);
    resize: vertical;
    min-height: 80px;
    transition: border-color 0.2s ease;
}

.SibhhUQr:focus {
    outline: none;
    border-color: #0D7AC7;
}

.SibhhUQr::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.JKhOtNZk {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #0D7AC7;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.JKhOtNZk:hover:not(:disabled) {
    background-color: #0b6ba8;
}

.JKhOtNZk:disabled {
    background-color: rgba(13, 122, 199, 0.3);
    cursor: not-allowed;
    opacity: 0.5;
}

.JKhOtNZk i {
    font-size: 11px;
}

/* Responsive */
@media (max-width: 1024px) {
    .psKmatRI {
        grid-template-columns: 1fr;
    }

    .Xe2Mcisy {
        order: -1;
    }
}

/* Sidebar */
.A17ZnDeN {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
    min-height: calc(100vh - 220px);
    max-height: calc(100vh);
    overflow-y: auto;
    overflow-x: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
    align-self: flex-start;
    scrollbar-width: none;
    -ms-overflow-style: none;
    animation: xTFEnXP9 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    animation-fill-mode: forwards;
    width: 100%;
}

/* Mobile Sidebar Overlay */
.FwF0m3av {
    display: none;
}

@media (max-width: 768px) {
    .FwF0m3av {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 998;
        animation: IbOxzIyb 0.3s ease;
        -webkit-backdrop-filter: blur(2px);
                backdrop-filter: blur(2px);
    }

    .A17ZnDeN {
        position: fixed;
        top: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: 500px;
        max-height: 80vh;
        margin-top: 10vh;
        margin-bottom: 10vh;
        background-color: var(--sub-bg-dark);
        border: 1px solid #2d2f39;
        border-radius: 20px;
        z-index: 999;
        padding: 1.5rem;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
        animation: vIlcEwUL 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
        opacity: 1;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    @keyframes _3MTqs8y1 {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }

    @keyframes vIlcEwUL {
        from {
            opacity: 0;
            transform: translateX(-50%) translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
        }
    }

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

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

@keyframes xTFEnXP9 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.uMlEvkrj {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.WqCckrtX {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #2d2f39;
}

.WqCckrtX i {
    color: #0D7AC7;
    font-size: 16px;
}

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

.r2fpHa3B {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.r2fpHa3B i {
    font-size: 12px;
    color: #666;
}

.IUkpJNnz {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.exuE2H8S {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    background-color: rgba(255, 255, 255, 0.02);
}

.exuE2H8S:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

._y37jlbf {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aC8zVMcu {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
}

.exuE2H8S:hover .aC8zVMcu {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.08);
}

.iZweGJ6P {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #0D7AC7;
    border: 2px solid #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.iZweGJ6P i {
    color: var(--white);
    font-size: 12px;
}

/* Selected Guest Card */
.b6yQ5wf9 {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.XMKCVnrI {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1 1;
}

.ocaQ1m5Z {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(13, 122, 199, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D7AC7;
}

.U8iHGtgN {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.U8iHGtgN:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
    border-color: #444;
}

/* Guest Info Panel */
.E3rvyREQ {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Guest Info Panel Popup Styles */
.CrKVoK42 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    z-index: 1000;
    animation: IbOxzIyb 0.2s ease;
}

.stpjMiUD {
    position: fixed;
    top: 0;
    right: 0;
    width: 520px;
    max-width: 100%;
    height: 100vh;
    background-color: var(--sub-bg-dark);
    border-left: 1px solid #2d2f39;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    animation: QdheUt87 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.4);
}

@keyframes QdheUt87 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.ciJBPB5B {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #2d2f39;
    background-color: rgba(255, 255, 255, 0.02);
    flex-shrink: 0;
}

.SJGQf0ec {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.QXb3qBVO {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0D7AC7 0%, #3A7BD5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
}

.I2reiKzj {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.I2reiKzj h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
}

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

.W0tbqfJQ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.2s ease;
}

.W0tbqfJQ:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.15);
    color: var(--white);
}

.W0tbqfJQ i {
    font-size: 16px;
}

.gjwAmDId {
    flex: 1 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}

.gjwAmDId::-webkit-scrollbar {
    width: 6px;
}

.gjwAmDId::-webkit-scrollbar-track {
    background: transparent;
}

.gjwAmDId::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.gjwAmDId::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Mobile responsive for popup */
@media (max-width: 480px) {
    .stpjMiUD {
        width: 100%;
        border-left: none;
        border-radius: 0;
    }

    .ciJBPB5B {
        padding: 1rem 1.25rem;
    }

    .gjwAmDId {
        padding: 1rem 1.25rem;
    }

    .QXb3qBVO {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}

.B6RcrKWr {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    padding: 0.875rem;
}

.y5_bvfvY {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.25rem;
}

.y5_bvfvY i {
    color: #0D7AC7;
    font-size: 13px;
}

.y5_bvfvY h4 {
    font-size: 14px;
    font-weight: 500;
}

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

/* Bulk Actions Panel */
.K9F7_Vnr {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.DaNotADV {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    border-bottom: 1px solid #2d2f39;
}

.ygeJRo22 {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.SCoaJstk {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SCoaJstk i {
    font-size: 20px;
    color: var(--white);
}

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

.MpMVMQrp {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.MpMVMQrp:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--white);
}

.MpMVMQrp i {
    font-size: 16px;
}

.FBcqr75M {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

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

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

.J2fTngxL {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.NgON9wxj {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.NgON9wxj i {
    color: var(--white);
    font-size: 16px;
}

.ksSyYoSp,
.jlRzAJBW,
.R6nwXiLb {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #3A7BD5;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.ksSyYoSp:hover,
.jlRzAJBW:hover,
.R6nwXiLb:hover {
    background-color: #2d62b0;
}

    .ksSyYoSp i,
    .jlRzAJBW i,
    .R6nwXiLb i,
    .wi2K8SVo i,
    .OWR_YRmT i,
    .CA9gwPGy i,
    .KLBYnl_9 i {
        font-size: 15px;
    }

.wi2K8SVo {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #C04A3B;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.wi2K8SVo:hover {
    background-color: #a83d30;
}

.wi2K8SVo i {
    font-size: 16px;
}

.OWR_YRmT {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #6B7280;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.OWR_YRmT:hover {
    background-color: #4B5563;
}

.OWR_YRmT i {
    font-size: 16px;
}

.CA9gwPGy {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #6B7280;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.CA9gwPGy:hover {
    background-color: #4B5563;
}

.CA9gwPGy i {
    font-size: 16px;
}

.KLBYnl_9 {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #DC2626;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.KLBYnl_9:hover {
    background-color: #B91C1C;
}

.KLBYnl_9 i {
    font-size: 16px;
}

.Pg097cIA {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
}

/* Status Section */
.C58OLOLC {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.NNyQ15YP {
    position: relative;
    cursor: pointer;
}

.akfIbgeQ {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 20px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.NNyQ15YP:hover .akfIbgeQ {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #444;
}

.VrQ0IOIG {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #22c55e;
    flex-shrink: 0;
}

.NNyQ15YP[data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    top: calc(100% + 0.75rem);
    left: 100%;
    transform: translateX(-50%) translateY(-4px);
    padding: 0.75rem 1rem;
    background-color: rgba(22, 24, 36, 0.98);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    max-width: 350px;
    min-width: 200px;
    white-space: normal;
    text-align: left;
    line-height: 1.5;
    word-wrap: break-word;
}

.NNyQ15YP[data-tooltip]::after {
    content: '';
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #2d2f39;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1001;
}

.NNyQ15YP:hover[data-tooltip]::before {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.NNyQ15YP:hover[data-tooltip]::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

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

._lRl1CCP {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 14px;
    font-family: var(--font-family);
}

._lRl1CCP:focus {
    outline: none;
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.08);
}

._lRl1CCP::placeholder {
    color: #666;
}

.dP0_yMn2 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

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

/* Main Content */
.t3O7c75E {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.twqVehSx {
    width: 100%;
    margin-bottom: 0.5rem;
    position: relative;
}

.QOYm2qEc {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 10px;
    padding: 0.6rem 0.5rem;
    transition: border-color 0.2s ease;
    min-height: 37px;
    flex: 1 1 auto;
}

.QOYm2qEc:focus-within {
    border-color: #444;
}

.wCwDSFiL {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.qFlI_Vzt {
    flex: 1 1;
    background: none;
    border: none;
    color: var(--white);
    font-size: 14px;
    font-weight: 300;
    font-family: var(--font-family);
    outline: none;
    width: 100%;
}

.qFlI_Vzt::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.AdPFwpQo {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    margin-left: 0.75rem;
}

.AdPFwpQo:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #444;
    color: rgba(255, 255, 255, 0.9);
}

.f_0NemyF {
    background-color: rgba(13, 122, 199, 0.2);
    border-color: #0D7AC7;
    color: #0D7AC7;
}

.AdPFwpQo i {
    font-size: 14px;
}

.G9YtPv3J {
    position: absolute;
    top: calc(100% + 0.75rem);
    left: 0;
    right: 0;
    z-index: 100;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    max-height: 600px;
    overflow-y: auto;
    animation: CPA2B9jY 0.2s ease-out;
}

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

.G9YtPv3J .uMlEvkrj {
    border: none;
    border-radius: 0;
    padding: 1.5rem;
    box-shadow: none;
}

/* Chip-style filter buttons (Type/Tag) */
.XGGrlhuK {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid #2d2f39;
    background: var(--sub-bg-dark);
    color: #e5e7eb;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.15s ease;
    min-height: 40px;
}

.XGGrlhuK:hover {
    border-color: #3a3c48;
    background: #1e1f2a;
}

.XGGrlhuK:active {
    transform: translateY(1px);
}

.VTCOdMGQ {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--primary-500);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

/* Inline guest filters row */
.aSHheNMi {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-end;
    /* width: fit-content; */
    max-width: 100%;
    min-width: 0;
}

.cdl3KQdC {
    position: relative;
    min-width: 160px;
    flex: 1 1 auto;
}

/* Cascading Dropdown Filters */
.QZe5gVIx {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.gg5lwADj {
    position: relative;
    min-width: 140px;
    flex: 0 1 auto;
}

.TxOnCZBJ {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 38px;
    gap: 0.5rem;
}

.TxOnCZBJ:hover {
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.08);
}

.TxOnCZBJ.R3Ydo2R0 {
    border-color: #0D7AC7;
    background-color: rgba(13, 122, 199, 0.1);
    box-shadow: 0 0 0 2px rgba(13, 122, 199, 0.1);
}

.TxOnCZBJ.DfWZlcko {
    border-color: rgba(13, 122, 199, 0.3);
    background-color: rgba(13, 122, 199, 0.05);
}

.PKc_eTBk {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    flex: 1 1;
    text-align: left;
}

.rH4plEOD {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background-color: var(--sub-bg-dark);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    min-width: 250px;
    max-width: 350px;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.yQC0Ynte {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.02);
}

.yQC0Ynte i {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.ZMx2HxDg {
    flex: 1 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--white);
    font-size: 13px;
    font-family: var(--font-family);
    padding: 0.25rem 0;
}

.ZMx2HxDg::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.n9w0GsPc {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.25rem 0;
}

.n9w0GsPc::-webkit-scrollbar {
    width: 6px;
}

.n9w0GsPc::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.n9w0GsPc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.n9w0GsPc::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

.EvtqtZkI.UArZJrIX {
    background-color: rgba(13, 122, 199, 0.15);
}

.EvtqtZkI.UArZJrIX:hover {
    background-color: rgba(13, 122, 199, 0.25);
}

@media (max-width: 860px) {
    .NbfcWG5A {
        flex-direction: column;
    }
    .vIXdcJ2E {
        width: 100%;
    }
    .bOAJxV3f {
        width: 100%;
    }
    .hMb4zG5h {
        width: 100%;
        max-width: 100%;
    }
}

.fWQguX_K {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/* Skeleton Loading */
.Wk4u2NJ6 {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    position: relative;
    overflow: hidden;
    cursor: default;
    min-height: 200px;
}

.Wk4u2NJ6::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        transparent
    );
    animation: k9cQjCb6 1.5s infinite;
}

@keyframes k9cQjCb6 {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

.QhqOiqTw {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.IBGOzc92 {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.B0emwPkB {
    height: 12px;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.QTcMQnmR {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.25rem 0;
}

/* Guest Card - Grid View */
.iwJPPT_B {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    text-align: center;
    min-height: 200px;
}

.iwJPPT_B:hover {
    border-color: #444;
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.H3JHJ2MK {
    border-color: #0D7AC7;
    background-color: rgba(13, 122, 199, 0.12);
    box-shadow: 0 0 0 2px rgba(13, 122, 199, 0.25);
}

.H3JHJ2MK:hover {
    border-color: #0D7AC7;
    background-color: rgba(13, 122, 199, 0.15);
}

/* Checkbox */
.YOC0o04r {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.jm0TWjyH {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
}

.iwJPPT_B:hover .jm0TWjyH {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.08);
}

.e3iw6mm9 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #0D7AC7;
    border: 2px solid #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 11px;
}

/* Avatar */
.S7fcfhh5 {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D7AC7 0%, #3A7BD5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(13, 122, 199, 0.3);
    margin-top: 0.5rem;
}

.kiu4m1TL {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.H3JHJ2MK .S7fcfhh5 {
    box-shadow: 0 2px 12px rgba(13, 122, 199, 0.5);
}

/* Content */
.hoIfRRbp {
    flex: 1 1;
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.r6zfluhc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.r6zfluhc h4 {
    margin: 0;
    color: var(--white);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.QHG6o1CJ {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

._P4aZkoL {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._P4aZkoL i {
    font-size: 9px;
}

.HLIpK1Sx {
    background-color: rgba(58, 123, 213, 0.2);
    color: #3A7BD5;
    border: 1px solid rgba(58, 123, 213, 0.3);
}

.rWY7vz73 {
    background-color: rgba(192, 74, 59, 0.2);
    color: #C04A3B;
    border: 1px solid rgba(192, 74, 59, 0.3);
}

.Xj5GPBmt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.g41F3Je_ {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    width: 100%;
    min-width: 0;
    justify-content: center;
}

.LuYqoSrS {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1 1;
}

.g41F3Je_ i {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
}

.QeUI2We1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.zg_V05UW {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
}

.BvOLkT2S {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}

/* Arrow */
.z5NsE2xu {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    transition: all 0.2s ease;
}

.iwJPPT_B:hover .z5NsE2xu {
    color: rgba(255, 255, 255, 0.6);
    transform: translateX(2px);
}

/* Responsive */
@media (max-width: 1024px) {
    .BbUSt0EM {
        padding: 1.5rem;
    }

    .O3MyoFQ3 {
        gap: 1rem;
        padding: 1.5rem;
    }
    
    .l4tNjGcV {
        gap: 1.25rem;
    }
    
    .O3MyoFQ3[style*="350px"] {
        grid-template-columns: 1fr 300px;
    }

    .A17ZnDeN {
        max-height: calc(100vh - 180px);
        width: calc(100% - 3rem);
        top: 1.5rem;
    }

    .QTcMQnmR {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 0.75rem;
    }

    .iwJPPT_B {
        padding: 0.875rem;
        min-height: 180px;
    }

    .S7fcfhh5 {
        width: 40px;
        height: 40px;
    }

    .kiu4m1TL {
        font-size: 14px;
    }

    .K9F7_Vnr {
        max-height: calc(100vh - 180px);
    }

    .FBcqr75M {
        padding: 1.25rem;
        gap: 1.25rem;
    }

    .J2fTngxL {
        gap: 0.625rem;
    }

    ._G8qPCQg {
        gap: 1.25rem;
    }
}

@media (max-width: 768px) {
    .BbUSt0EM {
        padding: 1rem;
    }

    .O3MyoFQ3 {
        gap: 1rem;
        padding: 1rem;
    }
    
    .l4tNjGcV {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }
    
    .l4tNjGcV[style*="350px"] {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }

    .xwlEq4Wx {
        order: 1;
        width: 100%;
    }

    .QTcMQnmR {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 0.75rem;
    }

    .iwJPPT_B {
        padding: 0.75rem;
        gap: 0.625rem;
        min-height: 160px;
    }

    .S7fcfhh5 {
        width: 36px;
        height: 36px;
    }

    .kiu4m1TL {
        font-size: 12px;
    }

    .hoIfRRbp {
        gap: 0.375rem;
    }

    .r6zfluhc {
        gap: 0.5rem;
    }

    .r6zfluhc h4 {
        font-size: 14px;
    }

    .Xj5GPBmt {
        gap: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .z5NsE2xu {
        display: none;
    }

    .YOC0o04r {
        display: none;
    }

    .uMlEvkrj {
        padding: 1rem;
    }

    /* Bulk Actions Panel Mobile */
    .K9F7_Vnr {
        border-radius: 20px 20px 0 0;
        max-height: 80vh;
    }

    .DaNotADV {
        padding: 1rem;
    }

    .SCoaJstk {
        width: 40px;
        height: 40px;
    }

    .FBcqr75M {
        padding: 1rem;
        gap: 1.25rem;
    }

    .dfCyGNcI {
        gap: 0.75rem;
    }

    .J2fTngxL {
        gap: 0.5rem;
    }

    .ksSyYoSp,
    .jlRzAJBW,
    .R6nwXiLb,
    .wi2K8SVo,
    .OWR_YRmT,
    .CA9gwPGy,
    .KLBYnl_9 {
        padding: 0.75rem 1rem;
        font-size: 14px;
    }

    .ksSyYoSp i,
    .jlRzAJBW i,
    .R6nwXiLb i,
    .wi2K8SVo i,
    .OWR_YRmT i,
    .CA9gwPGy i,
    .KLBYnl_9 i {
        font-size: 14px;
    }

    /* Member Info Panel Mobile */
    ._G8qPCQg {
        gap: 1rem;
    }

    .nd44kfkp,
    .pNh9XGaZ,
    .fO1UpQDF {
        border-radius: 12px;
    }

    .n4zuFjJP,
    .YAsuZpOF,
    .VagBTxUQ {
        padding: 0.875rem 1rem;
    }

    .nd44kfkp .jH_xM5uF,
    .pNh9XGaZ .jH_xM5uF,
    .fO1UpQDF .jH_xM5uF {
        padding: 0.875rem 1rem;
    }
}

/* Request Modal Layout */
.U6zXzlNE {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    width: 100%;
}

.KRYXnYQu {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fF71gaRh {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

/* Request Modal Footer */
.OCOeDGpI {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid #2d2f39;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Responsive for Request Modal */
@media (max-width: 768px) {
    .U6zXzlNE {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .OCOeDGpI {
        padding: 1rem;
    }
}


.WZdE5eQu {
    background-color: var(--bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 16px;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: iHQUZEpC 0.2s ease-out;
    position: relative;
    margin: 0 auto;
}

.w6P9wiKS {
    padding: 1.5rem;
    border-bottom: 1px solid #2d2f39;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
}

.phxo8JbX {
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 8px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.phxo8JbX:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.h6XUyT1S {
    flex: 1 1;
}

.h6XUyT1S h3 {
    margin: 0 0 0.25rem 0;
    color: var(--white);
}

.h6XUyT1S p {
    margin: 0;
    color: #888;
}

.oS99Jafm {
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 8px;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.oS99Jafm:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
}

.XadSR4VD {
    background-color: #0D7AC7;
    border-radius: 8px;
    padding: 1rem;
}

.XadSR4VD p {
    margin: 0;
    color: var(--white);
}

.TTop8ofE {
    position: relative;
    margin-bottom: 1.5rem;
}

.wWsDgSD3 {
    position: relative;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    padding: 0.35rem 0.6rem;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 36px;
    height: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.wWsDgSD3:hover {
    border-color: #3d3f49;
}

.R3Ydo2R0 {
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.08);
}

.QQlijw4D {
    flex: 1 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    min-height: 28px;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.hCDZg1NW {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #2d2f39;
    border-radius: 4px;
    color: var(--white);
    font-size: 12px;
    white-space: nowrap;
    line-height: 1.2;
    flex-shrink: 0;
    max-width: 200px;
}

.hCDZg1NW span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.itSmcl7O {
    background: transparent;
    border: none;
    color: #888;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    transition: color 0.2s ease;
    width: 14px;
    height: 14px;
}

.itSmcl7O:hover {
    color: var(--white);
}

.z94EyPBa {
    flex: 1 1;
    min-width: 0;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: var(--white);
    font-size: 14px;
    font-family: var(--font-family);
    padding: 0.2rem 0;
}

.z94EyPBa::placeholder {
    color: #666;
}

.nZkDyBb5 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    flex-shrink: 0;
}

.J0RpbGag {
    background: transparent;
    border: none;
    color: #888;
    cursor: pointer;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: color 0.2s ease;
    width: 22px;
    height: 22px;
}

.J0RpbGag:hover {
    color: var(--white);
}

.nZkDyBb5 i {
    color: #888;
    font-size: 12px;
    transition: transform 0.2s ease;
}

.Z19ByiPG {
    transform: rotate(180deg);
}

.YpgM4CiT {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    max-height: 350px;
    overflow-y: auto;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.EvtqtZkI {
    padding: 0.75rem 1rem;
    color: var(--white);
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 14px;
}

.EvtqtZkI:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.EvtqtZkI i {
    color: #0D7AC7;
}

.dPie3UT5 {
    width: 18px;
    height: 18px;
    border: 2px solid #2d2f39;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.X9B17w6R {
    background-color: #0D7AC7;
    border-color: #0D7AC7;
}

.dPie3UT5 i {
    color: var(--white);
    font-size: 10px;
}

.jxCBzey7 {
    padding: 0.75rem 1rem;
    color: #666;
    text-align: center;
    font-size: 14px;
}

.jx90MdXq {
    min-height: 150px;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.ya4Kr7pY {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.DrjUAt8i {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 6px;
    color: var(--white);
    font-size: 13px;
}

.DrjUAt8i span {
    color: var(--white);
}

.c0MDVHMa {
    background: transparent;
    border: none;
    color: #888;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: color 0.2s ease;
}

.c0MDVHMa:hover {
    color: var(--white);
}

.U8zg_JVO {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 100px;
}

.wJW1bIwn {
    padding: 1rem 1.5rem;
    border-top: 1px solid #2d2f39;
    display: flex;
    justify-content: flex-end;
}

.xDJ2RIS9 {
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border: none;
    border-radius: 50%;
    color: var(--bg-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.xDJ2RIS9:hover {
    background-color: #f0f0f0;
    transform: scale(1.05);
}


.Kxv0ojD9 {
    padding: 0.5rem 1rem;
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.Kxv0ojD9:hover {
    background-color: #2d2f39;
}

.XDmHbso2 {
    padding: 0.5rem 1rem;
    background-color: #3A7BD5;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.XDmHbso2:hover:not(:disabled) {
    background-color: #2d62b0;
}

.XDmHbso2:disabled {
    background-color: rgba(58, 123, 213, 0.3);
    color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
    opacity: 0.6;
}

.IzcnNJrY {
    padding: 0.5rem 1rem;
    background-color: #C04A3B;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.IzcnNJrY:hover {
    background-color: #a83d30;
}

/* Duplicate Detection Styles */
.TQoSJwIL {
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    margin-right: 0.75rem;
}

.TQoSJwIL:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #3d3f49;
}

.JlIvBknR {
    background-color: #0D7AC7;
    border-color: #0D7AC7;
}

.JlIvBknR:hover {
    background-color: #0b6ba8;
}

.SQ7J7OUs {
    width: 100%;
    padding: 1rem 0;
}

@media (max-width: 768px) {
    .SQ7J7OUs {
        padding: 1rem 0;
    }
}

.V8g_SX2d {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1.5rem;
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .V8g_SX2d {
        padding: 1rem;
        border-radius: 12px;
    }

    .Elku_enx {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .wTQHjkDg {
        padding: 1rem;
    }

    .eujD9brV {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .oxTemsbX {
        flex-wrap: wrap;
    }

    .E2eQNaVs {
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .E2eQNaVs button {
        width: auto;
    }
}

.Elku_enx {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #2d2f39;
    margin-bottom: 1.5rem;
}

.Elku_enx i {
    color: #0D7AC7;
    font-size: 18px;
}

.ruCiyAe1 {
    background-color: #0D7AC7;
    color: var(--white);
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
}

.IbMFwYbH {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #888;
    text-align: center;
}

.IbMFwYbH i {
    font-size: 48px;
    margin-bottom: 1rem;
    color: #0D7AC7;
}

.RcebN43S {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.wTQHjkDg {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    padding: 1.25rem;
}

.eujD9brV {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.oxTemsbX {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1 1;
}

.yX3aGrSW {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
    flex-shrink: 0;
}

.a_9L0kwp {
    flex: 1 1;
    min-width: 0;
    overflow: hidden;
}

.T4ePz1Fg {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.25rem;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.T4ePz1Fg span {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: #888;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 1;
}

.T4ePz1Fg span i {
    flex-shrink: 0;
}

.stgctSWd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1;
}

@media (max-width: 768px) {
    .T4ePz1Fg span {
        max-width: 100%;
    }
}

.ATx0Bt00 {
    margin-left: 1rem;
}

.O45A3lN6 {
    background-color: rgba(13, 122, 199, 0.2);
    color: #0D7AC7;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.zl0tNyHj {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2d2f39;
}

.PKLySMU9 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    color: #888;
}

.P_xda1A5 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
        padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.gJQpkNYq {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.Qsa_l0kL {
    flex: 1 1;
    min-width: 0;
}

.zv12N4Il {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
    color: #888;
    min-width: 0;
}

.zv12N4Il span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
}

.YgB9OeR6 {
    color: #0D7AC7;
    font-weight: 600;
    font-size: 12px;
}

.E2eQNaVs {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2d2f39;
    justify-content: flex-end;
}

.efCUVv3F,
.QG6bvdRu {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.efCUVv3F {
    background-color: #0D7AC7;
}

.efCUVv3F:hover {
    background-color: #0b6ba8;
}

.QG6bvdRu {
    background-color: #C04A3B;
}

.QG6bvdRu:hover {
    background-color: #a83d30;
}

/* Merge Recommendation Panel */
.h8slsr5d {
    margin-top: 1rem;
    padding: 1rem;
    background-color: rgba(13, 122, 199, 0.1);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 8px;
}

.jepIQq2L {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    color: #0D7AC7;
}

.cwuQuVMj {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.OjYB2VcM {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.a4DzTGB5 {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background-color: rgba(13, 122, 199, 0.2);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 6px;
    color: #0D7AC7;
    font-size: 12px;
}

/* Manual Merge Modal */
.yUXAR8zt {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.O8g6IGEM {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.45);
}

.O8g6IGEM i {
    font-size: 11px;
}

.JKHEwcLR {
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: rgba(52, 211, 153, 0.15);
    color: #34D399;
    border: 1px solid rgba(52, 211, 153, 0.25);
}

.UoUz8Ae7,
.lmze_qhe {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.UoUz8Ae7 h5,
.lmze_qhe h5 {
    color: rgba(255, 255, 255, 0.9);
}

.G2yKte2E,
.R_LHHhxl {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
}

.R_LHHhxl {
    border-color: rgba(52, 211, 153, 0.25);
    background-color: rgba(52, 211, 153, 0.04);
}

/* Swap divider */
.zEyMRv73 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem 0;
    color: rgba(255, 255, 255, 0.2);
}

.zEyMRv73 i {
    font-size: 12px;
    flex-shrink: 0;
}

.nAbUQisw {
    flex: 1 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.06);
}

.DxfTXBLV {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 18px;
    flex-shrink: 0;
}

.cTtSyMSH {
    flex: 1 1;
    min-width: 0;
}

.cTtSyMSH h6 {
    margin: 0 0 0.5rem 0;
    color: rgba(255, 255, 255, 0.95);
}

.cTtSyMSH p {
    margin: 0.25rem 0;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sDdrHwD_ {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.sDdrHwD_ span {
    color: rgba(255, 255, 255, 0.8);
}

.hq9rgvP8 {
    padding: 0.25rem 0.5rem;
    background-color: rgba(58, 123, 213, 0.2);
    border: 1px solid rgba(58, 123, 213, 0.3);
    border-radius: 4px;
    color: #3A7BD5;
    font-size: 11px;
    font-weight: 600;
}

.i6xP4oFL {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.a2UdCx2a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.a2UdCx2a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #3d3f49;
}

.akTgUrww {
    background-color: rgba(13, 122, 199, 0.1);
    border-color: #0D7AC7;
}

.VACva12i {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1 1;
    min-width: 0;
    cursor: pointer;
}

.rwKVlUS1 {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.625rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.rwKVlUS1 i {
    font-size: 10px;
}

.rwKVlUS1:hover {
    background: rgba(52, 211, 153, 0.1);
    border-color: rgba(52, 211, 153, 0.3);
    color: #34D399;
}

.zRBUXRrO {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.g8RCuBqe {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
}

.gfjY6KX8 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #0D7AC7;
    border: 2px solid #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gfjY6KX8 i {
    color: var(--white);
    font-size: 12px;
}

.AFYQuyAJ {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.A4tnXxee {
    padding: 0.25rem 0.5rem;
    background-color: rgba(13, 122, 199, 0.2);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 4px;
    color: #60A5FA;
    font-size: 11px;
    font-weight: 600;
}

.n6NerAWF {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background-color: rgba(192, 74, 59, 0.1);
    border: 1px solid rgba(192, 74, 59, 0.3);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.9);
}

.n6NerAWF i {
    flex-shrink: 0;
    margin-top: 0.125rem;
    color: #FF6B6B;
}

.n6NerAWF p {
    color: rgba(255, 255, 255, 0.85);
}

/* Remove Duplicate Modal */
.RJx5knWs {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.Qgj1fxme {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background-color: rgba(192, 74, 59, 0.1);
    border: 1px solid rgba(192, 74, 59, 0.3);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.9);
}

.Qgj1fxme h5 {
    margin: 0;
    color: rgba(255, 255, 255, 0.95);
}

.Qgj1fxme i {
    color: #FF6B6B;
}

.ICmqCWhP,
.UUcC6P0H {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ICmqCWhP p,
.UUcC6P0H p {
    color: rgba(255, 255, 255, 0.8);
}

.eA7zZWud {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
}

.m69Phjeo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.eA7zZWud h6 {
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
}

.eA7zZWud p {
    color: rgba(255, 255, 255, 0.7);
    margin: 0.25rem 0 0 0;
}

.B1Y4ScHG {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.85);
}

.B1Y4ScHG i {
    flex-shrink: 0;
    margin-top: 0.125rem;
    color: #60A5FA;
}

.B1Y4ScHG p {
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* Auto Merge Setting */
.zd8Y7Wqb {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.VFfG5Op4 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.VucNafSr {
    flex: 1 1;
}

.VucNafSr h4 {
    margin: 0 0 0.5rem 0;
}

.VucNafSr p {
    margin: 0;
    color: #888;
}

.JLFOJ_vR {
    flex-shrink: 0;
}

.TGb64yL2 {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    cursor: pointer;
}

.TGb64yL2 input {
    opacity: 0;
    width: 0;
    height: 0;
}

.uyp9kgzm {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #2d2f39;
    transition: 0.3s;
    border-radius: 24px;
}

.uyp9kgzm:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: var(--white);
    transition: 0.3s;
    border-radius: 50%;
}

.TGb64yL2 input:checked + .uyp9kgzm {
    background-color: #0D7AC7;
    border-color: #0D7AC7;
}

.TGb64yL2 input:checked + .uyp9kgzm:before {
    transform: translateX(24px);
}

._JRX33Zs {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
}

.nOqO_eCD {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.nOqO_eCD i {
    color: #0D7AC7;
    flex-shrink: 0;
}

/* Duplicate Actions Panel */
.DnLCnQ1V {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.gmi_B0Yj {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 8px;
}

.XYflDGfP {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1;
    min-width: 0;
}

.gJQpkNYq {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D7AC7 0%, #0a5a9a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
}

/* Duplicate Detection Skeleton */
.aEN9hJa9 {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 15px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

.aEN9hJa9::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        transparent
    );
    animation: k9cQjCb6 1.5s infinite;
}

.U5ICo47R {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #2d2f39;
}

.uHH__VNL {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.uHH__VNL:last-child {
    margin-bottom: 0;
}

.Qg_U7bcK {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.KXbOG5nZ {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.oy23qI4o {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2d2f39;
}

.yc2skLY_ {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
}

.yc2skLY_:last-child {
    margin-bottom: 0;
}

.e4UHVxhd {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2d2f39;
}

@media (max-width: 768px) {
    .SQ7J7OUs {
        padding: 1rem 0;
    }

    .aEN9hJa9 {
        padding: 1rem 0;
    }

    .U5ICo47R {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .uHH__VNL {
        padding: 1rem;
    }

    .Qg_U7bcK {
        flex-wrap: wrap;
    }

    .e4UHVxhd {
        flex-direction: column;
    }

    .e4UHVxhd .B0emwPkB {
        width: 100%;
    }
}

/* Pagination Styles */
.RvzFM84j {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ucmzyJ1w {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

.STRwTs7r {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.STRwTs7r label {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

.zH0nnVJV {
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: var(--white);
    font-size: 14px;
    font-family: var(--font-family);
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23888%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px;
}

.zH0nnVJV:hover {
    border-color: #444;
    background-color: rgba(255, 255, 255, 0.08);
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E");
}

.zH0nnVJV:focus {
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.08);
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%230D7AC7%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E");
}

.zH0nnVJV option {
    background-color: var(--sub-bg-dark);
    color: var(--white);
    padding: 0.5rem;
}

.cRxz6uo1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.cRxz6uo1 .STRwTs7r {
    margin-right: 0.75rem;
}

.k63oSr2M {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
}

.k63oSr2M:hover:not(:disabled) {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #444;
    color: var(--white);
}

.k63oSr2M:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.n3ghS03i {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.m4NhN4AP {
    min-width: 36px;
    height: 36px;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #2d2f39;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
}

.m4NhN4AP:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #444;
    color: var(--white);
}

.DLcI7Tl5 {
    background-color: #0D7AC7;
    border-color: #0D7AC7;
    color: var(--white);
    font-weight: 500;
}

.DLcI7Tl5:hover {
    background-color: #0b6ba8;
    border-color: #0b6ba8;
}

.vxfb9kGb {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    -webkit-user-select: none;
            user-select: none;
}

/* Responsive Pagination */
@media (max-width: 768px) {
    .RvzFM84j {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .ucmzyJ1w {
        display: none;
    }

    .cRxz6uo1 {
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
    }

    .n3ghS03i {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .ucmzyJ1w {
        display: none;
    }

    .cRxz6uo1 {
        justify-content: center;
        gap: 0.5rem;
    }

    .cRxz6uo1 .STRwTs7r {
        margin-right: 0.5rem;
        width: 100%;
        justify-content: center;
        margin-bottom: 0.5rem;
    }

    .STRwTs7r label {
        font-size: 13px;
    }

    .zH0nnVJV {
        font-size: 13px;
        padding: 0.5rem 2rem 0.5rem 0.625rem;
    }

    .m4NhN4AP {
        min-width: 32px;
        height: 32px;
        padding: 0 0.5rem;
        font-size: 13px;
    }

    .k63oSr2M {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
}

/* ── Merge Suggestions Modal ── */

.IpT_Eiwa {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Filter pills */
.q9Sq_V4s {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.RBhwSP94 {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    border-radius: 8px;
    border: 1px solid #2d2f39;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.RBhwSP94 i {
    font-size: 11px;
}

.RBhwSP94:hover {
    border-color: #444;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.04);
}

.JkRLQfsV {
    background: rgba(13, 122, 199, 0.12);
    border-color: #0D7AC7;
    color: #0D7AC7;
}

.JkRLQfsV:hover {
    background: rgba(13, 122, 199, 0.15);
    border-color: #0D7AC7;
    color: #0D7AC7;
}

.aE7ZpRHT {
    background: rgba(255, 255, 255, 0.06);
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
}

.JkRLQfsV .aE7ZpRHT {
    background: rgba(13, 122, 199, 0.2);
}

/* Card list */
.eVSow4dq {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.iDTu5pQN {
    background-color: var(--sub-bg-dark);
    border: 1px solid #2d2f39;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.iDTu5pQN:hover {
    border-color: #444;
}

/* Card header */
.xHdbEG3M {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    background: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.vL6OYYrk {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3rem 0.625rem;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    background: rgba(13, 122, 199, 0.12);
    color: #0D7AC7;
}

.vL6OYYrk i {
    font-size: 10px;
}

.DrydJEGF {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1;
    min-width: 0;
}

.DHHFbkrN {
    color: rgba(255, 255, 255, 0.35);
    font-size: 11px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Guest rows */
._tkIrAEN {
    padding: 0.375rem 0;
}

.M3OqJ1qf {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.75rem 1.25rem;
    transition: background 0.15s ease;
}

.M3OqJ1qf:hover {
    background: rgba(255, 255, 255, 0.02);
}

.T3DYlFyg {
    background: rgba(52, 211, 153, 0.03);
}

.M3OqJ1qf + .M3OqJ1qf {
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.KhJ1Fqfp {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D7AC7 0%, #3A7BD5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.KhJ1Fqfp span {
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.p6aOHB_Y {
    flex: 1 1;
    min-width: 0;
}

.xZCOfr9C {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._V5T6qTM {
    display: flex;
    gap: 1rem;
    margin-top: 0.25rem;
}

.pTkK_3ev {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.45);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.pTkK_3ev i {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.C10UGRVe {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 11px;
    font-weight: 600;
    color: #34D399;
    background: rgba(52, 211, 153, 0.1);
    border: 1px solid rgba(52, 211, 153, 0.2);
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    white-space: nowrap;
    flex-shrink: 0;
}

.C10UGRVe i {
    font-size: 9px;
}

._iDp9PXd {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

._iDp9PXd i {
    font-size: 9px;
}

._iDp9PXd:hover {
    color: #34D399;
    background: rgba(52, 211, 153, 0.08);
    border-color: rgba(52, 211, 153, 0.25);
}

/* Card actions */
.t419bEe9 {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    justify-content: flex-end;
}

.wGdjvPe1,
._TzEhfLY {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wGdjvPe1 {
    background: #0D7AC7;
    color: var(--white);
}

.wGdjvPe1:hover {
    background: #0b6ba8;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(13, 122, 199, 0.3);
}

._TzEhfLY {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

._TzEhfLY:hover {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.08);
}

/* Empty state */
.hgxRiXqO {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 0.75rem;
}

.hgxRiXqO i {
    font-size: 2.5rem;
    color: #0D7AC7;
    opacity: 0.3;
}

.hgxRiXqO p {
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}

@media (max-width: 480px) {
    ._V5T6qTM {
        flex-direction: column;
        gap: 0.25rem;
    }

    .xHdbEG3M {
        flex-wrap: wrap;
    }

    .t419bEe9 {
        padding: 0.75rem 1rem;
    }
}


/* Large Modal */
.xxGgTFEN .XAQznsjq {
    max-width: 900px;
    width: 90vw;
}

/* ------------------------------------------------------
   Group Action Buttons
------------------------------------------------------ */
.dAkowQd5,
.gWZQoY5j {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-size: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dAkowQd5:hover {
    background-color: rgba(13, 122, 199, 0.15);
    border-color: #0D7AC7;
    color: #0D7AC7;
}

.gWZQoY5j:hover {
    background-color: rgba(233, 75, 60, 0.15);
    border-color: #E94B3C;
    color: #E94B3C;
}

/* ------------------------------------------------------
   Group Card Skeleton
------------------------------------------------------ */
._ur8K8Gw {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    animation: Z3WrHLqh 1.5s ease-in-out infinite;
}

/* ------------------------------------------------------
   Groups Tab Styles
------------------------------------------------------ */
.SQKEBuni {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vfvzbi4e {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.IOT1TAyE {
    margin-bottom: 0.25rem;
    font-size: 18px;
}

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

.laNDf5jG {
    background-color: #0D7AC7;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    width: auto;
    transition: all 0.2s ease;
}

.laNDf5jG:hover {
    background-color: #0b6ba8;
}

.rS9Y1pxs {
    padding: 1rem;
}

.B3Ueg7Vw {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.QdM8vA93 {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    cursor: pointer;
}

.QdM8vA93:hover {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
}

.qrYrIjAa {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background-color: rgba(13, 122, 199, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.qrYrIjAa i {
    font-size: 20px;
    color: #0D7AC7;
}

.IIH_XUWp {
    flex: 1 1;
    min-width: 0;
}

.BDz_voxw {
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 0.25rem;
}

.DiC0tsmV {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.4;
}

.KuYKMovT {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.04);
    border-radius: 8px;
    min-width: 80px;
}

.Bv4fzF9f {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
}

.m7_hHwnU {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.j3Xf9bVw {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 100px;
}

.WnXfucbO {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

._sUj131p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.YwpQfKAD {
    display: flex;
    gap: 0.5rem;
    margin-left: 0.5rem;
}

.QgQRmu42 {
    text-align: center;
    padding: 6rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.yAwmzTRK {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(13, 122, 199, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.yAwmzTRK i {
    font-size: 2rem;
    color: rgba(13, 122, 199, 0.6);
}

.P7cM1io8 {
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
}

.Rs5DkPeA {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 1.5rem;
    max-width: 400px;
    font-size: 13px;
}

/* ------------------------------------------------------
   Group Modal Styles
------------------------------------------------------ */
.V5aqHoTU {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}

.Lu34NBFc {
    background-color: #1a1d29;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 540px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5);
    animation: vjo646gp 0.2s ease-out;
    overflow: hidden;
}

.RmpvwL4A {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.DME6oiVy {
    margin-bottom: 0.25rem;
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
}

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

.UhmzGB0f {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    cursor: pointer;
    padding: 0.4rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UhmzGB0f:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
}

.F4zZ5_yF {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    overflow: hidden;
}

.i8huFcO2 {
    overflow-y: auto;
    flex: 1 1;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.BN3R7yzQ {
    padding: 1.25rem;
}

.tTiCkD0i {
    margin-bottom: 1.75rem;
}

.wVUagRSk {
    margin-bottom: 0.75rem;
}

.SKcMD3gX {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.625rem;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.kko2z9sq {
    color: #E94B3C;
}

.b5DHAQQs {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    text-transform: none;
    letter-spacing: 0;
}

._UK7HnPG {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    transition: all 0.2s ease;
    font-family: inherit;
}

._UK7HnPG:focus {
    outline: none;
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.06);
}

.iLmDND1Y {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1.5px solid #E94B3C;
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    transition: all 0.2s ease;
    font-family: inherit;
}

.iLmDND1Y:focus {
    outline: none;
    border-color: #E94B3C;
    background-color: rgba(255, 255, 255, 0.06);
}

.RTbs31uE {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    font-family: inherit;
    resize: vertical;
    min-height: 90px;
    transition: all 0.2s ease;
    line-height: 1.5;
}

.RTbs31uE:focus {
    outline: none;
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.06);
}

.bXO9ufXg {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    text-align: right;
    margin-top: 0.375rem;
    font-weight: 500;
}

.y_ooarkl {
    font-size: 11px;
    color: #F39C12;
    text-align: right;
    margin-top: 0.375rem;
    font-weight: 500;
}

.L4g8a_Ct {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: #E94B3C;
    font-size: 12px;
    margin-top: 0.5rem;
    font-weight: 500;
}

.TJrDkvH_ {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background-color: rgba(0, 0, 0, 0.1);
}

.Ip2nMBQY {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}

.Ip2nMBQY:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
}

.W5zxnYu_ {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: none;
    background-color: #0D7AC7;
    color: white;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 2px 8px rgba(13, 122, 199, 0.3);
}

.W5zxnYu_:hover {
    background-color: #0b6ba8;
    box-shadow: 0 4px 12px rgba(13, 122, 199, 0.4);
    transform: translateY(-1px);
}

/* Members Selection Section */
.EJeXB3sP {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.01);
}

._9UMDT8US {
    margin-bottom: 0.75rem;
}

._9UMDT8US input {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    transition: all 0.2s ease;
    font-family: inherit;
}

._9UMDT8US input:focus {
    outline: none;
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.06);
}

.GJnZk1vT {
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    max-height: 280px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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

.Mom4pIhR {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #212430;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

.Mom4pIhR:hover {
    background-color: #2a2d3d;
}

.M3C2u3DM {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ldSf58RF {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ldSf58RF:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

.th2qezM7 {
    flex: 1 1;
    min-width: 0;
}

.opmqMKtg {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2px;
}

.pluq_xED {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
}

.gNKGRMFa {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.aarzpQyo {
    font-size: 10px;
    padding: 2px 6px;
    background-color: rgba(13, 122, 199, 0.15);
    color: #0D7AC7;
    border-radius: 4px;
    font-weight: 600;
}

.L3bFBdDW {
    padding: 2rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}

/* ------------------------------------------------------
   Member Groups Section (in MemberInfoPanel)
------------------------------------------------------ */
.qx4xpUaL {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.r71ZZDhE {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.r71ZZDhE:hover {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

.dLfTCR4f {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: rgba(13, 122, 199, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dLfTCR4f i {
    font-size: 16px;
    color: #0D7AC7;
}

.Kn0eqC0A {
    flex: 1 1;
    min-width: 0;
}

.Kn0eqC0A h5 {
    margin-bottom: 0.25rem;
    color: rgba(255, 255, 255, 0.95);
}

.Kn0eqC0A p {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.hi6BMOiY {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: 11px;
}

/* ------------------------------------------------------
   Guest Card Groups Styles
------------------------------------------------------ */
.tdu_NwwY {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
}

.Ecvmkp0O {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 600;
    white-space: nowrap;
    transition: all 0.2s ease;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.Ecvmkp0O:hover {
    transform: translateY(-1px);
}

.ToAxdKGH {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.v5LGME6x {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 10.5px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s ease;
}

.v5LGME6x:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

/* ------------------------------------------------------
   Groups Skeleton Styles
------------------------------------------------------ */
.fsjk8UPI {
    flex: 1 1;
    min-width: 0;
}

.HoZkf8Oq {
    min-width: 80px;
}

.UculfPy7 {
    min-width: 100px;
}

.smxBJt38 {
    display: flex;
    gap: 0.5rem;
    margin-left: 0.5rem;
}

.nPIDhXu6 {
    width: 48px;
    height: 48px;
    border-radius: 10px;
}

.CjJ0d_tA {
    width: 40%;
    height: 16px;
    margin-bottom: 0.5rem;
}

.rN14BMVs {
    width: 60%;
    height: 12px;
}

.UUeb5iIA {
    width: 80px;
    height: 60px;
    border-radius: 8px;
}

.nLEqkaiK {
    width: 100px;
    height: 40px;
}

.brwJOOSn {
    width: 32px;
    height: 32px;
    border-radius: 6px;
}

/* Groups Skeleton Header */
.AzBbJodm {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ySC3Otlw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.T7r9jdLd {
    flex: 1 1;
}

.Qx2GPy0F {
    width: 150px;
    height: 24px;
    margin-bottom: 0.5rem;
}

.Vtk1O4lx {
    width: 200px;
    height: 14px;
}

.Ef4IQr8y {
    width: 140px;
    height: 36px;
    border-radius: 8px;
}

.qiSZzdsY {
    padding: 1rem;
}

.QyMZkTCt {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Guest Overview Styles */
.ZOusZef6 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

.WawwHW_x {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wls0Y7mQ {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--white);
    margin: 0;
}

.YVbTFA9W {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: rgba(13, 122, 199, 0.1);
    color: #0D7AC7;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    width: -webkit-fit-content;
    width: fit-content;
}

.YVbTFA9W i {
    font-size: 10px;
}

.HaPuRIKy {
    display: flex;
    gap: 1.5rem;
}

.AK3EoMlR {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.adZqtmaG {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0D7AC7;
}

.E8qO9R8G {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

.m9ApOASO {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.02);
}

.B6Rvqg9A {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.B6Rvqg9A h5 {
    margin: 0;
    color: var(--white);
}

.Lrg0gfpv {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.Lrg0gfpv:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
}

.PzgZLdk5 {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.GlpPPDu9 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.GlpPPDu9 i {
    color: #0D7AC7;
    width: 16px;
    font-size: 14px;
}

.OInSm9T2 {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex: 1 1;
}

._po_xcls {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.AYZhzk0E {
    color: var(--white);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.AYZhzk0E:hover {
    color: #0D7AC7;
}

.PJzAhWYx h5 {
    margin: 0 0 0.75rem 0;
    color: var(--white);
}

.vEuOqKiN {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.lYZU592u {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.I7N6X3bi {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0D7AC7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.EcyQ_cKM {
    color: var(--white);
    font-size: 0.75rem;
    font-weight: 600;
}

.qJV_d00n {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.fcOf14y7 {
    color: var(--white);
    font-weight: 500;
    font-size: 0.875rem;
}

.j0CgEZRp {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.75rem;
}

/* Spending Card Styles */
.hUakJ7tC {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.WyvY_I6s {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.jiF9hOq1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    flex: 1 1;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.v5KZmyvA {
    font-size: 1.25rem;
    font-weight: 700;
    color: #10b981;
}

.ehWSK9ZA {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

.YK3zYMJc {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.x28Bbsw9 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.5rem;
}

.x28Bbsw9 i {
    color: #0D7AC7;
    font-size: 14px;
}

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

.kj8xoUy_ {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
}

.lRU_qBZ5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.GTfmr2L9 {
    font-size: 0.875rem;
    color: var(--white);
    font-weight: 500;
}

.VwhwoybZ {
    font-size: 1rem;
    color: #10b981;
    font-weight: 600;
}

.kDZY7O3O {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.wg2LMm5k {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.zZx4GPgz {
    background-color: rgba(16, 185, 129, 0.1);
    color: #10b981;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.ins6pjhK {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.Br0FnzA6 {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.Br0FnzA6:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.3);
    color: var(--white);
}

.Wbs7gKNC {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
}

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

.HTiH2PbR {
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.serM7u15 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.NQKeagTP {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
}

.NQKeagTP i {
    color: #0D7AC7;
    font-size: 12px;
}

.MRFoZdno {
    font-size: 1.125rem;
    color: #10b981;
    font-weight: 600;
}

.m8Sq_z8T {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.sQ4s8nn7 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--white);
    font-weight: 500;
}

.sQ4s8nn7 i {
    color: #f59e0b;
    font-size: 12px;
}

.VEP_WWoV {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
}

.VEP_WWoV i {
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
}

.j7vgba3p {
    margin-bottom: 0.5rem;
}

.sE44ToIl {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.5rem;
}

.sE44ToIl i {
    color: #10b981;
    font-size: 12px;
}

.bpjn9l3G {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.p4FfUhQK {
    background-color: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    padding: 0.125rem 0.375rem;
    border-radius: 8px;
    font-size: 0.75rem;
}

.AwuDg2sw {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

.AwuDg2sw i {
    color: #8b5cf6;
    font-size: 12px;
}

/* Basic Information Styles */
.ulqpKdRU,
.U5GvglGR {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.gUGuynnv {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    transition: background-color 0.2s;
}

.gUGuynnv:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

.gUGuynnv i {
    width: 20px;
    text-align: center;
    color: var(--color-primary);
    font-size: 0.875rem;
    flex-shrink: 0;
}

.mJXYujOq {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    word-break: break-word;
}

/* Personal Information Styles (New Compact Layout) */
.JaXmmGaF {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.ZQMZjNei {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding: 0.625rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    transition: background-color 0.2s;
    min-height: 72px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(33.333% - 0.5rem);
    min-width: 140px;
}

.ZQMZjNei:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

.pqdfXQ1I {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.pqdfXQ1I i {
    width: 14px;
    text-align: center;
    color: #0D7AC7;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.IeyrFHxa {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 500;
    word-break: break-word;
    line-height: 1.3;
}

.eeM_tXAj {
    font-size: 0.875rem;
    color: #0D7AC7;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: color 0.2s;
    line-height: 1.3;
}

.eeM_tXAj:hover {
    color: #1a8fd9;
    text-decoration: underline;
}

.eeM_tXAj i {
    font-size: 0.75rem;
}

/* ========== RECOMMENDATIONS SECTION ========== */
.J9eTrBgI {
    margin-bottom: 1.5rem;
}

.hW86UMiQ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

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

.PULFty9z {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--white);
    font-weight: 600;
    margin: 0;
}

.PULFty9z i {
    color: #F59E0B;
    font-size: 1rem;
}

.XCOQkjeT {
    color: #888;
    margin: 0;
    font-weight: 400;
}

.XYg3KNVZ {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.75rem;
    gap: 0.75rem;
}

/* ========== RECOMMENDATION CARD ========== */
.jfO18nnX {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1rem;
    transition: all 0.2s ease;
}

.jfO18nnX:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
}

.c62EKyQ6 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.uQ6ZgiAL {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.875rem;
}

.isNHpE6T {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.hRVJUWGR {
    font-size: 0.75rem;
    font-weight: 500;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.UwGZG3HP {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.ZkXyPXjM {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.hqVh7kG1 {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--white);
}

.M2aWaf18 {
    margin-bottom: 1rem;
}

.UoNpzwXh {
    color: var(--white);
    font-weight: 600;
    margin: 0 0 0.375rem 0;
}

.rvqy9eRX {
    color: #ccc;
    margin: 0;
    line-height: 1.4;
}

.jPmu8VIZ {
    display: flex;
    justify-content: flex-end;
}

.ZDM5hGnU {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ZDM5hGnU:hover:not(:disabled) {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    transform: translateY(-1px);
}

.ZDM5hGnU:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.ZDM5hGnU i {
    font-size: 0.75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .hW86UMiQ {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .jfO18nnX {
        padding: 0.875rem;
    }

    .c62EKyQ6 {
        gap: 0.625rem;
    }

    .jPmu8VIZ {
        justify-content: stretch;
    }

    .ZDM5hGnU {
        justify-content: center;
        width: 100%;
    }
}

/* ===== Smart Groups Styles ===== */

/* Group Type Selector */
.OBjrdcWM {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.nWejIk5I {
    flex: 1 1;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.nWejIk5I:hover {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(13, 122, 199, 0.4);
}

.gy2lK1_5 {
    flex: 1 1;
    padding: 1rem;
    background-color: rgba(13, 122, 199, 0.15);
    border: 1.5px solid #0D7AC7;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.TxT2_d_w {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.TxT2_d_w i {
    font-size: 1.25rem;
    color: #0D7AC7;
    margin-top: 0.125rem;
}

.bcrRbO2a {
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 0.25rem;
}

.LMxdPbLy {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.3;
}

/* Group Type Badges - Inline with Name */
.MkzevuDB,
.TO0vSmUw {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: 3px;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.MkzevuDB {
    background-color: rgba(139, 92, 246, 0.15);
    border: 1px solid rgba(139, 92, 246, 0.3);
    color: #a78bfa;
}

.MkzevuDB i {
    font-size: 0.5625rem;
}

.TO0vSmUw {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.6);
}

.TO0vSmUw i {
    font-size: 0.5625rem;
}

/* Smart Group Logic Builder */
.iUUKrdzd {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 1rem;
}

.WNCqeNii {
    margin-bottom: 1.5rem;
}

.gn80jchw {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.75rem;
}

.gn80jchw i {
    color: #0D7AC7;
    font-size: 0.875rem;
}

.UpwqffA7 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem;
    gap: 0.5rem;
}

.EiNA2wy6 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.EiNA2wy6:hover {
    background-color: rgba(13, 122, 199, 0.1);
    border-color: rgba(13, 122, 199, 0.3);
    color: rgba(255, 255, 255, 0.95);
}

.EiNA2wy6 i {
    color: #0D7AC7;
    font-size: 0.8125rem;
}

/* Conditions Section */
.tB4ulP7S {
    margin-bottom: 1rem;
}

._8GuVYEBi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.Z_SLqUxe {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    background-color: rgba(13, 122, 199, 0.15);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 6px;
    color: #0D7AC7;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.Z_SLqUxe:hover {
    background-color: rgba(13, 122, 199, 0.25);
    border-color: rgba(13, 122, 199, 0.5);
}

.DalQoMVh {
    text-align: center;
    padding: 2rem 1rem;
    color: rgba(255, 255, 255, 0.4);
}

.DalQoMVh i {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.3;
}

.DalQoMVh p {
    font-size: 0.8125rem;
    margin: 0;
}

.UWjFravW {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ce5D3Q_F {
    position: relative;
}

.a_reSWcn {
    text-align: center;
    margin-bottom: 0.5rem;
}

.TRLgRUSd {
    padding: 0.375rem 0.75rem;
    background-color: rgba(13, 122, 199, 0.15);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 4px;
    color: #0D7AC7;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}

.xYj4j_XS {
    position: relative;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 0.875rem;
}

.jTczYZ_X {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.KTsuJcPv,
.tx_FI9Je {
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125rem;
    cursor: pointer;
    flex: 1 1;
    min-width: 140px;
}

.KTsuJcPv {
    min-width: 180px;
}

.ZDmPPXyR {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.75rem;
    gap: 0.75rem;
    align-items: center;
}

.czU3_GWM {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.RL2KtQzL {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.MkrZg84c {
    grid-column: 1 / -1;
}

._8k735EV2 {
    width: 80px;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125rem;
    flex-shrink: 0;
}

/* Hide number input spinners */
._8k735EV2::-webkit-outer-spin-button,
._8k735EV2::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

._8k735EV2[type=number] {
    -moz-appearance: textfield;
}

.PPxkTjaM {
    width: 100%;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125rem;
}

.fxF5Nh8T,
.rFhSd_Id {
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125rem;
    cursor: pointer;
}

.fxF5Nh8T {
    min-width: 140px;
}

.rFhSd_Id {
    min-width: 80px;
}

.lBuzA8Tt,
.xI0tQ8J_ {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8125rem;
    white-space: nowrap;
}

.xI0tQ8J_ {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
}

.QyaLn1K3 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8125rem;
    font-weight: 600;
}

.mUbp7Zpz {
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 4px;
    color: #ef4444;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.mUbp7Zpz:hover {
    background-color: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.4);
}

/* Logic Summary */
.YyDOFBiV {
    background-color: rgba(13, 122, 199, 0.08);
    border: 1px solid rgba(13, 122, 199, 0.2);
    border-radius: 6px;
    padding: 0.875rem;
}

.kTJwAyoK {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #0D7AC7;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}

.kTJwAyoK i {
    font-size: 0.875rem;
}

.tcuxqcff {
    color: rgba(255, 255, 255, 0.8);
}

.iTSby9GY {
    font-size: 0.8125rem;
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
}

.iTSby9GY strong {
    color: #0D7AC7;
    font-weight: 700;
}

.X17vUH13 {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.X17vUH13 li {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0.375rem;
}

/* Group Card Actions - Updated */
.BVEEHx_h,
.JFZezyKi {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all 0.2s;
}

.BVEEHx_h:hover {
    background-color: rgba(13, 122, 199, 0.15);
    border-color: rgba(13, 122, 199, 0.3);
    color: #0D7AC7;
}

.JFZezyKi:hover {
    background-color: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
    color: #22c55e;
}

.VwHywVXn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid rgba(147, 51, 234, 0.2);
    background: rgba(147, 51, 234, 0.05);
    color: #9333ea;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.VwHywVXn:hover {
    background-color: rgba(147, 51, 234, 0.15);
    border-color: rgba(147, 51, 234, 0.3);
    color: #7c3aed;
}

/* Responsive adjustments for Smart Groups */
@media (max-width: 768px) {
    .UpwqffA7 {
        grid-template-columns: 1fr;
    }
    
    .jTczYZ_X {
        flex-direction: column;
    }
    
    .KTsuJcPv,
    .tx_FI9Je {
        min-width: 100%;
    }
    
    .ZDmPPXyR {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    ._8k735EV2,
    .PPxkTjaM,
    .fxF5Nh8T {
        width: 100%;
    }
}

/* ------------------------------------------------------
   Invite Group to Event Modal
------------------------------------------------------ */
.j6_Tf_lr {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

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

.LI9FFks7 {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.N05Qktp8 {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.U6GH9OzX {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.kfBE1JSA {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.bmWUN4af {
    font-size: 20px;
    font-weight: 700;
    color: #0D7AC7;
}

.Ka4oQRra {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    background: rgba(251, 191, 36, 0.15);
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 8px;
    color: #fbbf24;
    font-size: 13px;
    font-weight: 500;
}

.Ka4oQRra i {
    font-size: 16px;
    color: #fbbf24;
}

/* Invite Group Confirm Modal */
.ee_6SmFV {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.7);
}

.Uyt3_Rzq {
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.9);
}

.AgF9Imv7 {
    max-height: 200px;
}

.TatQ0ZWx {
    cursor: default;
    pointer-events: none;
}

/* Bulk Invite Modal */
.woa41fWc {
    max-width: 500px;
}

.bKZtzBSc {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    max-height: 300px;
    overflow-y: auto;
}

.okPp3Vf0 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}
/* ------------------------------------------------------
   Enhanced Guest Filters & Filter Chips
------------------------------------------------------ */

/* Filter Chips Bar */
.R2yLXiM6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    margin-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.QJLzhi1c {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1 1;
}

.zsz4t9tw {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background-color: rgba(13, 122, 199, 0.15);
    border: 1px solid rgba(13, 122, 199, 0.3);
    border-radius: 6px;
    color: #0D7AC7;
    font-size: 12px;
    font-weight: 500;
}

.cIRyGjMm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: none;
    background: transparent;
    color: #0D7AC7;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s ease;
    padding: 0;
}

.cIRyGjMm:hover {
    background-color: rgba(13, 122, 199, 0.2);
    color: #fff;
}

.cIRyGjMm i {
    font-size: 10px;
}

.jmKiogno {
    padding: 0.375rem 0.75rem;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.jmKiogno:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
}

/* Filter Toggle Button */
.XMtrprJn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.XMtrprJn:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

.LuIkw3OR {
    background-color: rgba(13, 122, 199, 0.15);
    border-color: rgba(13, 122, 199, 0.3);
    color: #0D7AC7;
}

.LuIkw3OR:hover {
    background-color: rgba(13, 122, 199, 0.2);
    border-color: rgba(13, 122, 199, 0.4);
}

.PlHEKBX3 {
    font-size: 12px;
    transition: transform 0.2s ease;
}

/* Guest Filters Container & Panel */
.vtRtEXDf {
    width: 100%;
}

.zwUPxvF8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s ease;
    margin-bottom: 0.5rem;
}

.zwUPxvF8:hover {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.05);
}

.glhbO1Z6 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.glhbO1Z6 i {
    font-size: 12px;
}

.ynKhkJkd {
    background-color: #0D7AC7;
    background-color: var(--accent-1, #0D7AC7);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 10px;
    min-width: 16px;
    text-align: center;
}

.zwUPxvF8 > i:last-child {
    font-size: 10px;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

.zwUPxvF8:hover > i:last-child {
    opacity: 1;
}

.bTdwk3JT {
    margin-top: 0.5rem;
    padding: 1.25rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}

.vH1YEUUC {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.UKJezvdN {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sjd_1slP {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Filter Range Input */
.Qkg2_dcb {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 200px;
}

.HpryJd2c {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
}

._diHBJF3 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.gxudP8Sr {
    flex: 1 1;
    position: relative;
}

._crfpu3d {
    width: 100%;
    padding: 0.625rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: var(--font-family);
    transition: all 0.2s ease;
}

._crfpu3d:focus {
    outline: none;
    border-color: #0D7AC7;
    background-color: rgba(255, 255, 255, 0.08);
}

._crfpu3d::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.e04irOwa {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-weight: 500;
}

.KMr8iY3I {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.KMr8iY3I:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
}

.KMr8iY3I i {
    font-size: 12px;
}

/* Boolean Filter Buttons */
.AfsX4Yei {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 120px;
}

.jODLT3QA {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
}

.bbUUMnv1 {
    display: flex;
    gap: 0.5rem;
}

.DmIeXSxE {
    flex: 1 1;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.okPp3Vf0:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.iOpRBe0G {
    background: rgba(58, 123, 213, 0.1);
    border-color: #3A7BD5;
}

.s7zwT8Bn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #3A7BD5;
}

.iOpRBe0G .s7zwT8Bn {
    color: #3A7BD5;
}

.tvgOcntX {
    flex: 1 1;
    min-width: 0;
}

.PWuo6p1M {
    text-align: center;
    margin-bottom: 1rem;
    padding: 0.5rem;
    background: rgba(58, 123, 213, 0.1);
    border-radius: 6px;
    border: 1px solid rgba(58, 123, 213, 0.3);
}

.FDNYR1VJ {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.DmIeXSxE:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

.Gd4R9emo {
    background-color: rgba(13, 122, 199, 0.15);
    border-color: rgba(13, 122, 199, 0.3);
    color: #0D7AC7;
}

.Gd4R9emo:hover {
    background-color: rgba(13, 122, 199, 0.2);
    border-color: rgba(13, 122, 199, 0.4);
}

/* Updated Search Toolbar Layout */
.EuqIHHWE {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
}

.hMb4zG5h {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aSHheNMi {
        flex-direction: column;
    }
    
    .R2yLXiM6 {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .jmKiogno {
        align-self: flex-end;
    }
    
    .hMb4zG5h {
        flex-wrap: wrap;
    }
    
    ._diHBJF3 {
        flex-wrap: wrap;
    }
    
    .bbUUMnv1 {
        flex-direction: column;
    }
}
/* ======================================================
   SHARED TOPBAR — V3 Dark Theme
====================================================== */

.s_ywL4mD {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	gap: 2rem;
	position: relative;
}

/* --- Greeting --- */
.jqoLWmpu {
	flex-shrink: 0;
}

.q8RkZ7b_ {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.2;
}

/* --- Tools (search + action btns) — DESKTOP --- */
.hIYIGWlG {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	position: relative;
}

/* --- Search Box --- */
.cVzuERuI {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0 1rem;
	height: 38px;
	transition: border-color 0.2s ease;
	width: 280px;
	box-sizing: border-box;
}

.cVzuERuI:focus-within,
.Q4qO3DsT {
	border-color: var(--accent-1);
}

.GmnGHnEN {
	font-size: 14px;
	color: #555;
	flex-shrink: 0;
}

.dno9m_pH {
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 14px;
	flex: 1 1;
	padding: 0;
	min-width: 0;
}

.dno9m_pH::placeholder {
	color: #555;
}

.bjHruswA {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 12px;
	transition: color 0.15s ease;
	flex-shrink: 0;
}

.bjHruswA:hover {
	color: var(--white);
}

/* --- Results Dropdown --- */
.QNGMw1KA {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	width: 420px;
	max-height: 420px;
	overflow-y: auto;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
	z-index: 999;
	padding: 0.5rem 0;
}

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

/* --- Section --- */
.qa_j8CtO {
	padding: 0.25rem 0;
}

.qa_j8CtO:not(:last-child) {
	border-bottom: 1px solid rgba(45, 47, 57, 0.6);
	padding-bottom: 0.5rem;
	margin-bottom: 0.25rem;
}

.mxyeAwyH {
	margin: 0;
	padding: 0.4rem 1rem 0.3rem;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: #666;
}

/* --- Result Item --- */
.R4cG4lVH {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.65rem 1rem;
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease;
	color: var(--white);
}

.R4cG4lVH:hover {
	background-color: rgba(255, 255, 255, 0.04);
}

.YpiH9hdI {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

.Fg4JYlUV {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.YfkC5prU {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.JkKGbM6B {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.x9KaDxA_ {
	min-width: 0;
	flex: 1 1;
}

.QxhMMWgg {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.o1Gal7ip {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* --- No Results --- */
.TtAlg_IA {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding: 2rem 1rem;
	color: #555;
}

.TtAlg_IA i {
	font-size: 20px;
}

.TtAlg_IA p {
	margin: 0;
	font-size: 13px;
}

/* --- GuestLine CTA --- */
.oVyjzi3J {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	height: 38px;
	padding: 0 0.85rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	text-decoration: none;
	color: #888;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	transition: border-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
	box-sizing: border-box;
}

.oVyjzi3J:hover {
	border-color: var(--accent-1);
	color: var(--white);
}

.IGC3vsLb {
	width: 16px;
	height: 16px;
	object-fit: contain;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.oVyjzi3J:hover .IGC3vsLb {
	opacity: 1;
}

/* --- Unified action button (help, profile, etc.) --- */
.JIVyFDgb {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
	color: #888;
	font-size: 16px;
	flex-shrink: 0;
}

.JIVyFDgb:hover,
.lazqYnh_ {
	border-color: var(--accent-1);
	color: var(--white);
}

/* Avatar variant — initials instead of icon */
.Lzumro_K {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: var(--accent-1);
}

.Lzumro_K:hover,
.lazqYnh_.Lzumro_K {
	color: var(--white);
}

/* Mobile profile active state (for tb_icon_btn) */
.e93PBpbp {
	border-color: var(--accent-1);
	color: var(--white);
}
/* --- Profile Wrapper (for dropdown positioning) --- */
.Nt87H9LI {
	position: relative;
}

/* --- Profile Dropdown --- */
.b5vDG20I {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	width: 280px;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
	z-index: 999;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.85rem;
	animation: xs08wRxf 0.18s ease-out;
}

.emiDZM1E {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(13, 122, 199, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.emiDZM1E span {
	font-size: 16px;
	font-weight: 700;
	color: var(--accent-1);
	letter-spacing: 0.5px;
}

.FNtQFI18 {
	text-align: center;
	min-width: 0;
	width: 100%;
}

.OKpGKGNd {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xK_F59GB {
	margin: 0.2rem 0 0;
	font-size: 13px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fhGuM9l0 {
	display: inline-block;
	margin-top: 0.6rem;
	padding: 0.25rem 0.75rem;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: var(--accent-1);
	background: rgba(13, 122, 199, 0.1);
	border-radius: 6px;
}

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


/* ======================================================
   HELP MODAL
====================================================== */

.OGdYtRuF {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
	animation: izXla1QY 0.2s ease-out;
}

.CyFYbcyl {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 480px;
	max-height: 80vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	animation: y3LMxo6B 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow:
		0 24px 80px rgba(0, 0, 0, 0.5),
		0 0 0 1px rgba(255, 255, 255, 0.03);
}

.NMURsAiX {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
	border: none;
	color: #666;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	z-index: 2;
}

.NMURsAiX:hover {
	background: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

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

.VVoi0bRA::-webkit-scrollbar {
	width: 4px;
}

.VVoi0bRA::-webkit-scrollbar-track {
	background: transparent;
}

.VVoi0bRA::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 4px;
}

.VVoi0bRA::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.15);
}

/* --- Help Header --- */
.XB208xth {
	padding: 2.5rem 2rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.QHNuYroC {
	width: 60px;
	height: 60px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
	font-size: 24px;
}

.XIsTeTlA {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.2;
}

.zXdiOkYH {
	margin: 0.4rem 0 0;
	font-size: 14px;
	color: #888;
	line-height: 1.5;
}

/* --- Divider --- */
.AVcFGTVb {
	height: 1px;
	margin: 0 2rem;
	background: linear-gradient(
		90deg,
		transparent 0%,
		#2d2f39 20%,
		#2d2f39 80%,
		transparent 100%
	);
}

/* --- Sections --- */
.i9hpxJvB {
	padding: 1.25rem 1.5rem 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.SHqXlYEZ {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 0.85rem 0.65rem;
	border-radius: 10px;
	transition: background-color 0.15s ease;
}

.SHqXlYEZ:hover {
	background: rgba(255, 255, 255, 0.02);
}

.LfFdwVS2 {
	width: 36px;
	height: 36px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 14px;
	margin-top: 1px;
}

.fBAyVNNs {
	flex: 1 1;
	min-width: 0;
}

.vCKR0x_O {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--white);
	line-height: 1.3;
}

.pIckSJNU {
	margin: 0.3rem 0 0;
	font-size: 13px;
	color: #888;
	line-height: 1.55;
}

/* --- Footer --- */
.DR1abe3v {
	padding: 1.5rem 2rem 1.5rem;
	display: flex;
	justify-content: center;
}

.oy5b418f {
	padding: 0.6rem 2.5rem;
	background: var(--accent-1);
	border: none;
	border-radius: 9px;
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
	font-family: var(--font-family);
	cursor: pointer;
	transition: all 0.2s ease;
}

.oy5b418f:hover {
	filter: brightness(1.12);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(13, 122, 199, 0.3);
}

.oy5b418f:active {
	transform: scale(0.97);
}

/* --- Help Modal Animations --- */
@keyframes izXla1QY {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes y3LMxo6B {
	from {
		opacity: 0;
		transform: translateY(-16px) scale(0.97);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* --- Hamburger (mobile only) --- */
.znouvJdr {
	display: none;
}

/* --- Mobile icon buttons (search + profile) — hidden on desktop --- */
.pqxdYuJ2 {
	display: none;
}

/* --- Mobile search overlay — hidden on desktop --- */
.b8JdiFza {
	display: none;
}


/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width: 768px) {
	.s_ywL4mD {
		gap: 0.75rem;
	}

	/* Show hamburger */
	.znouvJdr {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		aspect-ratio: 1;
		border-radius: 10px;
		background-color: var(--sub-bg-dark);
		border: 1px solid #2d2f39;
		color: var(--white);
		font-size: 17px;
		cursor: pointer;
		flex-shrink: 0;
		transition: border-color 0.2s ease;
	}

	.znouvJdr:hover {
		border-color: var(--accent-1);
	}

	/* Greeting fills middle */
	.jqoLWmpu {
		flex: 1 1;
		min-width: 0;
	}

	.q8RkZ7b_ {
		font-size: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Hide desktop search + profile */
	.hIYIGWlG {
		display: none;
	}

	/* Show mobile icon buttons */
	.pqxdYuJ2 {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		flex-shrink: 0;
		position: relative;
	}

	.b5vDG20I {
		width: 260px;
	}

	.lDplXOwn {
		width: 40px;
		height: 40px;
		aspect-ratio: 1;
		border-radius: 10px;
		background-color: var(--sub-bg-dark);
		border: 1px solid #2d2f39;
		color: #888;
		font-size: 15px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		transition: border-color 0.2s ease, color 0.2s ease;
	}

	.lDplXOwn:hover,
	.lDplXOwn:active {
		border-color: var(--accent-1);
		color: var(--white);
	}

	.lDplXOwn:active {
		transform: scale(0.93);
	}

	.znouvJdr:active {
		transform: scale(0.93);
	}

	/* Mobile search overlay */
	.b8JdiFza {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		animation: zFkDgvi3 0.2s ease-out;
	}

	.muAO6h1M {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		background-color: var(--sub-bg-dark);
		border: 1px solid var(--accent-1);
		border-radius: 10px;
		padding: 0.6rem 1rem;
		height: 40px;
		box-sizing: border-box;
	}

	.IA7u6xuI {
		margin-top: 0.5rem;
		background-color: var(--sub-bg-dark);
		border: 1px solid #2d2f39;
		border-radius: 12px;
		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
		max-height: 60vh;
		overflow-y: auto;
		padding: 0.5rem 0;
		animation: oOEeqNVY 0.2s ease-out;
	}

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

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

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

@media (max-width: 480px) {
	.znouvJdr {
		width: 36px;
		height: 36px;
		font-size: 15px;
		border-radius: 8px;
	}

	.lDplXOwn {
		width: 36px;
		height: 36px;
		font-size: 13px;
		border-radius: 8px;
	}

	.q8RkZ7b_ {
		font-size: 16px;
	}

	.pqxdYuJ2 {
		gap: 0.4rem;
	}

	/* Help modal mobile tweaks */
	.OGdYtRuF {
		padding: 1rem;
	}

	.XB208xth {
		padding: 2rem 1.5rem 1.25rem;
	}

	.QHNuYroC {
		width: 52px;
		height: 52px;
		font-size: 20px;
	}

	.XIsTeTlA {
		font-size: 20px;
	}

	.AVcFGTVb {
		margin: 0 1.5rem;
	}

	.i9hpxJvB {
		padding: 1rem 1rem 0.5rem;
	}

	.SHqXlYEZ {
		padding: 0.75rem 0.5rem;
	}

	.DR1abe3v {
		padding: 0.75rem 1.5rem 1.25rem;
	}
}

.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: flex;
	overflow: hidden;
	background-color: var(--bg-dark);
	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;
  }
}


/* ======================================================
   VENUES V3 — Dark Theme (vn_ prefix)
====================================================== */

/* --- LAYOUT --- */
.SZQX1UYa {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	flex: 1 1;
	min-height: 0;
	overflow-y: auto;
}

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

/* --- STATS ROW --- */
.D5VJ6Q1T {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	flex-shrink: 0;
}

.T3uRZhM0 {
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	padding: 1.1rem 1.25rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.iauTho4s {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-shrink: 0;
}

.WQQDupfv {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.lDcUtBiM {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.w64iARmL {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.b1MdwZO_ {
	background: rgba(167, 139, 250, 0.15);
	color: #a78bfa;
}

.p72C0_cX {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

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

.KZex9vrd {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--white);
}

/* --- CONTENT ROW --- */
.hwIxJg0P {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	flex: 1 1;
	min-height: 0;
}


/* --- VENUES LIST TILE --- */
.lf3yF15O {
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	min-height: 0;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
}

.JY6q5Xul {
	padding: 1rem 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #2d2f39;
	flex-shrink: 0;
	gap: 1rem;
	flex-wrap: wrap;
}

.CDXcvx7g {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--white);
}

.OtJFQSUJ {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.B2rzvBUy {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.45rem 0.75rem;
	transition: border-color 0.2s ease;
}

.B2rzvBUy:focus-within {
	border-color: var(--accent-1);
}

.B2rzvBUy i {
	font-size: 12px;
	color: #555;
	flex-shrink: 0;
}

.B2rzvBUy input {
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 12px;
	width: 160px;
	padding: 0;
}

.B2rzvBUy input::placeholder {
	color: #555;
}

.EDsUN6AK {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 11px;
	transition: color 0.15s ease;
}

.EDsUN6AK:hover {
	color: var(--white);
}

.e8Ki6Me1 {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.85rem;
	border-radius: 8px;
	border: none;
	background-color: var(--accent-1);
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.15s ease;
	white-space: nowrap;
}

.e8Ki6Me1:hover {
	opacity: 0.85;
}

.e8Ki6Me1 i {
	font-size: 11px;
}

.CYzi7cQe {
	flex: 1 1;
	overflow-y: auto;
	padding: 0.5rem 0;
}

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


/* --- VENUE CARD --- */
.Pw7zQDi3 {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem 1.25rem;
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid rgba(45, 47, 57, 0.4);
	border-left: 3px solid transparent;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
	text-align: left;
	color: var(--white);
}

.Pw7zQDi3:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.Pw7zQDi3:last-child {
	border-bottom: none;
}

.VM93dvVp {
	border-left-color: var(--accent-1);
	background-color: rgba(13, 122, 199, 0.05);
}

.Dqoyw3ta {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(13, 122, 199, 0.1);
	color: var(--accent-1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

.TFxkEyK9 {
	flex: 1 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.IfnFuRne {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.W55dXk4A {
	margin: 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oaPhoMLS {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.kHCpmf0a {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 12px;
	color: #888;
	background: rgba(255, 255, 255, 0.04);
	padding: 0.25rem 0.6rem;
	border-radius: 8px;
	white-space: nowrap;
}

.kHCpmf0a i {
	font-size: 10px;
	color: var(--accent-1);
}

.kKJR_m0U {
	color: #444;
	font-size: 12px;
	transition: color 0.15s ease;
}

.Pw7zQDi3:hover .kKJR_m0U {
	color: var(--accent-1);
}


/* --- EMPTY STATE --- */
.QiAZ2DkM {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 3rem 1rem;
	color: #555;
}

.RplgweyO {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.QiAZ2DkM p {
	margin: 0;
	font-size: 13px;
}


/* --- SKELETON --- */
.opbDc7yN {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
}

.zIDRjKLS {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.05);
	flex-shrink: 0;
	animation: jls3k2lF 1.5s infinite;
}

.jBS5Y6PZ {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.CMoWgeup {
	height: 10px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.05);
	animation: jls3k2lF 1.5s infinite;
}

.Ogbyufhh { width: 70%; }
.SXSA4E5G { width: 50%; }

@keyframes jls3k2lF {
	0%, 100% { opacity: 0.5; }
	50% { opacity: 1; }
}


/* --- DETAIL TILE (right panel) --- */
.ZiyWpmd1 {
	display: flex;
	flex-direction: column;
	min-height: 0;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
}

.RaJkk0Cx {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 2rem;
	color: #555;
}

.RaJkk0Cx i {
	font-size: 32px;
}

.RaJkk0Cx p {
	margin: 0;
	font-size: 13px;
}

.BjTg6Xd3 {
	padding: 1.25rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	border-bottom: 1px solid #2d2f39;
}

.b4ZpaOh7 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.iuZanmzU {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-shrink: 0;
}

.sOvzsWqL {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bmudl7zr {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vUDnVS_S {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	color: #888;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.15s ease, color 0.15s ease;
	flex-shrink: 0;
}

.vUDnVS_S:hover {
	border-color: var(--accent-1);
	color: var(--accent-1);
}

.VQCUHbJd {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	flex-shrink: 0;
}

.bKNQMWTA {
	position: relative;
}

.euQu9omz:hover {
	border-color: #ff4d4f;
	color: #ff4d4f;
}

.R1wBjjuW {
	opacity: 0.35;
	cursor: not-allowed;
}

.R1wBjjuW:hover {
	border-color: #2d2f39;
	color: #888;
}

.cPDjHEfE {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	color: #ccc;
	font-size: 11px;
	padding: 6px 10px;
	border-radius: 6px;
	white-space: nowrap;
	z-index: 10;
	pointer-events: none;
}

.bKNQMWTA:hover .cPDjHEfE {
	display: block;
}

.zFNHWP_p {
	display: flex;
	gap: 1rem;
	padding: 0.85rem 1.25rem;
}

.LledHcly {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 12px;
	color: #888;
	background: rgba(255, 255, 255, 0.04);
	padding: 0.3rem 0.7rem;
	border-radius: 8px;
}

.LledHcly i {
	font-size: 10px;
	color: var(--accent-1);
}

._qpwnc5h {
	height: 1px;
	background: #2d2f39;
	margin: 0 1.25rem;
}

.Zo10EgkM {
	padding: 0.75rem 1.25rem 0.5rem;
}

.Zo10EgkM p {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.xXOlBbnW {
	flex: 1 1;
	overflow-y: auto;
	padding: 0 0.5rem 0.5rem;
}

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

.EqA_Jk_2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.65rem 0.75rem;
	border-radius: 8px;
	transition: background-color 0.12s ease;
}

.EqA_Jk_2:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.KNLggVjY {
	min-width: 0;
	flex: 1 1;
}

.BDfVFz7A {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.RqEmTtDL {
	margin: 0.1rem 0 0;
	font-size: 11px;
	color: #666;
}

.D4URCDC5 {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 11px;
	color: #888;
	background: rgba(255, 255, 255, 0.04);
	padding: 0.2rem 0.5rem;
	border-radius: 6px;
	flex-shrink: 0;
}

.D4URCDC5 i {
	font-size: 9px;
	color: var(--accent-1);
}

.PIuD_nhL {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
	color: #555;
}

.PIuD_nhL p {
	margin: 0;
	font-size: 13px;
}


/* --- NEW VENUE MODAL --- */
.yepdghEs {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.qdmBU0rn {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 540px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: UmSGFmDq 0.2s ease-out;
}

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

.rcXpvDN8 {
	padding: 1.5rem;
	border-bottom: 1px solid #2d2f39;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.zME0OlFo {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: var(--white);
}

.Gvu3HqmW {
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.2s ease;
}

.Gvu3HqmW:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.YuyV_mW5 {
	padding: 1.5rem;
	overflow-y: auto;
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.xBtyhw0r {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.yQBKlD8P {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
}

.jDLOQM_e {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	transition: border-color 0.2s ease;
}

.jDLOQM_e:focus-within {
	border-color: var(--accent-1);
}

.jDLOQM_e i {
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.jDLOQM_e input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
	font-family: inherit;
}

.jDLOQM_e input::placeholder {
	color: #555;
}

/* Autocomplete wrapper — icon is absolutely positioned so the input spans full width */
.fQgX44bu {
	position: relative;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	transition: border-color 0.2s ease;
}

.fQgX44bu:focus-within {
	border-color: var(--accent-1);
}

.d2tCSHfF {
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #666;
	font-size: 14px;
	pointer-events: none;
	z-index: 1;
}

.XTKm4n4E {
	width: 100%;
	box-sizing: border-box;
	background: none !important;
	border: none !important;
	color: var(--white);
	font-size: 14px;
	padding: 0.75rem 1rem 0.75rem 2.75rem;
	outline: none;
	font-family: inherit;
	border-radius: 10px;
}

.XTKm4n4E::placeholder {
	color: #555;
}

.Oc1fvrTR {
	position: relative;
}

.YFNOBMUJ {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	transition: border-color 0.2s ease;
	cursor: pointer;
}

.YFNOBMUJ:hover {
	border-color: #3d3f49;
}

.YFNOBMUJ.wE8B_5wK {
	border-color: var(--accent-1);
}

.YFNOBMUJ i.EicQP8Ek {
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.YFNOBMUJ.wE8B_5wK i.EicQP8Ek {
	color: var(--accent-1);
}

.dlOKuJo5 {
	flex: 1 1;
	font-size: 14px;
	font-family: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dlOKuJo5.LefmNBzC {
	color: #555;
}

.dlOKuJo5.v1xX6x25 {
	color: var(--white);
}

.SaoSdhK_ {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	transition: transform 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wE8B_5wK .SaoSdhK_ {
	transform: rotate(180deg);
	color: var(--accent-1);
}

.Rt6n_3hV {
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	transition: color 0.15s ease;
	flex-shrink: 0;
}

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

.He3usqlV {
	position: fixed;
	max-height: 220px;
	overflow-y: auto;
	background-color: #161824;
	border: 1px solid rgba(13, 122, 199, 0.25);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	z-index: 10000;
	padding: 4px 0;
}

.MteXCvTR {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.7rem 1rem;
	border: none;
	background: none;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
	transition: background-color 0.12s ease;
	text-align: left;
	gap: 0.5rem;
}

.MteXCvTR:hover {
	background-color: rgba(13, 122, 199, 0.1);
	color: rgba(255, 255, 255, 0.9);
}

.Pr4WSg_S {
	background-color: rgba(13, 122, 199, 0.08);
	color: var(--accent-1);
	font-weight: 500;
}

.Pr4WSg_S i {
	color: var(--accent-1);
	font-size: 11px;
	flex-shrink: 0;
}

.Eumsse1H {
	font-weight: 500;
}

.YPVf0d7k {
	color: rgba(255, 255, 255, 0.35);
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Dfl8_Mdc {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 0.75rem 1rem;
	border-radius: 10px;
	background: rgba(13, 122, 199, 0.08);
	border: 1px solid rgba(13, 122, 199, 0.2);
	color: var(--accent-1);
	line-height: 1.5;
}

.Dfl8_Mdc i {
	margin-top: 2px;
	font-size: 13px;
	flex-shrink: 0;
}

.Dfl8_Mdc p {
	margin: 0;
	font-size: 14px !important;
}

.MkpPRP8x {
	background: rgba(167, 139, 250, 0.08);
	border-color: rgba(167, 139, 250, 0.2);
	color: #a78bfa;
}

.JGCi9_AY {
	margin: 0 1.5rem;
	padding: 0.6rem 0.85rem;
	border-radius: 8px;
	background: rgba(239, 68, 68, 0.12);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: #ef4444;
	font-size: 12px;
	margin-bottom: 1rem
}

.QgQm27NF {
	padding: 1.5rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
}

.Sno1wV0c {
	padding: 0.75rem 1.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.Sno1wV0c:hover {
	background-color: #2d2f39;
}

.giFsQlgW {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.giFsQlgW:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.giFsQlgW:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}


/* --- TAB NAVIGATION --- */
.uicsyTt8 {
	display: flex;
	gap: 0.4rem;
}

.HQfjEviN {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.4rem 0.85rem;
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	border-radius: 8px;
	color: #888;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.HQfjEviN:hover {
	color: var(--white);
	background-color: rgba(255, 255, 255, 0.05);
}

.txTdW4Oa {
	width: 24px;
	height: 24px;
	background-color: rgba(255, 255, 255, 0.06);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	transition: all 0.2s ease;
}

.bXm_fen9 {
	background-color: var(--accent-1) !important;
	border-color: var(--accent-1) !important;
	color: var(--white);
}

.bXm_fen9 .txTdW4Oa {
	background-color: rgba(255, 255, 255, 0.2);
	color: var(--white);
}

.vOljjbSN {
	background-color: #a78bfa !important;
	border-color: #a78bfa !important;
	color: var(--white);
}

.vOljjbSN .txTdW4Oa {
	background-color: rgba(255, 255, 255, 0.2);
	color: var(--white);
}

/* --- RESIDENCY OVERRIDES --- */
.FISM9Cnq {
	border-left-color: transparent;
}

.weXjlHrl {
	border-left-color: #a78bfa;
	background-color: rgba(167, 139, 250, 0.05);
}

.eG5GGWB5 {
	background: rgba(167, 139, 250, 0.1);
	color: #a78bfa;
}

.kff3pszd {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

/* --- INCOMING RESIDENCY OVERRIDES --- */
.M_LzDJpn {
	border-left-color: transparent;
}

.PeUWS9FQ {
	background: rgba(136, 136, 136, 0.1) !important;
	color: #888 !important;
}

.HWNFBSmC {
	background: rgba(136, 136, 136, 0.12);
	color: #888;
}

.__pcafnL {
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	color: var(--white);
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	outline: none;
	transition: border-color 0.2s ease;
	min-height: 70px;
	width: 100%;
	box-sizing: border-box;
}

.__pcafnL:focus {
	border-color: var(--accent-1);
}

.__pcafnL::placeholder {
	color: #555;
}

/* --- STATUS PILLS --- */
.m2Ps18sx {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 11px;
	font-weight: 600;
	padding: 0.2rem 0.6rem;
	border-radius: 8px;
	white-space: nowrap;
}

.m2Ps18sx i {
	font-size: 9px;
}

.ejJYcBvI {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.SRYdQmsJ {
	background: rgba(245, 158, 11, 0.12);
	color: #f59e0b;
}

.GZBZ6fb6 {
	background: rgba(60, 162, 89, 0.08) !important;
	color: var(--success-green) !important;
}

.GZBZ6fb6 i {
	color: var(--success-green) !important;
}

.a5slx6tz {
	background: rgba(245, 158, 11, 0.08) !important;
	color: #f59e0b !important;
}

.a5slx6tz i {
	color: #f59e0b !important;
}

.wKOzpL0V {
	background: rgba(239, 68, 68, 0.12);
	color: #ef4444;
}

.TsZx9ocF {
	background: rgba(239, 68, 68, 0.08) !important;
	color: #ef4444 !important;
}

.TsZx9ocF i {
	color: #ef4444 !important;
}

.q6KCLFBm {
	background: rgba(167, 139, 250, 0.08) !important;
	color: #a78bfa !important;
}

.q6KCLFBm i {
	color: #a78bfa !important;
}

.vJV9wrQV {
	background: rgba(96, 165, 250, 0.08) !important;
	color: #60a5fa !important;
}

.vJV9wrQV i {
	color: #60a5fa !important;
}

/* --- RESIDENT ROWS --- */
._5OaE_27 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.6rem 0.75rem;
	border-radius: 8px;
	transition: background-color 0.12s ease;
}

._5OaE_27:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.pynA4Dt0 {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-width: 0;
	flex: 1 1;
}

.XyUrlAIO {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(167, 139, 250, 0.1);
	color: #a78bfa;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	flex-shrink: 0;
}

.DtcerJAK {
	min-width: 0;
	flex: 1 1;
}

.jq_a7Ovw {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.WdAle1TR {
	margin: 0.1rem 0 0;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Tg4TMR_d {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	flex-shrink: 0;
}

.MOdMriw5,
.TVwvcSBw {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 11px;
	transition: all 0.15s ease;
}

.MOdMriw5 {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.MOdMriw5:hover {
	background: rgba(60, 162, 89, 0.25);
}

.TVwvcSBw {
	background: rgba(239, 68, 68, 0.12);
	color: #ef4444;
}

.TVwvcSBw:hover {
	background: rgba(239, 68, 68, 0.25);
}

/* --- PENDING NOTIFICATION BANNER --- */
.hNd8AdPR {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.85rem 1.25rem;
	background: rgba(245, 158, 11, 0.06);
	border: 1px solid rgba(245, 158, 11, 0.2);
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.hNd8AdPR:hover {
	background: rgba(245, 158, 11, 0.1);
	border-color: rgba(245, 158, 11, 0.35);
}

.Zn6MnlW2 {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(245, 158, 11, 0.12);
	color: #f59e0b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	flex-shrink: 0;
	animation: LJCXXmya 2s ease-in-out infinite;
}

@keyframes LJCXXmya {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.08); }
}

.nqpMSM7f {
	flex: 1 1;
	min-width: 0;
}

.U0EydAvp {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #f59e0b;
}

.H89BUI10 {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
}

.MjMmPsKj {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	flex-shrink: 0;
}

/* --- TAB BADGE --- */
.KbEbPn_W {
	min-width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #f59e0b;
	color: var(--white);
	font-size: 10px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	margin-left: 2px;
}

/* --- VENUE PENDING BADGE (on venue cards) --- */
.QMfQpQkJ {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 11px;
	font-weight: 600;
	color: #f59e0b;
	background: rgba(245, 158, 11, 0.1);
	padding: 0.2rem 0.55rem;
	border-radius: 8px;
	white-space: nowrap;
}

.QMfQpQkJ i {
	font-size: 9px;
}

/* --- PENDING REQUESTS SECTION (in Residencies tab) --- */
._l98dnYJ {
	border-bottom: 1px solid rgba(245, 158, 11, 0.15);
	padding-bottom: 0.5rem;
	margin-bottom: 0.25rem;
}

.IiuLEbtM {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1.25rem;
	font-size: 11px;
	font-weight: 700;
	color: #f59e0b;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.IiuLEbtM i {
	font-size: 11px;
}

.xI46joye {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.6rem 1.25rem;
	border-left: 3px solid #f59e0b;
	background: rgba(245, 158, 11, 0.03);
	transition: background-color 0.15s ease;
}

.xI46joye:hover {
	background: rgba(245, 158, 11, 0.06);
}

.Tsy0VzDt {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-width: 0;
	flex: 1 1;
}

.TAQupuBq {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(245, 158, 11, 0.1);
	color: #f59e0b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	flex-shrink: 0;
}

.YHVDh99L {
	min-width: 0;
	flex: 1 1;
}

.Cuy74wNT {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.OYzWxkKT {
	margin: 0.1rem 0 0;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* --- RESPONSIVE --- */

@media (max-width: 1200px) {
	.D5VJ6Q1T {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1024px) {
	.hwIxJg0P {
		grid-template-columns: 1fr;
	}

	.lf3yF15O {
		grid-column: span 1;
	}

	.ZiyWpmd1 {
		max-height: 400px;
	}
}

@media (max-width: 768px) {
	.D5VJ6Q1T {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}

	.T3uRZhM0 {
		padding: 0.85rem 1rem;
	}

	.JY6q5Xul {
		padding: 0.85rem 1rem;
	}

	.Pw7zQDi3 {
		padding: 0.65rem 1rem;
	}

	.Dqoyw3ta {
		width: 36px;
		height: 36px;
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.D5VJ6Q1T {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}

	.B2rzvBUy input {
		width: 100px;
	}

	.qdmBU0rn {
		margin: 1rem;
		max-width: none;
	}
}


/* --- VENUE MANAGER ASSIGNMENT --- */
.idCaOsW2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.6rem 0.75rem;
	border-radius: 8px;
	transition: background-color 0.12s ease;
}

.idCaOsW2:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.EYbGPfuX {
	background: rgba(13, 122, 199, 0.1) !important;
	color: var(--accent-1) !important;
}

.vOG3f8dl {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.65rem;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.03);
	color: #888;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
}

.vOG3f8dl:hover {
	border-color: rgba(13, 122, 199, 0.3);
	color: var(--accent-1);
	background: rgba(13, 122, 199, 0.06);
}

.btAXFs8B {
	border-color: rgba(13, 122, 199, 0.3);
	background: rgba(13, 122, 199, 0.1);
	color: var(--accent-1);
}

.btAXFs8B:hover {
	border-color: rgba(239, 68, 68, 0.3);
	background: rgba(239, 68, 68, 0.06);
	color: #ef4444;
}
/* -----------------------------------------------------
	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: #0D7AC7;
	--success-green: #3CA259;
	--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: #0D7AC7;
    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: #0D7AC7;
	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: #0D7AC7;
	background-color: var(--accent-1);
}

.Udp4XOut {
	width: 7.5px;
	height: 7.5px;
	border-radius: 100%;
	background-color: #3CA259;
	background-color: var(--success-green);
}

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

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

.Px5ybPDs {
	height: 100%;
	width: 100%;
	background: none;
	border: none;
	background-color: #0D7AC7;
	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: #3CA259;
	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: #3CA259;
	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: #0D7AC7;
	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: #3CA259;
	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: #0D7AC7;
    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: #0D7AC7;
    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 #0D7AC7;
	border: 1px solid var(--accent-1);
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white)
}

.JNOF4MFV {
	background-color: #0D7AC7;
	background-color: var(--accent-1);
}

.nMbz9oWf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	cursor: pointer;
	padding: 0;
	margin: 0;
	transition: opacity 0.15s ease;
}

.nMbz9oWf:hover {
	opacity: 0.8;
}

.nMbz9oWf i:last-child {
	opacity: 0.5;
	transition: transform 0.2s ease, opacity 0.15s ease;
}

.nMbz9oWf:hover i:last-child {
	opacity: 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 #0D7AC7;
	border: 1px solid var(--accent-1);
	background-color: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #3CA25966 !important;
}

.Io8X6yr9 {
	background-color: #3CA259 !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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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 #0D7AC7 !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: #3CA259;
	background-color: var(--success-green);
}

.CsSmhbb2 {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(13, 122, 199,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(13, 122, 199,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(13, 122, 199,1);
	position: relative;
/*	display: flex;
	align-items: center;
	justify-content: center;*/
}

.vZkAkZWc {
	background: #01000D;
	background: var(--bg-dark);;
	border: 3px solid rgba(13, 122, 199,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(13, 122, 199,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(13, 122, 199,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 #0D7AC7;
	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 #0D7AC7;
	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 #0D7AC7;
	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 #0D7AC7;
	border: 1px solid var(--accent-1)
}


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

.mkL_LVVT {
	border: 1px solid #0D7AC7;
	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: #0D7AC7 !important;
	background-color: var(--accent-1) !important;
	color: #ffffff !important;
	color: var(--white) !important;
}




.hVbGbQju {
	margin-top: 1rem;
	background-color: #0D7AC7;
	background-color: var(--accent-1)
}

.hVbGbQju .bT5UOHjv .ietOwUHn i,
.hVbGbQju .IYF_6IFD .hN4pQdfC .B9N57Cju i {
	color: #0D7AC7;
	color: var(--accent-1);
}

.cooOILpZ {
	background-color: #3CA259;
	background-color: var(--success-green)
}

.MeRnwWcJ i {
	color: #3CA259;
	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: #0D7AC7;
	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(13, 122, 199,0.3);
	color: #ffffff;
	color: var(--white);
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.DiaiSb8s {
	border: 1px solid #0D7AC7;
	border: 1px solid var(--accent-1);
	background-color: #0D7AC7;
	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: #0D7AC7;
	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 #0D7AC7 !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: #0D7AC7 !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: #0D7AC7;
	background-color: var(--accent-1);
	margin: 0 -20px;
	padding: 5px 20px;
}

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

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

.G2OTZovD {
	margin: 1.5rem 0;
	width: 100%;
	padding: 10px 20px;
	background-color: #0D7AC7;
	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 #0D7AC7 !important;
	border: 1px solid var(--accent-1) !important;
}

.PMcVvziG {
	border: 1px solid #0D7AC7 !important;
	border: 1px solid var(--accent-1) !important;
}


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

.m4RliJl4 {
	color: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	background-color: var(--accent-1);
}

.f0ArwUgw > .CcZVKZS7 {
	background-color: #ffffff;
	background-color: var(--white)
}

.f0ArwUgw > .CcZVKZS7 i {
	color: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
	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: #0D7AC7;
    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
}

.wqdh6BKa {
    width: 100%;
    margin-top: .75rem;
}

.wqdh6BKa .yVpgtn8G {
    margin-top: 0;
}

.uQJzyD9t {
    opacity: 0.35;
    cursor: not-allowed;
}

.f_nA5Ind {
    font-size: 11px;
    color: #888;
    text-align: center;
    margin-top: 0.4rem;
}

/* ================================================
   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(60, 162, 89, 0.3);
  background-color: rgba(60, 162, 89, 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(60, 162, 89, 0.2);
  color: #3CA259;
}

.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: #0D7AC7;
	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, #3CA259 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
------------------------------------------------------ */

/* ======================================================
   IndEvent — Guestiis & Team List Redesign (ie_ prefix)
====================================================== */

/* Panel */
.SPlkbdZq {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
}

/* Header */
.OsTlji44 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
	flex-shrink: 0;
}

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

.RDGp8Mak {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.cutfvk9f {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.45rem 0.75rem;
}

.cutfvk9f i {
	color: #555;
	font-size: 12px;
	flex-shrink: 0;
}

.cutfvk9f input {
	background: none;
	border: none;
	outline: none;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	width: 160px;
	padding: 0;
	font-family: inherit;
}

.cutfvk9f input::placeholder {
	color: #555;
}

.oMHuFCeg {
	background: none;
	border: none;
	color: #555;
	cursor: pointer;
	padding: 0;
	font-size: 11px;
	display: flex;
	align-items: center;
	transition: color 0.15s ease;
}

.oMHuFCeg:hover {
	color: #ffffff;
	color: var(--white);
}

.U5kU5nEk {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.85rem;
	background: linear-gradient(135deg, #0D7AC7 0%, #0099cc 100%);
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.U5kU5nEk:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.U5kU5nEk i {
	font-size: 11px;
}

/* List body */
.VoPLeO2O {
	flex: 1 1;
	overflow-y: auto;
}

.VoPLeO2O::-webkit-scrollbar {
	width: 6px;
}

.VoPLeO2O::-webkit-scrollbar-track {
	background: transparent;
}

.VoPLeO2O::-webkit-scrollbar-thumb {
	background: #2d2f39;
	border-radius: 3px;
}

/* Member card */
.QNH9g8Jz {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem 1.25rem;
	width: 100%;
	background: none;
	border: none;
	border-left: 3px solid transparent;
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease, border-color 0.12s ease;
	color: #ffffff;
	color: var(--white);
	position: relative;
}

.QNH9g8Jz:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.soi9wD3Y {
	background-color: rgba(13, 122, 199, 0.06);
	border-left-color: #0D7AC7;
	border-left-color: var(--accent-1);
}

.CcwY6IaL {
	padding-left: 2.5rem;
}

.CcwY6IaL .Ae7Z95BH {
	width: 32px;
	height: 32px;
	font-size: 11px;
}

/* Member icon */
.Ae7Z95BH {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.05);
	color: #888;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

.VFauUPF3 {
	background: rgba(60, 162, 89, 0.12);
	color: #3CA259;
	color: var(--success-green);
}

.oh5PAq6E {
	background: rgba(13, 122, 199, 0.15);
	color: #0D7AC7;
	color: var(--accent-1);
}

/* Member info */
.roCfpMkm {
	flex: 1 1;
	min-width: 0;
}

.x6U7albV {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vQZl2j8r {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Member right */
.MNhEW8Ig {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

/* Pills */
.ewgA2HPY {
	padding: 0.2rem 0.55rem;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 500;
	background: rgba(60, 162, 89, 0.12);
	color: #3CA259;
	color: var(--success-green);
	white-space: nowrap;
}

.sj2jkDxx {
	padding: 0.2rem 0.55rem;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.05);
	color: #888;
	white-space: nowrap;
}

.daQC9Pag {
	padding: 0.2rem 0.45rem;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 600;
	background: rgba(13, 122, 199, 0.12);
	color: #0D7AC7;
	color: var(--accent-1);
	white-space: nowrap;
}

/* Role colors */
.TnXEfqRm {
	background: rgba(20, 184, 166, 0.12);
	color: #14b8a6;
}

.QRwIguLX {
	background: rgba(13, 122, 199, 0.12);
	color: #0D7AC7;
	color: var(--accent-1);
}

.t7H2c3iF {
	background: rgba(236, 72, 153, 0.12);
	color: #ec4899;
}

.fp9hpEdp {
	background: rgba(60, 162, 89, 0.12);
	color: #3CA259;
	color: var(--success-green);
}

.fJmzZmJT {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.ZJf5J7jI {
	background: rgba(245, 158, 11, 0.12);
	color: #f59e0b;
}

.Dozatlpx {
	padding: 0.25rem 0.6rem;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
}

/* Ellipsis button */
.fdhv41yX {
	width: 28px;
	height: 28px;
	background: none;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #555;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	transition: all 0.12s ease;
}

.fdhv41yX:hover {
	background-color: rgba(255, 255, 255, 0.06);
	border-color: #2d2f39;
	color: #ffffff;
	color: var(--white);
}

/* Context menu */
.lui8Wwvo {
	position: absolute;
	top: 100%;
	right: 1.25rem;
	margin-top: 2px;
	padding: 0.4rem 0;
	background-color: #161824;
	border: 1px solid rgba(13, 122, 199, 0.3);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	z-index: 100;
	min-width: 180px;
	animation: D8nrBPf5 0.12s ease;
}

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

.RCVjbWWu {
	padding: 0.4rem 0.85rem 0.35rem;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #555;
}

.FHKR48Ua {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	width: 100%;
	padding: 0.5rem 0.85rem;
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
	transition: all 0.1s ease;
	text-align: left;
}

.FHKR48Ua i {
	font-size: 11px;
	width: 16px;
	text-align: center;
	flex-shrink: 0;
}

.FHKR48Ua:hover {
	background-color: rgba(13, 122, 199, 0.1);
	color: #ffffff;
	color: var(--white);
}

.CCcDmB81 {
	color: #ef4444;
}

.CCcDmB81:hover {
	background-color: rgba(239, 68, 68, 0.1);
	color: #ef4444;
}

.ssB_Sfpg {
	height: 1px;
	background: rgba(45, 47, 57, 0.5);
	margin: 0.3rem 0;
}

/* Empty state */
.W9WGOWwz {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 2rem;
	gap: 0.75rem;
	color: #555;
}

.DIXxBjrD {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.W9WGOWwz p {
	margin: 0;
	font-size: 13px;
}

/* Skeleton loading */
.D_Lkzo8w {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
}

.DHxy45Ns {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #2d2f39;
	flex-shrink: 0;
	animation: lfVVzL9X 1.5s ease-in-out infinite;
}

.KUpOgTfu {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	flex: 1 1;
}

.wHzkcbxY {
	height: 10px;
	background: #2d2f39;
	border-radius: 4px;
	animation: lfVVzL9X 1.5s ease-in-out infinite;
}

.m5LUhzq8 { width: 70%; }
.AZymQ8Zz { width: 50%; }

@keyframes lfVVzL9X {
	0%, 100% { opacity: 0.4; }
	50% { opacity: 0.7; }
}


/* ======================================================
   SIDEBAR — Guestiis & Team Redesign
====================================================== */

/* Profile header */
.NVJyzTaA {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
}

.F2u2B89c {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	flex-shrink: 0;
	background: rgba(13, 122, 199, 0.12);
	color: #0D7AC7;
	color: var(--accent-1);
}

.alM1TDLk {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.ZZAxoK7k {
	flex: 1 1;
	min-width: 0;
}

.m78h0D0Q {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.p6B2BPSx {
	font-size: 13px;
	color: #888;
	margin: 0.1rem 0 0;
}

.o_8MUROK {
	width: 28px;
	height: 28px;
	background: none;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #555;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	flex-shrink: 0;
	transition: all 0.12s ease;
}

.o_8MUROK:hover {
	background-color: rgba(255, 255, 255, 0.06);
	border-color: #2d2f39;
	color: #ffffff;
	color: var(--white);
}

/* Detail rows */
.YNFXZJne {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 1rem 0;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
}

.uXxrWkBm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*gap: 0.6rem;*/
	font-size: 12px;
}

.uXxrWkBm i {
	font-size: 10px;
	width: 16px;
	text-align: center;
	color: #555;
	flex-shrink: 0;
}

.ZoyZ0GVN {
	color: #888;
	margin-left: 4px;
	margin-right: auto;
	font-size: 14px;
}

.sDgWZsF7 {
	color: #0D7AC7;
	color: var(--accent-1);
	font-weight: 500;
	margin: 0;
	font-size: 14px;
	text-align: right;
}

.syxCxglk {
	padding: 0.15rem 0.45rem;
	border-radius: 5px;
	font-size: 11px;
	font-weight: 600;
	background: rgba(245, 158, 11, 0.12);
	color: #f59e0b;
}

/* Tags section */
.ZUiDNtgN {
	padding: 1rem 0;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
}

.ZUiDNtgN:last-child {
	border-bottom: none;
}

.YAH2aZOQ {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.6rem;
}

.YAH2aZOQ i {
	font-size: 12px;
	color: #555;
	width: 16px;
	text-align: center;
}

.YAH2aZOQ p {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #555;
	margin: 0;
}

.PzfKXUoc {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.RvZcDefL {
	padding: 0.2rem 0.55rem;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
	color: var(--white);
}

.Nd0n0kLf {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.75rem;
	background: rgba(13, 122, 199, 0.1);
	border: 1px dashed rgba(13, 122, 199, 0.3);
	border-radius: 8px;
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	width: 100%;
}

.Nd0n0kLf:hover {
	background: rgba(13, 122, 199, 0.15);
	border-color: rgba(13, 122, 199, 0.5);
}

.Nd0n0kLf i {
	font-size: 11px;
}

/* Bulk actions (multi-select) */
.vGDNPTp4 {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1rem 0;
}

.IVeqTXhW {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.6rem 0.75rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.12s ease;
	text-align: left;
}

.IVeqTXhW:hover {
	background: rgba(13, 122, 199, 0.08);
	border-color: rgba(13, 122, 199, 0.25);
	color: #ffffff;
	color: var(--white);
}

.IVeqTXhW i {
	font-size: 13px;
	width: 18px;
	text-align: center;
	color: #0D7AC7;
	color: var(--accent-1);
	flex-shrink: 0;
}

/* Filter panel */
.EjpgTW_Q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	cursor: pointer;
	padding: 0 0 0.75rem;
	margin: 0;
	transition: opacity 0.15s ease;
}

.EjpgTW_Q:hover {
	opacity: 0.8;
}

.R3zCT3yd {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.R3zCT3yd i {
	font-size: 14px;
	color: #0D7AC7;
	color: var(--accent-1);
}

.R3zCT3yd p {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.EjpgTW_Q > i:last-child {
	font-size: 12px;
	color: #555;
	transition: transform 0.2s ease;
}

.NGsSlTkp {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

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

.DYGtEQw8 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.65rem;
}

.DYGtEQw8 i {
	font-size: 12px;
	color: #555;
	width: 16px;
	text-align: center;
}

.DYGtEQw8 p {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #555;
	margin: 0;
}

.CxAXOLcD {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.aoIZc9F0 {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.35rem 0.5rem;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.1s ease;
}

.aoIZc9F0:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.KNoT3LID {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 1px solid #2d2f39;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	color: var(--white);
	font-size: 10px;
	flex-shrink: 0;
	cursor: pointer;
	transition: all 0.12s ease;
}

.r0vs9BoI {
	background-color: #0D7AC7;
	background-color: var(--accent-1);
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.hyXLMQZz {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
}

.GmukZW21 {
	font-size: 12px;
	flex-shrink: 0;
}

.drwWF9Md {
	padding: 0.25rem 0.5rem 0 1.25rem;
	width: calc(100% - 1.25rem);
}

/* Promoter limits */
.oCqgDMDO {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 0.75rem 0;
}

.rqqmnnkT {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.35rem 0.5rem;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.02);
}

.mYWhuhIr {
	font-size: 13px;
	color: #888;
	margin: 0;
}

.ZyuQWYy1 {
	font-size: 13px;
	font-weight: 600;
	color: #0D7AC7;
	color: var(--accent-1);
	margin: 0;
}

.Yg0dHxPt {
	color: #22c55e;
}

.E8Bz27dO {
	color: #555;
	font-weight: 500;
}

.cOp1h71u {
	opacity: 0.5;
}


/* ======================================================
   RESPONSIVE — IndEvent Mobile Optimization
====================================================== */

/* --- Tablet landscape --- */
@media (max-width: 1200px) {
	.h1owax3J {
		grid-template-columns: 30% 1fr;
	}

	.p6VhAToV {
		width: 65%;
	}

	.vXImssI7 {
		width: 55%;
	}

	.Qu0_Ct9O {
		width: 55%;
		left: 60%;
	}

	.OXaWQyGB {
		width: 65%;
	}

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

	.UGy4BRpR {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --- Tablet portrait --- */
@media (max-width: 1024px) {
	.h1owax3J {
		grid-template-columns: 35% 1fr;
		column-gap: 1rem;
	}

	.p6VhAToV {
		width: 70%;
	}

	.vXImssI7,
	.Qu0_Ct9O {
		width: 65%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.OXaWQyGB {
		width: 75%;
	}

	.Df4ilXMU {
		width: 70%;
	}

	.vL4S4ybZ {
		width: 280px;
	}
}

/* --- Mobile — Stack everything vertically --- */
@media (max-width: 768px) {
	/* Container: allow full scroll */
	.PV3ZejeJ {
		overflow: visible;
		overflow: initial;
		height: auto;
		min-height: 100vh;
	}

	/* Content container */
	.HU5hBXBK {
		padding: 1.25rem;
		height: auto;
		min-height: auto;
		row-gap: 1rem;
		overflow: visible;
	}

	/* Hub layout: stack sidebar + content vertically */
	.h1owax3J {
		display: flex;
		flex-direction: column;
		overflow: visible;
		height: auto;
		row-gap: 1rem;
		column-gap: 0;
	}

	/* Inner topbar nav: horizontal scroll */
	.zkVeY2ft {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		flex-wrap: nowrap;
		gap: 0;
		padding-bottom: 0.25rem;
	}

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

	.KmGBM489 {
		flex-shrink: 0;
		padding: 6px 14px;
	}

	.KmGBM489 p {
		font-size: 13px;
	}

	.Mmlc9kLE {
		margin-top: 0.75rem;
	}

	/* Sidebar widget: full width, auto height */
	.Rx7YMDLe {
		height: auto;
		max-height: none;
		overflow-y: visible;
		border-radius: 12px;
	}

	.tCx6Igwg {
		height: auto;
	}

	.tCx6Igwg .DTWKWc0o {
		height: auto;
	}

	/* Sidebar content spacing */
	.a6c6T6os {
		margin-top: 1rem;
		row-gap: 1rem;
	}

	/* Event info: stack banner above details */
	.O8rko3xZ {
		grid-template-columns: 1fr;
		row-gap: 1rem;
	}

	.qtWnCUWX {
		width: 80px;
		aspect-ratio: 1;
	}

	.DzbCe4u4 {
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	.Os1CNTXF {
		row-gap: 0.5rem;
	}

	.y9_gSAnX {
		grid-template-columns: 24px 1fr;
	}

	.y9_gSAnX i {
		margin-right: 8px;
	}

	/* Sidebar card (edit/delete actions) */
	.pD91yIXk {
		margin-top: 1rem;
	}

	.DHLUx12k {
		margin-top: 0.75rem;
	}

	/* Content widget: full width, auto height */
	.U7xkSyQZ {
		height: auto;
		min-height: 400px;
		overflow: visible;
	}

	/* Guestii queue layout: stack */
	.OH8_WpSe {
		display: flex;
		flex-direction: column;
		height: auto;
		gap: 0.75rem;
		overflow: visible;
	}

	/* Guestii topbar: full width spanning */
	.fYBlD5pU {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.bILsBjoY {
		flex: 1 1;
		min-width: 0;
		height: 44px;
	}

	.bILsBjoY input {
		height: 44px;
	}

	.iG45mUNg {
		height: 44px;
		padding: 0 14px;
	}

	/* Table grids: single column on mobile */
	.UGy4BRpR {
		grid-template-columns: 1fr;
		row-gap: 0.75rem;
		column-gap: 0;
	}

	.TVkw7bd1 {
		grid-template-columns: 1fr;
		row-gap: 0.75rem;
		column-gap: 0;
	}

	.esstUtiw {
		grid-template-columns: 1fr;
		height: auto;
		row-gap: 0.75rem;
	}

	.JJ0Ciq8p {
		grid-column: span 1;
	}

	/* Guestii cards */
	.CuVUKk3l,
	.QE7xABpw {
		border-radius: 10px;
	}

	/* Search input in popups */
	.vL4S4ybZ {
		width: 100%;
		max-width: 100%;
	}

	/* Event layout (team/guestii inner content) */
	.Thg8msCx {
		padding: 10px 10px 0 10px;
		row-gap: 1rem;
	}

	.l0VaW1Yz {
		padding: 10px;
		row-gap: 1rem;
	}

	.VkHebhWx {
		padding: 10px;
		grid-template-rows: auto auto 1fr;
		row-gap: 1rem;
	}

	/* Dashboard: stack stats, single col content */
	.bB7lnep3 {
		grid-template-columns: 1fr;
		row-gap: 0.75rem;
	}

	.eW0dsyzC {
		padding: 0.85rem;
	}

	.hePahFYt {
		grid-template-columns: 1fr;
		row-gap: 0.75rem;
	}

	.rY80H7ek {
		border-radius: 10px;
	}

	/* Admissions log */
	.y7rI0Zji {
		grid-template-columns: auto 1fr;
		column-gap: 0.5rem;
	}

	/* Announcements: stack channel sidebar + content */
	.SKW8mAVU {
		display: flex;
		flex-direction: column;
		height: auto;
		gap: 0.75rem;
	}

	.CeYRqfd5 {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.4rem;
		height: auto;
	}

	.CeYRqfd5 button {
		padding: 5px 16px;
	}

	/* Popup/Modal containers: full width on mobile */
	.p6VhAToV {
		width: calc(100% - 2.5rem);
		height: calc(100% - 5rem);
		right: 50%;
		transform: translate(50%, -50%);
	}

	.jIUwQgBU {
		width: calc(100% - 2.5rem);
	}

	.vXImssI7 {
		width: calc(100% - 2.5rem);
		left: 50%;
		transform: translate(-50%, -50%);
		max-height: 85vh;
		overflow-y: auto;
	}

	.Qu0_Ct9O {
		width: calc(100% - 2.5rem);
		left: 50%;
		transform: translate(-50%, -50%);
		max-height: 85vh;
		overflow-y: auto;
	}

	.OXaWQyGB {
		width: calc(100% - 2.5rem);
		height: 85%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.Df4ilXMU {
		width: calc(100% - 2.5rem);
	}

	/* Filter containers */
	.D6DhLH7s {
		flex-wrap: wrap;
		gap: 0.35rem;
	}

	.rrzXchHb {
		gap: 0.5rem;
	}

	/* Slider container */
	.KTf225lF {
		margin-top: 0.75rem;
	}

	/* Profile elements */
	.ietOwUHn {
		width: 32px;
		height: 32px;
	}

	/* VIP detail modal: already responsive */
	.sITvf3d0 {
		width: calc(100% - 2rem);
	}

	/* Old layout compat */
	.LXW2o_xX {
		display: flex;
		flex-direction: column;
	}

	._qMKC2es {
		height: 50px;
	}

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

	.lEBdE2QE {
		height: auto;
		margin-bottom: 1rem;
	}

	.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: 0.5rem;
	}

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

/* --- Small phone --- */
@media (max-width: 480px) {
	.HU5hBXBK {
		padding: 1rem;
		row-gap: 0.75rem;
	}

	.KmGBM489 {
		padding: 5px 10px;
	}

	.KmGBM489 p {
		font-size: 12px;
	}

	.Rx7YMDLe {
		padding: 0.75rem;
	}

	.qtWnCUWX {
		width: 60px;
	}

	.y9_gSAnX {
		grid-template-columns: 20px 1fr;
	}

	.y9_gSAnX i {
		font-size: 12px;
		margin-right: 6px;
	}

	.eW0dsyzC {
		padding: 0.65rem;
	}

	.T5HRJGbV {
		column-gap: 0.5rem;
	}

	.T5HRJGbV p {
		font-size: 10px;
	}

	.bILsBjoY {
		height: 40px;
	}

	.bILsBjoY input {
		height: 40px;
	}

	.iG45mUNg {
		height: 40px;
		padding: 0 12px;
	}

	.iG45mUNg p {
		display: none;
	}

	.CuVUKk3l,
	.QE7xABpw {
		padding: 8px;
	}

	.Thg8msCx {
		padding: 8px 8px 0 8px;
		row-gap: 0.75rem;
	}

	.l0VaW1Yz {
		padding: 8px;
		row-gap: 0.75rem;
	}

	.VkHebhWx {
		padding: 8px;
		row-gap: 0.75rem;
	}

	.CeYRqfd5 button {
		padding: 4px 12px;
	}

	.CeYRqfd5 button p {
		font-size: 11px;
	}
}

@keyframes VEcxJXnJ {
  to {
    opacity: 1;
  }
}
/* ================================================
   PROMOTER LIMITS PER TICKET TYPE STYLES
   ================================================ */

.f08XFoVp {
  width: 100%;
  background-color: #161824;
  background-color: var(--sub-bg-dark);
  border: 1px solid #2d2f39;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1rem;
  transition: border-color 0.2s ease;
}

.f08XFoVp:hover {
  border-color: rgba(13, 122, 199, 0.3);
}

.nSqWUdS9 {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  border: none;
  color: #ffffff;
  color: var(--white);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.nSqWUdS9:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

.fpOmLG_B {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.05);
  transition: background-color 0.2s ease;
}

.nSqWUdS9:hover .fpOmLG_B {
  background-color: rgba(13, 122, 199, 0.2);
}

.IyBWQQZv {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 15px 10px 15px;
  border-bottom: 1px solid #2d2f39;
}

.HeuaT4pA {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 6px 12px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #2d2f39;
  border-radius: 6px;
  color: #ffffff;
  color: var(--white);
  cursor: pointer;
  transition: all 0.2s ease;
}

.HeuaT4pA:hover {
  background-color: #0D7AC7;
  background-color: var(--accent-1);
  border-color: #0D7AC7;
  border-color: var(--accent-1);
}

.HeuaT4pA span {
  opacity: 0.9;
}

.VWcNylFi {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}

.U3fVCcHt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  transition: background-color 0.15s ease;
}

.U3fVCcHt:hover {
  background-color: rgba(255, 255, 255, 0.02);
}

.W_XcWwZV {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.kKahMZ4b {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(13, 122, 199, 0.15);
  border-radius: 8px;
  color: #0D7AC7;
  color: var(--accent-1);
}

.N8B5OKSl {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.N8B5OKSl p {
  margin: 0;
  line-height: 1.3;
}

/* ================================================
   BULK CONTROLS STYLES
   ================================================ */

.PJgJ8cwo {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 15px;
  background-color: #161824;
  background-color: var(--sub-bg-dark);
  border: 1px solid #2d2f39;
  border-radius: 12px;
  margin-bottom: 1rem;
}

.nrpkDFfU {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
  color: var(--white);
  opacity: 0.8;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #2d2f39;
}

.cQ1300Ts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.TTIBMk7T {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #2d2f39;
  border-radius: 8px;
  color: #ffffff;
  color: var(--white);
  cursor: pointer;
  transition: all 0.2s ease;
}

.TTIBMk7T:hover {
  background-color: #0D7AC7;
  background-color: var(--accent-1);
  border-color: #0D7AC7;
  border-color: var(--accent-1);
}

.g3idzIZm {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 6px 12px;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid #2d2f39;
  border-radius: 8px;
  color: #ffffff;
  color: var(--white);
  margin-left: auto;
}

.g3idzIZm span {
  opacity: 0.7;
  white-space: nowrap;
}

.KlwQmXoS {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 6px 12px;
  background-color: #0D7AC7;
  background-color: var(--accent-1);
  border: none;
  border-radius: 6px;
  color: #ffffff;
  color: var(--white);
  cursor: pointer;
  transition: all 0.2s ease;
}

.KlwQmXoS:hover {
  background-color: #3a8dc1;
}

.d4vnObwE {
	text-align: left;
}


/* VIP Service card in sidebar */
.ZvISwXJ8 {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 10px 12px;
	margin-top: 8px;
	background-color: rgba(245, 158, 11, 0.08);
	border: 1px solid rgba(245, 158, 11, 0.2);
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
	color: #ffffff;
	color: var(--white);
}

.ZvISwXJ8:hover {
	background-color: rgba(245, 158, 11, 0.15);
	border-color: rgba(245, 158, 11, 0.4);
}

.nmSEDTRi {
	width: 32px;
	height: 32px;
	min-width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(245, 158, 11, 0.2);
	border-radius: 8px;
	color: #f59e0b;
}

.Yep7_ICL {
	flex: 1 1;
	text-align: left;
	overflow: hidden;
}

.Yep7_ICL p:first-child {
	opacity: 0.5;
}

.Yep7_ICL p:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ZvISwXJ8 > i:last-child {
	opacity: 0.3;
	flex-shrink: 0;
}

/* VIP Request Detail Modal */
.U0Ufznhm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.sITvf3d0 {
	background-color: #161824;
	background-color: var(--sub-bg-dark, #161824);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 90%;
	max-width: 480px;
	max-height: 85vh;
	overflow-y: auto;
	animation: Lw6RWcWc 0.2s ease-out;
	color: #ffffff;
	color: var(--white);
}

@keyframes Lw6RWcWc {
	from { opacity: 0; transform: translateY(-20px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.OEUB8h6T {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 24px;
	border-bottom: 1px solid #2d2f39;
}

.gre2n3Kd {
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(245, 158, 11, 0.15);
	border-radius: 10px;
	color: #f59e0b;
	font-size: 16px;
}

.kOX8abEL {
	flex: 1 1;
	color: #ffffff;
	color: var(--white);
}

.kOX8abEL p:last-child {
	opacity: 0.5;
	margin-top: 2px;
	color: #ffffff;
	color: var(--white);
}

.cPQFIX9N {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	transition: all 0.15s ease;
	flex-shrink: 0;
}

.cPQFIX9N:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	color: var(--white);
}

/* Guest section */
.VtSBmkvg {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	border-bottom: 1px solid #2d2f39;
}

.CpvX9pAF {
	width: 38px;
	height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 50%;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
}

.egl9GDjs {
	flex: 1 1;
	overflow: hidden;
	color: #ffffff;
	color: var(--white);
}

.wX6rp391 {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin-top: 3px;
}

.wX6rp391 span {
	opacity: 0.5;
	color: #ffffff;
	color: var(--white);
}

.q5j2rTIh {
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	flex-shrink: 0;
}

/* Detail body */
.IcNYTAC8 {
	padding: 20px 24px;
}

.J6sdBU4Z {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 16px;
	gap: 16px;
}

.UjyuB4OH {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.UjyuB4OH > i {
	margin-top: 2px;
	opacity: 0.4;
	color: #ffffff;
	color: var(--white);
}

.UjyuB4OH p:first-child {
	opacity: 0.5;
	margin-bottom: 1px;
	color: #ffffff;
	color: var(--white);
}

.UjyuB4OH p:last-child {
	color: #ffffff;
	color: var(--white);
}

.pP_swi_6 {
	margin-top: 16px;
	padding: 12px;
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 10px;
}

.pP_swi_6 p:first-child {
	opacity: 0.5;
	margin-bottom: 6px;
	color: #ffffff;
	color: var(--white);
}

.pP_swi_6 p:last-child {
	line-height: 1.5;
	color: #ffffff;
	color: var(--white);
}

.QIKURr0d {
	padding: 48px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	opacity: 0.5;
	color: #ffffff;
	color: var(--white);
}

.Evv__qNi {
	width: 24px;
	height: 24px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-top-color: #f59e0b;
	border-radius: 50%;
	animation: pniMwfnZ 0.6s linear infinite;
}

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

/* ===== Admission Status ===== */
.egNCX5Ou {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.BQ7m2n4T {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.4rem 0;
}

.k4hBOkxM {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.EVgDlbec {
	background-color: #3CA259;
	background-color: var(--success-green);
}

.UB9tearE {
	background-color: #555;
}

.TffTXwAk {
	background-color: #f59e0b;
}

.arSBtXA7 {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.LdvcApyn {
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	color: var(--white);
}

.wczxRkab {
	font-size: 11px;
	color: #888;
}

/* ===== Event History Timeline ===== */
.lYqPGaJ4 {
	padding: 0.5rem 0;
}

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

.O_5wWuTj {
	display: flex;
	gap: 0.75rem;
	min-height: 48px;
}

.dFMWSBmQ {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 12px;
	flex-shrink: 0;
	padding-top: 4px;
}

.gzlOmr8l {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	background-color: #555;
}

.IPZNhPMM {
	background-color: #0D7AC7;
	background-color: var(--accent-1);
}

.mFPjW8y4 {
	background-color: #3CA259;
	background-color: var(--success-green);
}

.fxDf0Kx6,
.GggEAx5f {
	background-color: #f59e0b;
}

.D3shWAXe {
	background-color: #a855f7;
}

.gky9UHyB {
	width: 2px;
	flex: 1 1;
	background-color: rgba(85, 85, 85, 0.4);
	margin-top: 4px;
	margin-bottom: 4px;
}

.YIgvO2Vl {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-bottom: 0.75rem;
}

.ontDxdkv {
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	color: var(--white);
}

.r6CLqMH4 {
	font-size: 11px;
	color: #888;
}


/* ======================================================
   INVITE GUESTII MODAL
====================================================== */

@keyframes mqczfRTr {
	from { opacity: 0.5; }
	to { opacity: 1; }
}
@keyframes QHFaXCTU {
	from { opacity: 0.6; transform: translateY(8px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes _KpudPGL {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.VRN4SgZa {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.65);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.kAW4ryaG { }

.aDEI_4Qn {
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 920px;
	height: 85vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.aLEF9CFZ { }

/* ---- HEADER ---- */
.hHuzhALi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid #2d2f39;
}

.yrn2o5DW {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #ffffff;
	color: var(--white);
}

.Qgbuxwtn {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
	border: none;
	color: #666;
	font-size: 13px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
	flex-shrink: 0;
}

.Qgbuxwtn:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	color: var(--white);
}

/* ---- LOADING ---- */
.VqMFG4sh {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4rem 2rem;
}

.VqMFG4sh img {
	max-height: 80px;
	width: auto;
}

/* =======================================
   UNIFIED BUTTON SYSTEM
   All action buttons share the same base
======================================= */
.qNoRTgPy {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.75rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #aaa;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	white-space: nowrap;
}

.qNoRTgPy i {
	font-size: 11px;
	color: #777;
	transition: color 0.15s ease;
}

.qNoRTgPy:hover {
	border-color: #555;
	color: #ffffff;
	color: var(--white);
	background: rgba(255, 255, 255, 0.06);
}

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

._1HDT__dR {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
	color: #0D7AC7;
	color: var(--accent-1);
}

._1HDT__dR i {
	color: #0D7AC7;
	color: var(--accent-1);
}

.Z17beDpM {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.85rem;
	background: #0D7AC7;
	background: var(--accent-1);
	border: 1px solid #0D7AC7;
	border: 1px solid var(--accent-1);
	border-radius: 8px;
	color: #ffffff;
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	white-space: nowrap;
}

.Z17beDpM i {
	font-size: 11px;
}

.Z17beDpM:hover {
	filter: brightness(1.15);
}

.Z17beDpM:disabled {
	opacity: 0.35;
	cursor: default;
	filter: none;
}

.cAv3vzi5 {
	color: #888;
}

.cAv3vzi5:hover {
	border-color: #e5534b;
	color: #e5534b;
	background: rgba(229, 83, 75, 0.06);
}

.cAv3vzi5:hover i {
	color: #e5534b;
}

.c9XGz27r {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1.5rem;
	background: #0D7AC7;
	background: var(--accent-1);
	border: none;
	border-radius: 10px;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	white-space: nowrap;
	flex-shrink: 0;
}

.c9XGz27r i {
	font-size: 12px;
}

.c9XGz27r:hover {
	filter: brightness(1.12);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(13, 122, 199, 0.3);
}

.c9XGz27r:active {
	transform: scale(0.97);
}

/* ---- TOOLBAR ---- */
.nufTB8WV {
	display: flex;
	flex-direction: column;
	padding: 0.75rem 1rem;
	gap: 0.5rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
}

.hsQFhMS0 {
	display: flex;
	align-items: center;
	gap: 0;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 2px;
}

.YTrAEkld {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.4rem 0;
	flex: 1 1;
	background: none;
	border: none;
	border-radius: 6px;
	color: #777;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	white-space: nowrap;
}

.YTrAEkld i {
	font-size: 10px;
}

.YTrAEkld:hover {
	color: #ffffff;
	color: var(--white);
}

.g6qLFygX {
	background: rgba(13, 122, 199, 0.15);
	color: #0D7AC7;
	color: var(--accent-1);
}

.tkSrB3No {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	width: 100%;
	padding: 0.45rem 0.75rem;
	background: none;
	border: 1px dashed #3a3c48;
	border-radius: 8px;
	color: #777;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

.tkSrB3No i {
	font-size: 11px;
	color: #666;
}

.tkSrB3No:hover {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
	color: #0D7AC7;
	color: var(--accent-1);
	background: rgba(13, 122, 199, 0.04);
}

.tkSrB3No:hover i {
	color: #0D7AC7;
	color: var(--accent-1);
}

/* ---- TWO-PANEL LAYOUT ---- */
.x53mOt8A {
	display: flex;
	flex: 1 1;
	min-height: 0;
	overflow: hidden;
}

.hDlbUpfx {
	width: 380px;
	flex-shrink: 0;
	border-right: 1px solid #2d2f39;
	display: flex;
	flex-direction: column;
}

.r58VLCoN {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: rgba(255, 255, 255, 0.008);
}

.AT7KPI8L {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.7rem 1rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
	flex-shrink: 0;
}

.orbHPCaX {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
}

.orbHPCaX i {
	font-size: 12px;
	color: #888;
}

.VLAYgMi4 {
	font-size: 11px;
	font-weight: 600;
	color: #0D7AC7;
	color: var(--accent-1);
	background: rgba(13, 122, 199, 0.12);
	padding: 0.1rem 0.45rem;
	border-radius: 10px;
	min-width: 20px;
	text-align: center;
}

.J47X3zVu {
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

.TrVG_jTI {
	font-size: 11px;
	font-weight: 500;
	color: #aaa;
	background: none;
	border: 1px solid #2d2f39;
	border-radius: 6px;
	padding: 0.25rem 0.55rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	transition: all 0.15s ease;
}

.TrVG_jTI:hover {
	color: #ffffff;
	color: var(--white);
	border-color: #3a3c48;
	background: rgba(255, 255, 255, 0.03);
}

.Wh0BCp29 {
	flex: 1 1;
	min-height: 0;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.Wh0BCp29::-webkit-scrollbar { width: 4px; }
.Wh0BCp29::-webkit-scrollbar-track { background: transparent; }
.Wh0BCp29::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

.LCpyD8IA {
	flex: 1 1;
	min-height: 0;
	overflow-y: auto;
	padding: 0.65rem;
}

.LCpyD8IA::-webkit-scrollbar { width: 4px; }
.LCpyD8IA::-webkit-scrollbar-track { background: transparent; }
.LCpyD8IA::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

/* ---- ACTIONS (left panel bottom) ---- */
.g_NYAfVG {
	padding: 0.75rem 1rem;
	border-top: 1px solid #2d2f39;
	flex-shrink: 0;
}

.rYnmDsvQ {
	font-size: 10px;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.rYnmDsvQ i {
	font-size: 10px;
}

.eDQmgJgU {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0.35rem;
	gap: 0.35rem;
}

.RwI8Gl72 {
	font-size: 12px;
	font-weight: 500;
	color: #bbb;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.5rem 0.6rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	transition: all 0.15s ease;
}

.RwI8Gl72:hover {
	color: #ffffff;
	color: var(--white);
	border-color: #0D7AC7;
	border-color: var(--accent-1);
	background: rgba(13, 122, 199, 0.06);
}

.RwI8Gl72 i {
	font-size: 11px;
	color: #777;
}

.FjMen8gg {
	grid-column: 1 / -1;
}

.FjMen8gg:hover {
	color: #e5534b;
	border-color: rgba(229, 83, 75, 0.4);
	background: rgba(229, 83, 75, 0.06);
}

.FjMen8gg:hover i {
	color: #e5534b;
}

.RwI8Gl72:hover i {
	color: #0D7AC7;
	color: var(--accent-1);
}

/* ---- SCROLLABLE CONTENT (legacy) ---- */
.ojfjS1xY {
	flex: 1 1;
	min-height: 0;
	overflow-y: auto;
}

.ojfjS1xY::-webkit-scrollbar {
	width: 4px;
}
.ojfjS1xY::-webkit-scrollbar-track {
	background: transparent;
}
.ojfjS1xY::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 4px;
}

/* ---- SEARCH ---- */
.GIJoTbnd {
	padding: 1rem 1.5rem 0;
	position: relative;
}

.De6_memd {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0 1rem;
	height: 42px;
	transition: border-color 0.2s ease;
}

.De6_memd:focus-within {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.SjXDkpsh {
	font-size: 14px;
	color: #555;
	flex-shrink: 0;
}

.ohBG7QAQ {
	background: none;
	border: none;
	outline: none;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	flex: 1 1;
	padding: 0;
	min-width: 0;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

.ohBG7QAQ::placeholder {
	color: #555;
}

.K4iR2DNG {
	font-size: 13px;
	color: #555;
	flex-shrink: 0;
}

/* ---- LOOKUP DROPDOWN ---- */
.N3dWZpWS {
	position: absolute;
	top: calc(100%);
	left: 1.5rem;
	right: 1.5rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
	z-index: 10;
	max-height: 320px;
	overflow-y: auto;
	padding: 0.35rem;
	animation: _KpudPGL 0.15s ease-out;
}

.N3dWZpWS::-webkit-scrollbar { width: 4px; }
.N3dWZpWS::-webkit-scrollbar-track { background: transparent; }
.N3dWZpWS::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

.kzFCBmA9 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.65rem 0.75rem;
	width: 100%;
	background: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease;
	color: #ffffff;
	color: var(--white);
}

.kzFCBmA9:hover { background: rgba(255, 255, 255, 0.05); }
.j3v2Gm4w { opacity: 0.45; cursor: default; }
.j3v2Gm4w:hover { background: none; }

.oGBrIG69 {
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: rgba(13, 122, 199, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.oGBrIG69 span {
	font-size: 12px;
	font-weight: 700;
	color: #0D7AC7;
	color: var(--accent-1);
	letter-spacing: 0.3px;
}

.Fz8ecRmL { flex: 1 1; min-width: 0; }

.SpwrMtUV {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.xixyLzGI {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.w9tdrXJF {
	margin: 0.2rem 0 0;
	font-size: 11px;
	color: #666;
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.w9tdrXJF i { font-size: 10px; }

/* ---- STATUS TAGS ---- */
.N1uJFgIZ {
	font-size: 10px;
	font-weight: 600;
	color: #e5534b;
	background: rgba(229, 83, 75, 0.12);
	padding: 0.1rem 0.45rem;
	border-radius: 4px;
}

.GDNofary {
	font-size: 10px;
	font-weight: 500;
	color: #888;
	background: rgba(255, 255, 255, 0.05);
	padding: 0.1rem 0.45rem;
	border-radius: 4px;
}

.k9zEN3iF {
	font-size: 10px;
	font-weight: 600;
	color: #0D7AC7;
	color: var(--accent-1);
	background: rgba(13, 122, 199, 0.1);
	padding: 0.1rem 0.45rem;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
}

.k9zEN3iF i {
	font-size: 8px;
}

/* ---- CREATE NEW ---- */
.RsZ1XxtV {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.65rem 0.75rem;
	width: 100%;
	background: none;
	border: none;
	border-top: 1px solid rgba(45, 47, 57, 0.6);
	border-radius: 0 0 8px 8px;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease;
	color: #ffffff;
	color: var(--white);
	margin-top: 0.2rem;
	padding-top: 0.75rem;
}

.RsZ1XxtV:hover { background: rgba(60, 162, 89, 0.08); }

.HmT8At8P {
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: rgba(60, 162, 89, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #3CA259;
	color: var(--success-green);
	font-size: 14px;
}

.esECUHLN {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #3CA259;
	color: var(--success-green);
}

/* ---- BULK ADD ---- */
.IhcoDpdq {
	padding: 1rem 1rem 0;
	display: flex;
	flex-direction: column;
	flex: 1 1;
	min-height: 0;
}

.zSuUjBLi {
	width: 100%;
	min-height: 160px;
	height: 200px;
	max-height: 240px;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.85rem 1rem;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	line-height: 1.6;
	resize: vertical;
	outline: none;
	transition: border-color 0.2s ease;
	box-sizing: border-box;
}

.zSuUjBLi:focus { border-color: #0D7AC7; border-color: var(--accent-1); }
.zSuUjBLi::placeholder { color: #555; }

.R5YH2zg_ {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.65rem;
	gap: 0.75rem;
}

.uPEyDGvl {
	font-size: 12px;
	color: #888;
	font-weight: 500;
}

/* ---- SUGGESTIONS ---- */
.olXnhftQ {
	padding: 0.5rem 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.dIZbf4DM {
	font-size: 10px;
	font-weight: 600;
	color: #c9a040;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin: 0;
	padding: 0 0.2rem;
}

.nVXtwmaw {
	background: rgba(201, 160, 64, 0.04);
	border: 1px solid rgba(201, 160, 64, 0.1);
	border-radius: 8px;
	padding: 0.6rem 0.7rem;
}

.RpJ0lGXW {
	font-size: 11px;
	color: #c9a040;
	margin: 0 0 0.45rem;
	font-weight: 500;
}

.RpJ0lGXW strong {
	font-weight: 600;
}

.XxuiE2AD {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 0.5rem 0;
}

.XxuiE2AD + .XxuiE2AD {
	border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.AfnR564q {
	flex: 1 1;
	min-width: 0;
}

.gT3ILtSS {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
	line-height: 1.3;
}

.hoaFNSYw {
	margin: 0.2rem 0 0;
	font-size: 11px;
	color: #999;
	line-height: 1.4;
	word-break: break-word;
}

.hoaFNSYw i {
	font-size: 9px;
	color: #777;
	margin-right: 0.15rem;
}

.Zf7XgWuz {
	color: #555;
}

.xtm4liZX {
	margin: 0.2rem 0 0;
	font-size: 11px;
	color: #777;
	line-height: 1.4;
}

.xtm4liZX i {
	font-size: 9px;
	color: #666;
	margin-right: 0.2rem;
}

.wrAQr3zv {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	flex-shrink: 0;
	padding-top: 0.1rem;
}

.xvfe76CV {
	background: none;
	border: none;
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	transition: background 0.12s ease;
	white-space: nowrap;
	text-align: right;
}

.xvfe76CV:hover {
	background: rgba(13, 122, 199, 0.1);
}

.VEmedEzD {
	background: none;
	border: none;
	color: #555;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	transition: all 0.12s ease;
	white-space: nowrap;
	text-align: right;
}

.VEmedEzD:hover {
	color: #999;
	background: rgba(255, 255, 255, 0.04);
}


.PavBdWVT {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding: 2.5rem 1.5rem;
}

.PNQm_hOw {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(13, 122, 199, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #3a4a5a;
	margin-bottom: 0.25rem;
}

.JenNP09t {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #555;
}

.cAl_RPaC {
	margin: 0;
	font-size: 12px;
	color: #444;
	text-align: center;
	max-width: 300px;
	line-height: 1.5;
}

/* ---- GUEST ROWS ---- */
.KScmX8FS {
	display: flex;
	flex-direction: column;
}

.aCUfEvuj {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.55rem 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	cursor: pointer;
	transition: background-color 0.12s ease;
}

.aCUfEvuj:last-child { border-bottom: none; }
.aCUfEvuj:hover { background: rgba(255, 255, 255, 0.02); }
.uCWgcJi4 { background: rgba(13, 122, 199, 0.06); }
.uCWgcJi4:hover { background: rgba(13, 122, 199, 0.09); }
.BMa0USsu { opacity: 0.4; cursor: default; }

.HBgpQQGT {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	flex: 1 1;
	min-width: 0;
}

.c2rZYiyq {
	width: 18px;
	height: 18px;
	border-radius: 5px;
	border: 1.5px solid #3a3c48;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.15s ease;
	color: transparent;
	font-size: 9px;
}

.aCUfEvuj:hover .c2rZYiyq { border-color: #555; }
.In2eSN31 {
	background: #0D7AC7;
	background: var(--accent-1);
	border-color: #0D7AC7;
	border-color: var(--accent-1);
	color: #ffffff;
	color: var(--white);
}

.L4D2_vNg {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1e2a3a, #2a4a6a);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.YBeGsudU {
	background: linear-gradient(135deg, #1a3d2a, #2a6a3a);
}

.L4D2_vNg span {
	font-size: 10px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 0.5px;
}

.KBSg_QPl {
	flex: 1 1;
	min-width: 0;
}

.g8zl4seC {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.HnFtKWsH {
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.haXXxXls {
	font-size: 9px;
	font-weight: 600;
	color: #0D7AC7;
	color: var(--accent-1);
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.GJ2HPUMj {
	font-size: 9px;
	font-weight: 600;
	color: #3CA259;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.urRgcgCq {
	font-size: 9px;
	font-weight: 600;
	color: #e5534b;
	background: rgba(229, 83, 75, 0.1);
	padding: 0.05rem 0.35rem;
	border-radius: 3px;
}

.oWonKxpG {
	font-size: 9px;
	font-weight: 500;
	color: #666;
	font-style: italic;
}

._lUANUFG {
	display: flex;
	align-items: center;
	gap: 0.2rem;
	margin-top: 0.15rem;
	flex-wrap: wrap;
}

.Otfb_ciM {
	font-size: 10px;
	color: #666;
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	padding: 0.05rem 0;
}

.Otfb_ciM i {
	font-size: 8px;
	color: #555;
}

.Otfb_ciM + .Otfb_ciM::before {
	content: "\00B7";
	margin-right: 0.2rem;
	color: #444;
	font-size: 10px;
}

.TE5cwik5 {
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: none;
	border: none;
	color: transparent;
	font-size: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.15s ease;
}

.aCUfEvuj:hover .TE5cwik5 { color: #555; }
.TE5cwik5:hover {
	background: rgba(229, 83, 75, 0.1);
	color: #e5534b !important;
}


/* ---- FOOTER ---- */
.Ji15OoC3 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	background: rgba(13, 122, 199, 0.08);
	border: 1px solid rgba(13, 122, 199, 0.2);
	border-radius: 8px;
	margin: 0.75rem 1rem 1rem;
	font-size: 12px;
	color: #8ab4d6;
	line-height: 1.4;
	flex-shrink: 0;
}
.Ji15OoC3 i {
	color: #0D7AC7;
	font-size: 13px;
	flex-shrink: 0;
}

.ZylksbrM {
	border-top: 1px solid #2d2f39;
	padding: 0.75rem 1.5rem 1rem;
}

.zFrh86Dp {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}

.cxE77Tm1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.V13yuI4X {
	font-size: 12px;
	color: #888;
	font-weight: 500;
}

/* ---- IMPORT MODAL ---- */
.NAOyWEoH {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1001;
	padding: 2rem;
	animation: mqczfRTr 0.15s ease-out;
}

.v7fWcNHf {
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 14px;
	width: 100%;
	max-width: 480px;
	max-height: 70vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: QHFaXCTU 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.MheopA2_ {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1.1rem 1.25rem;
	border-bottom: 1px solid #2d2f39;
}

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

.MheopA2_ p {
	margin: 0.1rem 0 0;
	font-size: 12px;
	color: #888;
}

.MheopA2_ .Qgbuxwtn {
	margin-left: auto;
}

.SMaDHGgQ {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
	border: none;
	color: #888;
	font-size: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
	flex-shrink: 0;
}

.SMaDHGgQ:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	color: var(--white);
}

.B8PObr5Q {
	flex: 1 1;
	overflow-y: auto;
	padding: 0.35rem;
}

.B8PObr5Q::-webkit-scrollbar { width: 4px; }
.B8PObr5Q::-webkit-scrollbar-track { background: transparent; }
.B8PObr5Q::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

.WdASo3fp {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.7rem 0.85rem;
	width: 100%;
	background: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease;
	color: #ffffff;
	color: var(--white);
}

.WdASo3fp:hover { background: rgba(255, 255, 255, 0.04); }

.lWqinq1t {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(13, 122, 199, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #4a6a8a;
	font-size: 13px;
}

.gtrVRSba { flex: 1 1; min-width: 0; }

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

.cNXUsRfU {
	margin: 0.1rem 0 0;
	font-size: 11px;
	color: #888;
}

.zHr5zmwM {
	padding: 2rem 1rem;
	text-align: center;
	color: #555;
	font-size: 13px;
	margin: 0;
}

.RYb2Yvga {
	flex: 1 1;
	overflow-y: auto;
	padding: 0.35rem;
}

.RYb2Yvga::-webkit-scrollbar { width: 4px; }
.RYb2Yvga::-webkit-scrollbar-track { background: transparent; }
.RYb2Yvga::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

.JrUhB2S7 {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.35rem 0.5rem 0.5rem;
}

.UQiWh8U4 {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.5rem 0.75rem;
	width: 100%;
	background: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease;
	color: #ffffff;
	color: var(--white);
}

.UQiWh8U4:hover { background: rgba(255, 255, 255, 0.03); }
.TG7i1eB1 { background: rgba(13, 122, 199, 0.06); }

.XG_F2lMN {
	padding: 0.6rem 0.85rem 0.85rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
}

/* =======================================
   SUB-MODAL REDESIGN (Tags, Types, +1s, Promoter, Rating)
======================================= */
.WVQo2q2R {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex: 1 1;
	min-width: 0;
}

.IVgZgL_U {
	margin: 2px 0 0 0;
	font-size: 12px;
	color: #777;
	font-weight: 400;
}

.xKObo9Sy {
	padding: 0.75rem 1.5rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 12px;
	color: #777;
	background: rgba(13, 122, 199, 0.04);
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
}

.xKObo9Sy i {
	font-size: 11px;
	color: #0D7AC7;
	color: var(--accent-1);
	flex-shrink: 0;
}

.ta4XHtQE {
	flex: 1 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.U25QxU0C {
	padding: 1.25rem 1.5rem;
	position: relative;
}

.hTST74e6 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1.5rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.4);
	transition: background 0.1s ease;
}

.hTST74e6:hover {
	background: rgba(255, 255, 255, 0.02);
}

.hTST74e6:last-child {
	border-bottom: none;
}

.U2oFV7oQ {
	flex: 1 1;
	min-width: 0;
	font-size: 13px;
	color: #ffffff;
	color: var(--white);
	font-weight: 500;
}

.xDC8axub {
	display: flex;
	align-items: center;
	gap: 0;
	margin-left: auto;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	overflow: hidden;
}

.wFtZNn3H {
	width: 32px;
	height: 32px;
	background: none;
	border: none;
	color: #888;
	font-size: 11px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
}

.wFtZNn3H:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
	color: var(--white);
}

.wFtZNn3H:active {
	background: rgba(13, 122, 199, 0.15);
	color: #0D7AC7;
	color: var(--accent-1);
}

.w4fzo_jE {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
	min-width: 36px;
	text-align: center;
	border-left: 1px solid #2d2f39;
	border-right: 1px solid #2d2f39;
	height: 32px;
	line-height: 32px;
}

.o1MtdW7Y {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 2.5rem 1.5rem;
}

.XG8mPlKG {
	background: none;
	border: none;
	color: #333;
	cursor: pointer;
	transition: all 0.15s ease;
	padding: 0.35rem;
	font-size: 38px;
	border-radius: 8px;
}

.XG8mPlKG:hover {
	transform: scale(1.15);
	color: #555;
}

.kEBjzb9q {
	color: #f5a623 !important;
}

.BC2gSGmC {
	color: #f5c34a !important;
}

/* =======================================
   DISCARD CONFIRMATION MODAL
======================================= */
.hR5rX_NJ {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(6px);
	        backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1100;
	animation: mqczfRTr 0.15s ease;
}

.dTLyNBqP {
	background-color: #01000D;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	padding: 2rem;
	width: 380px;
	max-width: 90vw;
	text-align: center;
	animation: QHFaXCTU 0.2s ease-out;
}

.LJtHJQBM {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(245, 158, 11, 0.12);
	border: 1px solid rgba(245, 158, 11, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 18px;
	color: #f59e0b;
}

.jjwizwrA {
	margin: 0 0 0.5rem;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	color: var(--white);
}

.VYrNs9VE {
	margin: 0 0 1.5rem;
	font-size: 13px;
	color: #888;
	line-height: 1.5;
}

.O3wHP1Al {
	display: flex;
	gap: 0.75rem;
}

.jNbT7flG {
	flex: 1 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.7rem 1rem;
	background-color: #161824;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	color: #ffffff;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

.jNbT7flG:hover {
	background-color: #2d2f39;
}

.CLpQfR13 {
	flex: 1 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.7rem 1rem;
	background: rgba(239, 68, 68, 0.15);
	border: 1px solid rgba(239, 68, 68, 0.3);
	border-radius: 10px;
	color: #ef4444;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

.CLpQfR13:hover {
	background: rgba(239, 68, 68, 0.25);
}

/* =======================================
   CUSTOM SELECT (matching Create Event)
======================================= */
.XnkJ1EU9 {
	position: relative;
}

.nfhweFpK {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.85rem 1rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	transition: all 0.15s ease;
}

.nfhweFpK:hover {
	border-color: #444;
}

.PdOVsJNF {
	border-color: #0D7AC7 !important;
	border-color: var(--accent-1) !important;
}

.nfhweFpK i:first-child {
	font-size: 13px;
	color: #666;
}

.Qf7YbhT3 {
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	flex: 1 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.yDITZLeP {
	color: #555;
	font-size: 14px;
	flex: 1 1;
}

.A0qBoNF4 {
	font-size: 12px;
	color: #666;
	transition: transform 0.2s ease;
	margin-left: auto;
}

.l2j17OpA {
	transform: rotate(180deg);
	color: #0D7AC7;
	color: var(--accent-1);
}

.ADG9O4j0 {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 0;
	font-size: 13px;
	margin-left: auto;
	display: flex;
	align-items: center;
	transition: color 0.15s ease;
}

.ADG9O4j0:hover {
	color: #ffffff;
	color: var(--white);
}

.rSWYykps {
	border: 1px solid rgba(13, 122, 199, 0.3);
	border-radius: 10px;
	background-color: #161824;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
	z-index: 2000;
	max-height: 260px;
	overflow-y: auto;
	animation: BYNoVFM2 0.15s ease;
}

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

.rSWYykps::-webkit-scrollbar { width: 4px; }
.rSWYykps::-webkit-scrollbar-track { background: transparent; }
.rSWYykps::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

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

.FmVgl2Wx:hover {
	background-color: rgba(13, 122, 199, 0.1);
	color: #ffffff;
	color: var(--white);
}

.R9sg92Tm {
	background-color: rgba(13, 122, 199, 0.08);
	color: #0D7AC7;
	color: var(--accent-1);
	font-weight: 500;
}

.R9sg92Tm i {
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 11px;
}

.FzVI14fL {
	padding: 1rem;
	text-align: center;
	color: #666;
	font-size: 13px;
}

/* Tag pills for multi-select */
.lGk1h4DQ {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 0.75rem;
}

.zWFjX5Wm {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.6rem;
	background: rgba(13, 122, 199, 0.12);
	border: 1px solid rgba(13, 122, 199, 0.25);
	border-radius: 6px;
	color: #0D7AC7;
	color: var(--accent-1);
	font-size: 12px;
	font-weight: 500;
}

.FdGPZLYa {
	background: none;
	border: none;
	color: rgba(13, 122, 199, 0.5);
	cursor: pointer;
	padding: 0;
	font-size: 10px;
	display: flex;
	align-items: center;
	transition: color 0.15s ease;
}

.FdGPZLYa:hover {
	color: #0D7AC7;
	color: var(--accent-1);
}

/* Tag buttons grid */
.qAZhsPNC {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.sJXzEjcI {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.85rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #aaa;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
}

.sJXzEjcI:hover {
	border-color: #3d3f49;
	color: #ffffff;
	color: var(--white);
	background: rgba(255, 255, 255, 0.06);
}

.Pa64FuYY {
	background: rgba(13, 122, 199, 0.12);
	border-color: rgba(13, 122, 199, 0.35);
	color: #0D7AC7;
	color: var(--accent-1);
}

.Pa64FuYY:hover {
	background: rgba(13, 122, 199, 0.18);
	border-color: rgba(13, 122, 199, 0.5);
	color: #0D7AC7;
	color: var(--accent-1);
}

.sJXzEjcI i {
	font-size: 10px;
}

.O0iAAqOu {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.VAFxyCda {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.85rem 1rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	transition: all 0.15s ease;
}

.VAFxyCda:focus-within {
	border-color: #0D7AC7;
	border-color: var(--accent-1);
}

.VAFxyCda i:first-child {
	font-size: 13px;
	color: #666;
}

.gfORo7y9 {
	flex: 1 1;
	background: none;
	border: none;
	color: #ffffff;
	color: var(--white);
	font-size: 14px;
	font-family: 'DonerRegular', sans-serif;
	font-family: var(--font-family);
	outline: none;
}

.gfORo7y9::placeholder {
	color: #555;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 740px) {
	.VRN4SgZa {
		padding: 0;
		align-items: flex-end;
	}

	.aDEI_4Qn {
		max-width: 100%;
		max-height: 95vh;
		border-radius: 16px 16px 0 0;
	}

	.x53mOt8A {
		flex-direction: column;
	}

	.hDlbUpfx {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #2d2f39;
		max-height: 45%;
	}

	.r58VLCoN {
		flex: 1 1;
		min-height: 0;
	}

	.nufTB8WV {
		flex-wrap: wrap;
	}

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

	.c9XGz27r {
		justify-content: center;
	}

	.V13yuI4X {
		text-align: center;
	}

	.NAOyWEoH {
		padding: 0;
		align-items: flex-end;
	}

	.v7fWcNHf {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 14px 14px 0 0;
	}

	.eDQmgJgU {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
/* -----------------------------------------------------
    Form Input Styles
    Extracted from Hub.module.css
------------------------------------------------------ */

/* -----------------------------------------------------
    Event Name Input (Floating Label Style)
------------------------------------------------------ */

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

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

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

.AGFJ3ncf.wrVsNE2z {
    border-bottom-color: #0D7AC7;
    border-bottom-width: 2px;
}

.AGFJ3ncf.QhgLJI4e {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.l9uR700l {
    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;
}

.AGFJ3ncf.wrVsNE2z .l9uR700l {
    color: #0D7AC7;
}

.AGFJ3ncf.QhgLJI4e .l9uR700l {
    color: rgba(255, 255, 255, 0.5);
}

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

.NHX_Tant {
    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;
}

.dcPTLxH4 {
    top: -14px;
    font-size: 11px;
    font-weight: 700;
    color: #0D7AC7;
    letter-spacing: 0.6px;
    transform: translateY(0);
}

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

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

.ihtcXdrv:disabled,
.ihtcXdrv[readonly] {
    cursor: not-allowed;
    opacity: 0.7;
}

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

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

/* -----------------------------------------------------
    Custom Select Arrows & Clear
------------------------------------------------------ */

.R0V_Y8l2 {
    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;
}

.RZBROeZn {
    color: #0D7AC7;
    transform: rotate(180deg);
}

.h6JmNrQL {
    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;
}

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

/* -----------------------------------------------------
    Dropdown Menu
------------------------------------------------------ */

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

.srx7iRDG {
    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: var(--font-family);
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.srx7iRDG:hover {
    background-color: rgba(13, 122, 199, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

.AuMZFncE {
    background-color: rgba(13, 122, 199, 0.08);
    color: #0D7AC7;
    font-weight: 500;
}

.AuMZFncE i {
    color: #0D7AC7;
    font-size: 12px;
}

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

/* -----------------------------------------------------
    Validation Banners
------------------------------------------------------ */

.nluDuHh_ {
    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;
}

.UTuDzGXP {
    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);
}

.RpS9fmvf {
    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: GFn4NQXf 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

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

.RpS9fmvf .dBRbFMGR {
    color: #ff8080;
}

.FJXkLO2Q {
    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: GFn4NQXf 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

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

.FJXkLO2Q .dBRbFMGR {
    color: #ffb84d;
}

.lihmDjdN {
    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;
}

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

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

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

.vBnpYH2z {
    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;
}

.vBnpYH2z: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);
}

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

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

/* -----------------------------------------------------
    Form Container
------------------------------------------------------ */

.gLVaJ13f {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
}

/* -----------------------------------------------------
    Animations
------------------------------------------------------ */

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

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

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

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

/* -----------------------------------------------------
    Responsive
------------------------------------------------------ */

@media (max-width: 768px) {
    .AGFJ3ncf {
        padding: 1rem 0;
        gap: 1rem;
    }

    .l9uR700l {
        font-size: 18px;
    }

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

.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: 1rem
}

.q4h4Fw2l {
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.3px;
}

.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: #3CA259;
	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: #0D7AC733;
	color: var(--accent-1);
	padding: 4px 10px;
	box-sizing: border-box;
	border-radius: 5px
}

.qNn_p_Bo p {
	font-weight: 700;
}

.BKswcXpN {
	background-color: #3CA25933;
	color: #3CA259
}

.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: #3CA259;
  background: rgba(60, 162, 89, 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: #3CA259;
  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(60, 162, 89, 0.3);
  background-color: rgba(60, 162, 89, 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(60, 162, 89, 0.2);
  color: #3CA259;
}

.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, #3CA259 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) {
}



/* ================================================
   REPORTS V2 — PRODUCTION MODULE STYLES
   ================================================ */

/* Font size helper */
.SWCur85A {
	font-size: 13px;
}

/* ------------------------------------------------
   Shared widget heading (title + subtitle)
   ------------------------------------------------ */
.N30VfF1b {
	display: flex;
	align-items: baseline;
	column-gap: 0.75rem;
	flex-shrink: 0;
	flex-wrap: wrap;
	min-height: 0;
}

.N30VfF1b i {
	color: #00bfff;
	font-size: 18px;
}

.N30VfF1b p:last-child {
	color: rgb(120, 132, 150);
	font-weight: 400;
}

/* ------------------------------------------------
   Overview — Responsive 7-box KPI grid
   ------------------------------------------------ */
.pQDFRWOb {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
	grid-gap: 1.25rem;
	gap: 1.25rem;
}

/* ------------------------------------------------
   Shared helpers
   ------------------------------------------------ */
.m4GBT6CY {
	color: rgb(120, 132, 150);
	text-align: center;
	padding: 3rem 1rem;
	font-size: 14px;
}

.QCya1LBV {
	color: rgb(151, 163, 180);
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 0.75rem;
	letter-spacing: 0.2px;
}


/* ------------------------------------------------
   Layout grids — 2-col and 3-col
   ------------------------------------------------ */
.M7twxpo5 {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.5rem;
	gap: 1.5rem;
}

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

/* ------------------------------------------------
   Chart container — fixed 350px, same pattern as
   inner_widget_container but shorter
   ------------------------------------------------ */
.FBTP8uK3 {
	height: 350px;
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 25px;
	box-sizing: border-box;
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	border: 1px solid #2d2f39;
	overflow: hidden;
	grid-row-gap: 0.5rem;
	row-gap: 0.5rem;
	min-height: 0;
}

/* ------------------------------------------------
   Category Navigation Strip
   ------------------------------------------------ */
.PssWKrE5 {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	padding-bottom: 6px;
}
.xzb8CrrR {
	display: flex;
	align-items: center;
	column-gap: 0.75rem;
	padding: 0.75rem 1.25rem;
	border-radius: 12px;
	background-color: var(--sub-bg-dark);
	border: 1.5px solid #2d2f39;
	cursor: pointer;
	transition: all 0.2s ease;
	flex: 1 1;
	min-width: 140px;
	opacity: 0.6;
	position: relative;
}
.xzb8CrrR:hover {
	opacity: 0.85;
	transform: translateY(-1px);
}
.TFdqWQjl {
	opacity: 1;
	border-width: 1.5px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
	transform: translateY(-1px);
}
.TFdqWQjl::after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 24px;
	height: 3px;
	border-radius: 3px;
	background-color: var(--nav-color);
}
.LqzbAhdT {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}
.hbZ6odR2 {
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.5px;
}
.KRQBddeM {
	font-size: 10px;
	color: rgb(120, 132, 150);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

/* ------------------------------------------------
   Section content — lightweight wrapper for active tab
   ------------------------------------------------ */
.psyBjxGw {
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}

/* ------------------------------------------------
   Section Divider — colored bar + heading
   ------------------------------------------------ */
.aGCfNNQI {
	display: flex;
	align-items: center;
	column-gap: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.6);
	margin-bottom: 0.25rem;
}
.HizYMP08 {
	width: 4px;
	height: 22px;
	border-radius: 2px;
	flex-shrink: 0;
}

/* ------------------------------------------------
   Data Completeness Bars (Invites section)
   ------------------------------------------------ */
.a59IjcRR {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	padding: 6px 0;
}
._96xKZYQ {
	width: 100px;
	font-size: 12px;
	color: rgb(151, 163, 180);
}
.Ofpsxai2 {
	flex: 1 1;
	height: 8px;
	background: rgba(255, 255, 255, 0.06);
	border-radius: 4px;
	overflow: hidden;
}
.E7diDXHj {
	height: 100%;
	border-radius: 4px;
	transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.aAIdxJ3H {
	width: 40px;
	text-align: right;
	font-size: 12px;
	font-weight: 600;
	color: rgb(151, 163, 180);
}

/* ------------------------------------------------
   Insight row — key/value pairs in a subtle strip
   ------------------------------------------------ */
.frVuAtjg {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	grid-gap: 0.75rem;
	gap: 0.75rem;
}
.iskKvalt {
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	padding: 1rem 1.25rem;
	display: flex;
	flex-direction: column;
	row-gap: 0.25rem;
}
.lMhfFJom {
	font-size: 11px;
	color: rgb(120, 132, 150);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.SvGKXgbn {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.ry9x3Dvr {
	font-size: 11px;
	color: rgb(120, 132, 150);
	font-weight: 500;
	margin-top: 2px;
}

/* ------------------------------------------------
   Event Detail Popup
   ------------------------------------------------ */
.SB0POjgx {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	margin-bottom: 1.5rem;
}
.CekYDX7z {
	height: 8px;
	background: rgba(255, 255, 255, 0.06);
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
	margin-top: 0.5rem;
}
.s2LK8K4e {
	height: 100%;
	border-radius: 4px;
	transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}


/* ================================================
   PROMOTER LEADERBOARD
   ================================================ */

.Kh_2Y7Lu {
	width: 100%;
	border-radius: 15px;
	background-color: var(--sub-bg-dark);
	padding: 30px;
	box-sizing: border-box;
	border: 1px solid #2d2f39;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	overflow: hidden;
}

.OdPPD9ls {
	overflow-y: auto;
	overflow-x: auto;
	flex: 1 1;
	min-height: 0;
	max-height: 50vh;
	border-radius: 10px;
	border: 1px solid #2d2f39;
}

.OdPPD9ls::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.OdPPD9ls::-webkit-scrollbar-track {
	background: transparent;
}

.OdPPD9ls::-webkit-scrollbar-thumb {
	background: rgba(0, 191, 255, 0.2);
	border-radius: 10px;
}

.OdPPD9ls::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 191, 255, 0.4);
}

.qM2wW7Ic {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 13px;
}

.qM2wW7Ic thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

.qM2wW7Ic th {
	background-color: #01000D;
	background-color: var(--bg-dark, #01000D);
	color: rgb(120, 132, 150);
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 12px 14px;
	text-align: left;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	border-bottom: 1px solid #2d2f39;
	transition: color 0.2s ease;
}

.qM2wW7Ic th:hover {
	color: #00bfff;
}

.pkiUxyQf {
	color: #00bfff !important;
}

.pkiUxyQf::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 6px;
}

.OesG9Pa2 {
	min-width: 200px;
}

.qM2wW7Ic td {
	padding: 12px 14px;
	border-bottom: 1px solid rgba(45, 47, 57, 0.4);
	color: var(--white);
	white-space: nowrap;
	font-size: 13px;
}

.cWgHt1dt {
	cursor: pointer;
	transition: all 0.2s ease;
}

.cWgHt1dt:hover {
	background-color: rgba(13, 122, 199, 0.08);
}

.cWgHt1dt:hover td {
	border-bottom-color: rgba(13, 122, 199, 0.15);
}

.cWgHt1dt td:first-child {
	font-weight: 700;
	width: 52px;
	text-align: center;
}

/* Rank badges — top 3 with icon-style tinted bg */
.cWgHt1dt td:first-child span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 800;
	transition: transform 0.15s ease;
}

.cWgHt1dt:hover td:first-child span {
	transform: scale(1.1);
}

.ljaslaTz {
	background-color: rgba(255, 215, 0, 0.15) !important;
	color: #ffd700 !important;
	box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}

.FrOUV6El {
	background-color: rgba(192, 192, 192, 0.15) !important;
	color: #c0c0c0 !important;
}

.ZB0djIDr {
	background-color: rgba(205, 127, 50, 0.15) !important;
	color: #cd7f32 !important;
}

.MGiWAz_A {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

.dcdpb8l6 {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0a5f9e 100%);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 12px;
	flex-shrink: 0;
	letter-spacing: 0.5px;
}

.qEeKSAmk {
	color: rgb(120, 132, 150);
	font-size: 11px;
	margin-top: 1px;
}

.Rlb32EpZ {
	font-weight: 600;
	color: rgb(180, 190, 205);
}

.szf3A1kU {
	color: #3CA259 !important;
	font-weight: 700;
}


/* ================================================
   PROMOTER DETAIL PANEL (overlay modal)
   ================================================ */

.tM2_LaET {
	position: fixed;
	inset: 0;
	background-color: rgba(1, 0, 13, 0.75);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: bc55dWxu 0.2s ease;
}

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

.lnBD0YMV {
	width: 90%;
	max-width: 840px;
	max-height: 85vh;
	overflow-y: auto;
	background-color: #161824;
	background-color: var(--sub-bg-dark, #161824);
	border: 1px solid #2d2f39;
	border-radius: 18px;
	padding: 2.25rem;
	box-sizing: border-box;
	color: var(--white);
	position: relative;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 255, 255, 0.05);
	animation: TbyV1js0 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes TbyV1js0 {
	from { opacity: 0; transform: translateY(16px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.lnBD0YMV::-webkit-scrollbar {
	width: 5px;
}

.lnBD0YMV::-webkit-scrollbar-track {
	background: transparent;
}

.lnBD0YMV::-webkit-scrollbar-thumb {
	background: rgba(0, 191, 255, 0.2);
	border-radius: 10px;
}

.hpI3V2X6 {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgb(151, 163, 180);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hpI3V2X6:hover {
	color: var(--white);
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.15);
}

.szTV4pFJ {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #2d2f39;
}

.yFqyTy4j {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0a5f9e 100%);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 18px;
	flex-shrink: 0;
	letter-spacing: 1px;
}

.oc_hmDVE {
	display: flex;
	flex-direction: column;
	row-gap: 0.2rem;
}

.oc_hmDVE p:first-child {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.3px;
}

.oc_hmDVE p:last-child {
	color: rgb(120, 132, 150);
	font-size: 13px;
}

/* Summary stat cards */
.YWVBzYH6 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	grid-gap: 0.75rem;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.xzlQ9waD {
	background-color: #01000D;
	background-color: var(--bg-dark, #01000D);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	padding: 1.15rem 1rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 0.4rem;
	text-align: center;
	transition: border-color 0.2s ease;
}

.xzlQ9waD:hover {
	border-color: rgba(13, 122, 199, 0.3);
}

.UeDkfhxg {
	font-size: 26px;
	font-weight: 800;
	color: #00bfff;
	letter-spacing: -0.5px;
}

.xzlQ9waD p:first-child {
	font-size: 11px;
	color: rgb(120, 132, 150);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.xzlQ9waD p:last-child {
	font-size: 11px;
	color: rgb(120, 132, 150);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Detail — section separator */
.O0KdksZK {
	height: 1px;
	background: #2d2f39;
	margin: 1.25rem 0;
}

/* Detail — FREE / PAY badges */
.J_wkwr_E {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.75rem;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}
.BC_SJBhh {
	padding: 12px 14px;
	border-radius: 12px;
	text-align: center;
}
.zO7KPLvC {
	font-size: 11px;
	color: rgb(120, 132, 150);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.v4wwCrNh {
	font-size: 22px;
	font-weight: 700;
}

/* Detail — sub heading */
.ojpGTdsi {
	font-size: 13px;
	font-weight: 600;
	color: rgb(151, 163, 180);
	margin-bottom: 0.5rem;
}

/* Detail — info row (key/value) */
.neb0yiAT {
	padding: 10px 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.WxjJYlcB {
	font-size: 11px;
	color: rgb(120, 132, 150);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.Bq4xANXA {
	font-size: 14px;
	font-weight: 600;
}

/* Detail — fill rate bar section */
.yGmq_GAW {
	margin-bottom: 1.5rem;
}
.CsQCALIz {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}
.hB5VdHoM {
	font-size: 12px;
	color: rgb(151, 163, 180);
}
.lTWw3x8A {
	font-size: 12px;
	font-weight: 600;
}
.ZqFNQhjJ {
	font-size: 11px;
	color: rgb(120, 132, 150);
	margin-top: 4px;
}

/* Detail — trend chart section */
.EQmMHx6C {
	margin-bottom: 1.5rem;
}

.EQmMHx6C > p:first-child {
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.DNkBNAT6 {
	height: 220px;
	width: 100%;
	background-color: #01000D;
	background-color: var(--bg-dark, #01000D);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	padding: 16px 8px 8px 0;
	box-sizing: border-box;
}

/* Detail — events table */
.Ol0Cl0To {
	margin-top: 0.5rem;
}

.Ol0Cl0To > p:first-child {
	font-weight: 600;
}

.udMSGvzz {
	overflow-x: auto;
	margin-top: 0.75rem;
	border-radius: 10px;
	border: 1px solid #2d2f39;
}

.udMSGvzz::-webkit-scrollbar {
	height: 4px;
}

.udMSGvzz::-webkit-scrollbar-thumb {
	background: rgba(0, 191, 255, 0.2);
	border-radius: 10px;
}

.jL5BJ4P5 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 13px;
}

.jL5BJ4P5 th {
	background-color: #01000D;
	background-color: var(--bg-dark, #01000D);
	color: rgb(120, 132, 150);
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 10px 12px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid #2d2f39;
}

.jL5BJ4P5 td {
	padding: 10px 12px;
	border-bottom: 1px solid rgba(45, 47, 57, 0.4);
	color: var(--white);
	white-space: nowrap;
}

.jL5BJ4P5 tbody tr {
	transition: background-color 0.15s ease;
}

.jL5BJ4P5 tbody tr:hover {
	background-color: rgba(13, 122, 199, 0.06);
}

.jL5BJ4P5 tbody tr:last-child td {
	border-bottom: none;
}

.dilprdrN {
	font-weight: 600;
	color: var(--white);
}






@keyframes UiuQZ1Ko {
  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(3, 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;
  }
}


/* ======================================================
   TEAM V3 — Dark Theme (tm_ prefix)
====================================================== */

/* --- LAYOUT --- */
.x0asD6Ez {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	flex: 1 1;
	min-height: 0;
	overflow-y: auto;
}

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

/* --- STATS ROW --- */
.VO6pofRO {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	flex-shrink: 0;
}

.EqH3WqgL {
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	padding: 1.1rem 1.25rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.sj2rSCQn {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-shrink: 0;
}

.wxb4wyp9 {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.wPaqePH2 {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.wrM_K8MG {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.kjM4OAM6 {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

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

.JTosAT2Q {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--white);
}

/* --- CONTENT ROW --- */
.eGGtVZue {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
	flex: 1 1;
	min-height: 0;
}

/* --- TEAM LIST TILE --- */
.GyvjTwb6 {
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	min-height: 0;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow: hidden;
}

.ii6Y0fih {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
	flex-shrink: 0;
}

.JmlZw30r {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--white);
}

.IHypmmYi {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.jybiMBcj {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.45rem 0.75rem;
}

.jybiMBcj i {
	color: #555;
	font-size: 12px;
	flex-shrink: 0;
}

.jybiMBcj input {
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 13px;
	width: 140px;
	padding: 0;
}

.jybiMBcj input::placeholder {
	color: #555;
}

.hIFeg_79 {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 11px;
}

.hIFeg_79:hover {
	color: var(--white);
}

.oCd8oC9E {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.85rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.oCd8oC9E:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.oCd8oC9E i {
	font-size: 11px;
}

/* --- FILTER SECTION --- */
.FTrd1csK {
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
	flex-shrink: 0;
}

.ur2zb1iQ {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.6rem 1.25rem;
	background: none;
	border: none;
	color: #888;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	transition: color 0.15s ease;
}

.ur2zb1iQ:hover {
	color: var(--white);
}

.N6i4sF9c {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.N6i4sF9c i:first-child {
	font-size: 11px;
}

.HJqjPyTk {
	background-color: var(--accent-1);
	color: var(--white);
	font-size: 10px;
	font-weight: 600;
	padding: 0.1rem 0.45rem;
	border-radius: 10px;
	min-width: 16px;
	text-align: center;
}

.ur2zb1iQ > i:last-child {
	font-size: 10px;
	opacity: 0.5;
	transition: opacity 0.15s ease;
}

.ur2zb1iQ:hover > i:last-child {
	opacity: 1;
}

/* --- FILTER PILLS --- */
.uDF6r9LX {
	display: flex;
	gap: 0.5rem;
	padding: 0.5rem 1.25rem 0.75rem;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.Ez5mYoLm {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.75rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 20px;
	color: #888;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
}

.Ez5mYoLm i {
	font-size: 10px;
}

.Ez5mYoLm:hover {
	border-color: #3d3f49;
	color: var(--white);
}

.UrjMLURm {
	background-color: rgba(13, 122, 199, 0.12);
	border-color: var(--accent-1);
	color: var(--accent-1);
}

/* --- LIST BODY --- */
.zNTsun_S {
	flex: 1 1;
	overflow-y: auto;
}

.zNTsun_S::-webkit-scrollbar {
	width: 6px;
}

.zNTsun_S::-webkit-scrollbar-track {
	background: transparent;
}

.zNTsun_S::-webkit-scrollbar-thumb {
	background: #2d2f39;
	border-radius: 3px;
}

/* --- MEMBER CARD --- */
.d5oCc87M {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem 1.25rem;
	width: 100%;
	background: none;
	border: none;
	border-left: 3px solid transparent;
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
	cursor: pointer;
	text-align: left;
	transition: background-color 0.12s ease, border-color 0.12s ease;
	color: var(--white);
}

.d5oCc87M:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.Bvh6n7Dm {
	background-color: rgba(13, 122, 199, 0.06);
	border-left-color: var(--accent-1);
}

.ClMpU3sa {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.05);
	color: #888;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

.sk6EbK_0 {
	flex: 1 1;
	min-width: 0;
}

.N210f8gU {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

._BzXyWAK {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.CJIeMh0V {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.csQACjBO {
	padding: 0.25rem 0.6rem;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.05);
	color: #888;
	white-space: nowrap;
}

.p3uLj568 {
	font-size: 11px;
	color: #555;
}

/* --- EMPTY STATE --- */
.NPAEzvJP {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 2rem;
	gap: 0.75rem;
	color: #555;
}

.lUpSHq0P {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.NPAEzvJP p {
	margin: 0;
	font-size: 13px;
}

/* --- SKELETON --- */
.u2JKU6Hx {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.3);
}

.ZVjRAaOR {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #2d2f39;
	flex-shrink: 0;
	animation: fALw_M_c 1.5s ease-in-out infinite;
}

.Zt1AM_Tl {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	flex: 1 1;
}

.F64JBAfH {
	height: 10px;
	background: #2d2f39;
	border-radius: 4px;
	animation: fALw_M_c 1.5s ease-in-out infinite;
}

.uXtGA63q { width: 70%; }
.orQdicDr { width: 50%; }

@keyframes fALw_M_c {
	0%, 100% { opacity: 0.4; }
	50% { opacity: 0.7; }
}


/* --- DETAIL TILE --- */
.M7SkyPuF {
	display: flex;
	flex-direction: column;
	min-height: 0;
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	border: 1px solid #2d2f39;
	overflow-y: auto;
}

.M7SkyPuF::-webkit-scrollbar {
	width: 6px;
}

.M7SkyPuF::-webkit-scrollbar-track {
	background: transparent;
}

.M7SkyPuF::-webkit-scrollbar-thumb {
	background: #2d2f39;
	border-radius: 3px;
}

/* --- DETAIL PLACEHOLDER --- */
.U8QNd7Ni {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	color: #555;
	padding: 2rem;
}

.U8QNd7Ni i {
	font-size: 28px;
}

.U8QNd7Ni p {
	margin: 0;
	font-size: 13px;
}

/* --- DETAIL HEADER --- */
.WskrJ6me {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
}

.zqY_8Fi6 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.SmBuzu_V {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.05);
	color: #888;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

.J8_bNpP6 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.zlwe20pc {
	margin: 0.15rem 0 0;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.DlShQgRD {
	padding: 0.3rem 0.75rem;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
	white-space: nowrap;
	flex-shrink: 0;
}

/* --- DETAIL SECTIONS --- */
.nphpVn1W {
	padding: 1rem 1.25rem;
}

.muZOktOe {
	margin: 0 0 0.75rem;
	font-size: 13px;
	font-weight: 600;
	color: var(--white);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.muZOktOe > i {
	font-size: 12px;
	color: #888;
}

.xbAAIVHX {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-left: auto;
}

.xbAAIVHX > i {
	font-size: 12px;
	color: #555;
	cursor: help;
	transition: color 0.15s ease;
}

.xbAAIVHX:hover > i {
	color: #888;
}

.H0sY__vV {
	position: absolute;
	bottom: calc(100% + 10px);
	right: 0;
	transform: translateY(4px);
	background: #1a1b23;
	border: 1px solid #2d2f39;
	color: #ccc;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.45;
	padding: 8px 12px;
	border-radius: 8px;
	width: 220px;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	transition: all 0.15s ease;
	z-index: 10;
	pointer-events: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.xbAAIVHX:hover .H0sY__vV {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.H0sY__vV::after {
	content: '';
	position: absolute;
	top: 100%;
	right: 4px;
	border: 5px solid transparent;
	border-top-color: #2d2f39;
}

.N1gClHzz {
	font-size: 11px;
	font-weight: 600;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0.75rem 0 0.25rem;
}

.vSlAktXh {
	height: 1px;
	background: rgba(45, 47, 57, 0.5);
	margin: 0;
}

.lKN7BXnS {
	margin: 0;
	font-size: 12px;
	color: #666;
}

/* --- DETAIL FORM --- */
.FrkY6HW_ {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

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

.AwUOHjWz {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 10px;
	font-weight: 600;
}

.RNn9ZnKL {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.5rem 0.75rem;
	transition: border-color 0.2s ease;
}

.RNn9ZnKL:focus-within {
	border-color: var(--accent-1);
}

.RNn9ZnKL i {
	color: #666;
	font-size: 12px;
	flex-shrink: 0;
}

.RNn9ZnKL input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 13px;
	width: 100%;
	outline: none;
	font-family: inherit;
}

.RNn9ZnKL input::placeholder {
	color: #555;
}

.Wai7hB3f {
	opacity: 0.5;
}

.Wai7hB3f input {
	cursor: not-allowed;
}

.xuU2Bw3B {
	margin: 0.2rem 0 0;
	font-size: 11px;
	color: #ef4444;
	font-weight: 600;
}

.ZDk1ggUS {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.55rem 1rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 0.25rem;
}

.ZDk1ggUS:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.ZDk1ggUS i {
	font-size: 12px;
}

/* --- QUICK INVITE --- */
.uxd64D2S {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.45rem 0.75rem;
	margin-bottom: 0.75rem;
}

.uxd64D2S i {
	color: #555;
	font-size: 12px;
	flex-shrink: 0;
}

.uxd64D2S input {
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 13px;
	width: 100%;
	padding: 0;
}

.uxd64D2S input::placeholder {
	color: #555;
}

.MlQvR89e {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	max-height: 200px;
	overflow-y: auto;
}

.MlQvR89e::-webkit-scrollbar {
	width: 4px;
}

.MlQvR89e::-webkit-scrollbar-thumb {
	background: #2d2f39;
	border-radius: 2px;
}

.C_vr3YyO {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.C_vr3YyO:hover {
	border-color: #3d3f49;
}

.wLd4nv2T {
	background-color: rgba(13, 122, 199, 0.08);
	border-color: var(--accent-1);
}

.U6faPeGm {
	width: 18px;
	height: 18px;
	border: 2px solid #3d3f49;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.15s ease;
}

.wLd4nv2T .U6faPeGm {
	background-color: var(--accent-1);
	border-color: var(--accent-1);
}

.U6faPeGm i {
	font-size: 9px;
	color: var(--white);
}

.sFxcBjCf {
	font-size: 13px;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* --- TOGGLE ROW (Venues page style) --- */
.lt7PSAwY {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.6rem 0.75rem;
	border-radius: 8px;
	transition: background-color 0.12s ease;
}

.lt7PSAwY:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.XJ9lSJyn {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-width: 0;
	flex: 1 1;
}

.SPV2bY15 {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	flex-shrink: 0;
}

.CYkAHarF {
	background: rgba(13, 122, 199, 0.1);
	color: var(--accent-1);
}

.xJDau2lk {
	background: rgba(167, 139, 250, 0.1);
	color: #a78bfa;
}

.dPHeNmna {
	background: rgba(34, 197, 94, 0.1);
	color: #22c55e;
}

.pGsxrK5C {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cUvTe6vg {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1;
}

.bqqMRxcm {
	margin: 0;
	font-size: 10px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

.bqqMRxcm i {
	font-size: 8px;
	color: #555;
}

.VXCRfuAO {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.65rem;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.03);
	color: #888;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
}

.VXCRfuAO:hover {
	border-color: rgba(13, 122, 199, 0.3);
	color: var(--accent-1);
	background: rgba(13, 122, 199, 0.06);
}

.g2mJkf3Q {
	border-color: rgba(13, 122, 199, 0.3);
	background: rgba(13, 122, 199, 0.1);
	color: var(--accent-1);
}

.g2mJkf3Q:hover {
	border-color: rgba(239, 68, 68, 0.3);
	background: rgba(239, 68, 68, 0.06);
	color: #ef4444;
}

.IQXDLHRy {
	border-color: rgba(239, 68, 68, 0.4);
	background: rgba(239, 68, 68, 0.12);
	color: #ef4444;
	animation: skoW6tQQ 0.6s ease-in-out infinite alternate;
}

@keyframes skoW6tQQ {
	from { background: rgba(239, 68, 68, 0.08); }
	to { background: rgba(239, 68, 68, 0.18); }
}

/* --- RE-INVITE --- */
.p0b7x6Ab {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.hDyWx9bH {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.6rem 0.75rem;
	background: rgba(234, 179, 8, 0.08);
	border: 1px solid rgba(234, 179, 8, 0.2);
	border-radius: 8px;
	font-size: 12px;
	color: #eab308;
	line-height: 1.4;
}

.hDyWx9bH i {
	margin-top: 2px;
	font-size: 11px;
	flex-shrink: 0;
}

.Q0Bqbvob {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.55rem 1rem;
	background-color: rgba(99, 102, 241, 0.1);
	border: 1px solid rgba(99, 102, 241, 0.25);
	border-radius: 8px;
	color: #818cf8;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.Q0Bqbvob:hover {
	background-color: rgba(99, 102, 241, 0.18);
	border-color: rgba(99, 102, 241, 0.4);
}

.Q0Bqbvob:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.Q0Bqbvob i {
	font-size: 12px;
}

.E2V2k8uE {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 12px;
	font-weight: 500;
}

.E2V2k8uE i {
	font-size: 11px;
}

.zibT7oym {
	color: #22c55e;
}

.g6izVQ3f {
	color: #ef4444;
}

/* --- DELETE BUTTON --- */
.V2BVL7GQ {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.55rem 1rem;
	background-color: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.25);
	border-radius: 8px;
	color: #ef4444;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.V2BVL7GQ:hover {
	background-color: rgba(239, 68, 68, 0.18);
	border-color: rgba(239, 68, 68, 0.4);
}

.V2BVL7GQ i {
	font-size: 12px;
}


/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.eGGtVZue {
		grid-template-columns: 1fr;
	}

	.GyvjTwb6 {
		grid-column: span 1;
	}

	.M7SkyPuF {
		max-height: 400px;
	}
}

@media (max-width: 768px) {
	.VO6pofRO {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}

	.ii6Y0fih {
		padding: 0.85rem 1rem;
	}

	.d5oCc87M {
		padding: 0.65rem 1rem;
	}

	.ClMpU3sa {
		width: 36px;
		height: 36px;
		font-size: 12px;
	}

	.uDF6r9LX {
		padding: 0.5rem 1rem;
	}
}

@media (max-width: 480px) {
	.VO6pofRO {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}

	.jybiMBcj input {
		width: 100px;
	}
}


/* ======================================================
   TEAM MODAL — Dark Theme (tm_ prefix)
====================================================== */

.Pdj9D5Xt {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.nd1z86bU {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 540px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: PfYADI27 0.2s ease-out;
}

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

.VIwQDf4U {
	padding: 1.5rem;
	border-bottom: 1px solid #2d2f39;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ET6vzRou {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: var(--white);
}

.r3T09YQR {
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.2s ease;
}

.r3T09YQR:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.qGqp3J7Q {
	padding: 1.5rem;
	overflow-y: auto;
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.qGqp3J7Q > :first-child {
	margin-bottom: 0.35rem;
}

.pDudHTYs {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.IhNg5hN1 {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
}

.hzMBmMn7 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	transition: border-color 0.2s ease;
}

.hzMBmMn7:focus-within {
	border-color: var(--accent-1);
}

.hzMBmMn7 i {
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.hzMBmMn7 input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
	font-family: inherit;
}

.hzMBmMn7 input::placeholder {
	color: #555;
}

.Pmzy0KmL {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	gap: 1rem;
}

.sN8aIesK {
	margin: 0 1.5rem;
	padding: 0.6rem 0.85rem;
	border-radius: 8px;
	background: rgba(239, 68, 68, 0.12);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: #ef4444;
	font-size: 12px;
	margin-bottom: 1rem
}

.InU72394 {
	padding: 1.5rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
}

.JqhGES1O {
	padding: 0.75rem 1.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.JqhGES1O:hover {
	background-color: #2d2f39;
}

.YxlmErHw {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.YxlmErHw:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.YxlmErHw:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* --- STEP 2 ASSIGNMENT UI --- */
.ZlKX7Vz1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 3rem 0;
	color: #888;
	font-size: 14px;
}

.ZlKX7Vz1 i {
	font-size: 20px;
	color: var(--accent-1);
}

.XiQHZe1j {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.65rem 1rem;
	transition: border-color 0.2s ease;
}

.XiQHZe1j:focus-within {
	border-color: var(--accent-1);
}

.XiQHZe1j i {
	color: #666;
	font-size: 13px;
	flex-shrink: 0;
}

.XiQHZe1j input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 13px;
	width: 100%;
	outline: none;
	font-family: inherit;
}

.XiQHZe1j input::placeholder {
	color: #555;
}

.cB9MkJ4k {
	display: flex;
	flex-direction: column;
	gap: 0;
	max-height: 340px;
	overflow-y: auto;
}

.jqeJWXt1 {
	margin: 0;
	padding: 0.75rem 0 0.35rem;
	font-size: 11px;
	font-weight: 600;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.FKUMYwaZ {
	margin: 0;
	padding: 1.5rem 0;
	text-align: center;
	color: #666;
	font-size: 13px;
}

/* --- ROLE GRID --- */
.M4Qq2oFQ {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0.5rem;
	gap: 0.5rem;
}

.AwxD_OXv {
	position: relative;
}

.w7_rt7rg {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.75rem 0.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	color: #888;
	cursor: pointer;
	transition: all 0.15s ease;
	text-align: center;
	width: 100%;
}

.w7_rt7rg i {
	font-size: 16px;
}

.zCUhHSKY {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
}

.w7_rt7rg:hover {
	border-color: #3d3f49;
	color: var(--white);
}

.zyFc1pT_ {
	border-color: var(--accent-1);
	color: var(--accent-1);
	background-color: rgba(13, 122, 199, 0.08);
}

.wpnB3nd5 {
	border-color: #f59e0b;
	color: #f59e0b;
	background-color: rgba(245, 158, 11, 0.08);
}

.W1E4pGZG {
	border-color: #14b8a6;
	color: #14b8a6;
	background-color: rgba(20, 184, 166, 0.08);
}

.Lbw54cnV {
	border-color: var(--accent-1);
	color: var(--accent-1);
	background-color: rgba(13, 122, 199, 0.08);
}

.HSrmrqrl {
	border-color: #ec4899;
	color: #ec4899;
	background-color: rgba(236, 72, 153, 0.08);
}

.l67Sl7Iu {
	border-color: var(--success-green);
	color: var(--success-green);
	background-color: rgba(60, 162, 89, 0.08);
}

.IihXwdyG {
	border-color: #a78bfa;
	color: #a78bfa;
	background-color: rgba(167, 139, 250, 0.08);
}

.M6N7e87Z {
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 13px !important;
	opacity: 0.5;
}

.lt41Latg {
	opacity: 0.35;
	pointer-events: none;
}

.AwxD_OXv:has(.lt41Latg) {
	cursor: not-allowed;
}

/* Ensure disabled buttons don't block wrapper hover for tooltip */
.w7_rt7rg:disabled {
	pointer-events: none;
}

.K4DnO1ax {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 10px !important;
	color: #888;
	opacity: 0.8;
}

.wx7HId6F {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	transform: translateY(-4px);
	background: #1a1b23;
	border: 1px solid #2d2f39;
	color: #ccc;
	font-size: 11px;
	font-weight: 500;
	padding: 6px 10px;
	border-radius: 8px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.15s ease;
	z-index: 10;
	pointer-events: none;
}

.AwxD_OXv:hover .wx7HId6F {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.wx7HId6F::before {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 12px;
	border: 5px solid transparent;
	border-bottom-color: #2d2f39;
}


/* --- ROLE COLORS --- */

/* SuperAdmin — gold/amber */
.yMy_j8Y3 {
	background: rgba(245, 158, 11, 0.12);
	color: #f59e0b;
}

/* Venue Manager — teal */
.MFcFmp4L {
	background: rgba(20, 184, 166, 0.12);
	color: #14b8a6;
}

/* Event Manager — blue */
.iK39pjfY {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

/* Promoter — pink */
.qqZnmfHZ {
	background: rgba(236, 72, 153, 0.12);
	color: #ec4899;
}

/* Scanner — green */
.eJ9qdPdA {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

/* Receptionist — purple */
.AQTyMG7t {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}


@media (max-width: 480px) {
	.nd1z86bU {
		max-width: 100%;
	}

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

	.M4Qq2oFQ {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* -----------------------------------------------------
	Split Layout
------------------------------------------------------ */

.LMzKUODF {
	height: 100vh;
	width: 100%;
	display: grid;
	grid-template-columns: 44% 1fr;
	overflow: hidden;
	background-color: var(--bg-dark);
}

/* -----------------------------------------------------
	Left — Form Side
------------------------------------------------------ */

.Crp1bMr8 {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 4.5rem;
	z-index: 1;
}

.qoQ16CgY {
	width: 100%;
	max-width: 85%;
	display: flex;
	flex-direction: column;
}

.OBkTX2B_ {
	width: 140px;
	margin-bottom: 3.5rem;
	opacity: 0;
	animation: E7bqV5H7 0.6s ease forwards 0.1s;
}

.uBYiA2Io {
	font-size: 34px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.2;
	margin-bottom: 0.5rem;
	opacity: 0;
	animation: E7bqV5H7 0.6s ease forwards 0.15s;
}

.uBYiA2Io span {
	color: var(--accent-1);
}

.oQmeip8p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	margin-bottom: 2.75rem;
	opacity: 0;
	animation: E7bqV5H7 0.6s ease forwards 0.2s;
}

/* -----------------------------------------------------
	Form
------------------------------------------------------ */

.qhVSy5rp {
	display: flex;
	flex-direction: column;
	opacity: 0;
	animation: E7bqV5H7 0.6s ease forwards 0.25s;
}

.iLFfe9Dr {
	margin-bottom: 1.35rem;
}

.WmSZkEhA {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 0.5rem;
}

.OpiSl43t {
	width: 100%;
	height: 56px;
	padding: 0 1.15rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	column-gap: 0.8rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.OpiSl43t:focus-within {
	border-color: var(--accent-1);
	box-shadow: 0 0 0 3px rgba(13, 122, 199, 0.12);
}

.OpiSl43t i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 15px;
	flex-shrink: 0;
	width: 16px;
	text-align: center;
	transition: color 0.2s ease;
}

.OpiSl43t:focus-within i {
	color: var(--accent-1);
}

.OpiSl43t input {
	flex: 1 1;
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 15px;
	font-family: var(--font-family);
	padding: 0;
}

.OpiSl43t input::placeholder {
	color: rgba(255, 255, 255, 0.18);
}

.I3DWCBDF {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.I3DWCBDF i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 14px;
	transition: color 0.2s ease;
}

.I3DWCBDF:hover i {
	color: rgba(255, 255, 255, 0.45);
}

.goolU7r5 {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: var(--accent-1);
	border: none;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: filter 0.2s ease, transform 0.1s ease;
}

.goolU7r5:hover {
	filter: brightness(1.12);
}

.goolU7r5:active {
	transform: scale(0.98);
}

.goolU7r5 p {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.goolU7r5:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	filter: none;
	transform: none;
}

.Ev3Z0XZx {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.HSfVQZbS {
	height: 22px;
}

/* -----------------------------------------------------
	Login Link
------------------------------------------------------ */

.sV60eA3i {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
	gap: 0.25rem;
	opacity: 0;
	animation: E7bqV5H7 0.6s ease forwards 0.3s;
}

.sV60eA3i p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.3);
}

.sV60eA3i button {
	background: none;
	border: none;
	color: var(--accent-1);
	font-size: 13px;
	font-family: var(--font-family);
	cursor: pointer;
	transition: color 0.2s ease;
}

.sV60eA3i button:hover {
	color: var(--white);
}

/* -----------------------------------------------------
	Right — Visual Panel
------------------------------------------------------ */

.CGeRhlx8 {
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: var(--sub-bg-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem;
	overflow: hidden;
}

.CGeRhlx8::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(13, 122, 199, 0.08) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 80%, rgba(60, 162, 89, 0.04) 0%, transparent 50%);
	pointer-events: none;
}

/* Panel content */
.gB8pEYVe {
	position: relative;
	z-index: 1;
	opacity: 0;
	animation: vNbc8Em4 0.8s ease forwards 0.5s;
}

.mgYgyDiv {
	font-size: 28px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.25;
	margin-bottom: 0.75rem;
}

.mgYgyDiv span {
	color: var(--accent-1);
}

.lPorvv1E {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin-bottom: 2.5rem;
	max-width: 400px;
}

/* Banner image */
.SyPUQXIm {
	position: relative;
	margin-bottom: 2.5rem;
	opacity: 0;
	animation: fOVfBSJ8 0.8s ease forwards 0.7s;
}

.flX36bEx {
	width: 100%;
	border-radius: 16px;
	display: block;
	box-shadow:
		0 20px 60px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.06);
}

.xP7lRSlu {
	position: absolute;
	inset: 0;
	border-radius: 16px;
	pointer-events: none;
	background:
		linear-gradient(180deg, transparent 60%, rgba(22, 24, 36, 0.5) 100%);
}

/* Feature items */
.xeJbMs66 {
	display: flex;
	gap: 1.5rem;
	opacity: 0;
	animation: vNbc8Em4 0.8s ease forwards 0.9s;
}

.RyhD218d {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.PtZJgn2G {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 13px;
}

.zXlRvr1B {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.TTEWXRCq {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.sJKUWplJ {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.G4yV__Cb {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.55);
}

/* -----------------------------------------------------
	Error Banner
------------------------------------------------------ */

.mUVblGkY {
	position: fixed;
	top: 1.25rem;
	left: 22%;
	transform: translateX(-50%);
	background: rgba(255, 60, 60, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 0.6rem 1.5rem;
	border-radius: 8px;
	animation: x7jbyvet 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 10;
}

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

/* -----------------------------------------------------
	Animations
------------------------------------------------------ */

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

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

@keyframes fOVfBSJ8 {
	from { opacity: 0; transform: translateY(25px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

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

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

@media (max-width: 1024px) {
	.LMzKUODF {
		grid-template-columns: 50% 1fr;
	}

	.Crp1bMr8 {
		padding: 3rem 3rem;
	}

	.CGeRhlx8 {
		padding: 3rem;
	}

	.xeJbMs66 {
		gap: 1rem;
	}
}

@media (max-width: 768px) {
	.LMzKUODF {
		grid-template-columns: 1fr;
	}

	.CGeRhlx8 {
		display: none;
	}

	.Crp1bMr8 {
		padding: 3rem 2rem;
	}
}

@media (max-width: 480px) {
	.Crp1bMr8 {
		padding: 2rem 1.5rem;
	}

	.uBYiA2Io {
		font-size: 28px;
	}

	.OBkTX2B_ {
		width: 95px;
		margin-bottom: 2.5rem;
	}
}

.X801Mdwy {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #01000D;
}

.AMJ0Xc4X {
  width: 35%;
}
/* -----------------------------------------------------
   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: flex;
	overflow: hidden;
	background-color: var(--bg-dark);
	box-sizing: border-box;
	color: var(--white)
}

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

.mjLnZnrm {
  opacity: 0;
  animation: qAWvSxXT 200ms ease-out forwards;
}

.I1d7Civ_ {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 40px 60px 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
	overflow-y: scroll;
}

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

/* -----------------------------------------------------
	Banner
------------------------------------------------------ */

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

.aPzlfy4K h3 {
	margin: 0 0 0.25rem 0;
}

.aPzlfy4K p {
	margin: 0;
	opacity: 0.7;
}

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

.oQmS1i3I {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	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;
}

.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;
}

.bD2CUeg0 {
	height: 100%;
	aspect-ratio: 1;
	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

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

/* -----------------------------------------------------
	Widget Container
------------------------------------------------------ */

.R0qES_wc {
	height: 100%;
	width: 100%;
	position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

.COZeW_fj {
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	height: 100%;
}

/* -----------------------------------------------------
	Stats Row
------------------------------------------------------ */

.Dfd8JpNO {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
}

.BrycIHLc {
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	border: 1px solid #2d2f39;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hkCvGD5N {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	background-color: rgba(255, 255, 255, 0.05);
	color: var(--white);
}

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

.HWzEac5S p {
	margin: 0;
}

.HWzEac5S p:first-child {
	color: #666;
}

.HWzEac5S p:last-child {
	color: var(--white);
}

/* -----------------------------------------------------
	Main Widget
------------------------------------------------------ */

.tt5vBZYP {
	flex: 1 1;
	background-color: var(--sub-bg-dark);
	border-radius: 15px;
	border: 1px solid #2d2f39;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-height: 0;
}

.FFSAwtDv {
	padding: 1.25rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #2d2f39;
	flex-wrap: wrap;
	gap: 1rem;
}

.tcpzAfWv {
	display: flex;
	gap: 0.5rem;
}

.AFlI8VZq {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background-color: var(--bg-dark);
	border: 1px solid var(--bg-dark);
	border-radius: 8px;
	color: var(--white);
	cursor: pointer;
	transition: all 0.2s ease;
}

.AFlI8VZq:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

.F_SEyrwH {
	background-color: var(--accent-1) !important;
	border-color: var(--accent-1) !important;
}

.ZwjvKIm0 {
	width: 28px;
	height: 28px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.F_SEyrwH .ZwjvKIm0 {
	background-color: rgba(255, 255, 255, 0.2);
}

.hWN0eW41 {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.MutpTGhM {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.5rem 1rem;
	min-width: 220px;
}

.MutpTGhM i {
	color: #666;
	font-size: 14px;
}

.MutpTGhM input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
}

.MutpTGhM input::placeholder {
	color: #666;
}

.SedxU5Tn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1.25rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.SedxU5Tn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.SedxU5Tn i {
	font-size: 12px;
}

/* -----------------------------------------------------
	Widget Content
------------------------------------------------------ */

.bduxtEyc {
	flex: 1 1;
	padding: 1.5rem;
	overflow-y: auto;
	min-height: 0;
}

.CVN2B6jt {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	grid-gap: 1rem;
	gap: 1rem;
}

/* -----------------------------------------------------
	Item Cards (Tags & Tickets)
------------------------------------------------------ */

.wGTB1Np7 {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	transition: all 0.2s ease;
}

.wGTB1Np7:hover {
	border-color: #3d3f49;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.QI4jDAB1 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.dVoola8L {
	width: 12px;
	height: 40px;
	border-radius: 6px;
	flex-shrink: 0;
}

.hv9PAKka {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-shrink: 0;
}

.Ss3qnxUR {
	background-color: rgba(34, 197, 94, 0.15);
	color: #22c55e;
}

.r7_C6iqc {
	background-color: rgba(59, 130, 246, 0.15);
	color: #3b82f6;
}

.WOZw1CYe {
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
}

.TZ379gC3 {
	flex: 1 1;
	min-width: 0;
}

.TZ379gC3 p {
	margin: 0;
}

.TZ379gC3 p:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.TZ379gC3 p:last-child {
	color: #888;
	margin-top: 0.25rem;
}

/* Title Row with Default Badge */
.kELV0hND {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.bnZUmpdJ {
	background-color: rgba(34, 197, 94, 0.15);
	color: #22c55e;
	font-size: 10px;
	font-weight: 600;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Default Toggle */
.HqHuuowu {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
	text-align: left;
}

.HqHuuowu:hover {
	border-color: #3d3f49;
}

.h8COjmnY {
	background-color: rgba(34, 197, 94, 0.1);
	border-color: #22c55e;
	color: var(--white);
}

.hKONK9QQ {
	width: 20px;
	height: 20px;
	border: 2px solid #3d3f49;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.h8COjmnY .hKONK9QQ {
	background-color: #22c55e;
	border-color: #22c55e;
}

.hKONK9QQ i {
	font-size: 10px;
	color: var(--white);
}

.ID0JARO5 {
	opacity: 0.7;
	cursor: not-allowed;
}

.MFGhtd9v {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	background-color: #1a1b23;
	color: #fff;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	font-size: 11px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 100;
	border: 1px solid #2d2f39;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.QJIXRCcZ:hover .MFGhtd9v {
	opacity: 1;
	visibility: visible;
}

.ZL9BJd6y {
	color: #22c55e !important;
}

.OmtH2XMR {
	color: #3b82f6 !important;
	font-weight: 600;
}

.i0KkKzpY {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.25rem;
}

.i0KkKzpY p {
	margin: 0 !important;
}

.yqIje8PC {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
	font-size: 9px;
	font-weight: 600;
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.yqIje8PC i {
	font-size: 8px;
}

.K7F74gTt {
	display: flex;
	gap: 0.5rem;
}

.ZgkDAi0u {
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 6px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.ZgkDAi0u:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.ocMx3Wpx:hover {
	background-color: rgba(239, 68, 68, 0.15);
	color: #ef4444;
}

/* Disabled Action Buttons & Tooltips */
.QJIXRCcZ {
	position: relative;
	display: inline-block;
}

.LHJhFrM4 {
	opacity: 0.35;
	cursor: not-allowed !important;
	pointer-events: none;
}

.QJIXRCcZ:has(.LHJhFrM4) {
	cursor: not-allowed;
	pointer-events: auto;
}

.QJIXRCcZ:has(.LHJhFrM4) .LHJhFrM4 {
	pointer-events: none;
}

.zJ0cbtnS {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background-color: #1a1b23;
	color: #fff;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	font-size: 11px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 100;
	border: 1px solid #2d2f39;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.zJ0cbtnS::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #1a1b23;
}

.QJIXRCcZ:hover .zJ0cbtnS {
	opacity: 1;
	visibility: visible;
}

.EHvZSuLl {
	display: flex;
	gap: 1.5rem;
}

.UwiUcDY8 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #888;
}

.UwiUcDY8 i {
	font-size: 12px;
}

.AHeaQcLY {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #2d2f39;
}

.SIK_DORU {
	background-color: rgba(255, 255, 255, 0.08);
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 11px;
	color: #aaa;
}

.Up8NNFDw {
	background-color: rgba(0, 191, 255, 0.15);
	color: #00bfff;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 11px;
}

/* -----------------------------------------------------
	Empty State
------------------------------------------------------ */

.Mj_lM_aW {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 2rem;
	text-align: center;
}

.TX19KOGb {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, rgba(0, 191, 255, 0.1) 0%, rgba(0, 191, 255, 0.05) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.TX19KOGb i {
	font-size: 32px;
	color: #00bfff;
}

.Mj_lM_aW h3 {
	margin: 0 0 0.5rem 0;
	color: var(--white);
}

.Mj_lM_aW p {
	margin: 0 0 1.5rem 0;
	color: #888;
}

.QxheevBF {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.QxheevBF:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

/* -----------------------------------------------------
	Loading State
------------------------------------------------------ */

.eFoWw8gJ {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem;
	gap: 1rem;
}

.wgx3PnDF {
	width: 40px;
	height: 40px;
	border: 3px solid #2d2f39;
	border-top-color: var(--accent-1);
	border-radius: 50%;
	animation: lFTVVjrb 1s linear infinite;
}

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

/* -----------------------------------------------------
	Modal Styles
------------------------------------------------------ */

.WojJ2FiM {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.U__Qtrro {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 580px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: rbWZexjK 0.2s ease-out;
}

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

.WRsjaPpm {
	padding: 1.5rem;
	border-bottom: 1px solid #2d2f39;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.WRsjaPpm h3 {
	margin: 0;
	color: var(--white);
}

.bxK6jplB {
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.2s ease;
}

.bxK6jplB:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.lulI3Dyj {
	padding: 1.5rem;
	overflow-y: auto;
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.IsEj5o1Y {
	height: 1px;
	background-color: #2d2f39;
	margin: 0 -1.5rem;
	width: calc(100% + 3rem);
}

.lZDd5Mpd {
	padding: 1.5rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
}

/* -----------------------------------------------------
	Form Styles
------------------------------------------------------ */

.yZQaTt36 {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.JJmZ5O4a {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}

.I3yvy9DV {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

._5XFL4nc {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.875rem 1rem;
	transition: border-color 0.2s ease;
}

._5XFL4nc:focus-within {
	border-color: var(--accent-1);
}

._5XFL4nc i {
	color: #666;
	font-size: 14px;
}

._5XFL4nc input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
}

._5XFL4nc input::placeholder {
	color: #666;
}

/* Color Picker */
.ngh6IBMD {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 0.5rem;
	gap: 0.5rem;
}

.acwXV986 {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 8px;
	border: 2px solid transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.acwXV986:hover {
	transform: scale(1.1);
}

.eRY0RUHG {
	border-color: var(--white) !important;
	box-shadow: 0 0 0 2px var(--bg-dark);
}

.acwXV986 i {
	color: var(--white);
	font-size: 12px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.Os5EBWR0 {
	margin-top: 0.5rem;
}

.CQdwUXua {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 1rem;
	border-radius: 20px;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
}

/* Pricing Toggle */
.n9Vucw4C {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.75rem;
	gap: 0.75rem;
}

.kqBz12S2 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	color: #888;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.kqBz12S2:hover {
	border-color: #3d3f49;
}

.RgWUCTaQ {
	background-color: rgba(0, 191, 255, 0.1);
	border-color: var(--accent-1);
	color: var(--white);
}

.RgWUCTaQ i {
	color: var(--accent-1);
}

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

.xBQ2_eHZ {
	margin: 10px 0 0 auto;
	color: #ef4444;
	font-size: 12px;
}

.UO7OgRxE {
	display: flex;
	align-items: center;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0 1rem;
	margin-top: 0.75rem;
	transition: border-color 0.2s ease;
}

.UO7OgRxE:focus-within {
	border-color: var(--accent-1);
}

.Cdfd6kYo {
	color: #666;
	font-size: 16px;
	font-weight: 500;
}

.sOp99zPO {
	background: none;
	border: none;
	color: var(--white);
	font-size: 18px;
	font-weight: 500;
	padding: 0.875rem 0.5rem;
	width: 100%;
	outline: none;
}

.sOp99zPO::placeholder {
	color: #444;
}

/* Venue Selection */
.wy2MtDbu {
	background: none;
	border: none;
	color: #00bfff;
	font-size: 12px;
	cursor: pointer;
	padding: 0;
}

.wy2MtDbu:hover {
	text-decoration: underline;
}

.kpq2jnno {
	max-height: 200px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-right: 0.5rem;
}

.kpq2jnno::-webkit-scrollbar {
	width: 6px;
}

.kpq2jnno::-webkit-scrollbar-track {
	background: var(--sub-bg-dark);
	border-radius: 3px;
}

.kpq2jnno::-webkit-scrollbar-thumb {
	background: #3d3f49;
	border-radius: 3px;
}

.on7m9WEO {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
	text-align: left;
}

.on7m9WEO:hover {
	border-color: #3d3f49;
}

.H7fYADmx {
	background-color: rgba(0, 191, 255, 0.1);
	border-color: var(--accent-1);
}

.jhb3uV4k {
	width: 20px;
	height: 20px;
	border: 2px solid #3d3f49;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.H7fYADmx .jhb3uV4k {
	background-color: var(--accent-1);
	border-color: var(--accent-1);
}

.jhb3uV4k i {
	font-size: 10px;
	color: var(--white);
}

.C0AltI7L {
	color: #666;
	text-align: center;
	padding: 2rem;
	margin: 0;
}

/* Locked/Disabled Field Styles */
.j7m5Avvb {
	color: #f59e0b;
	font-size: 10px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.bfXNcboi {
	opacity: 0.5;
	pointer-events: none;
}

.srkQzLNO {
	cursor: not-allowed;
}

/* Modal Buttons */
.O2_TtI0w {
	padding: 0.75rem 1.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.O2_TtI0w:hover {
	background-color: #2d2f39;
}

.gUv2OiOD {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.gUv2OiOD:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.gUv2OiOD:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* -----------------------------------------------------
	Delete Modal
------------------------------------------------------ */

.PfSB3rH1 {
	max-width: 400px;
	text-align: center;
	padding: 2rem;
}

.yOQS4aVf {
	width: 64px;
	height: 64px;
	background-color: rgba(239, 68, 68, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}

.yOQS4aVf i {
	font-size: 28px;
	color: #ef4444;
}

.PfSB3rH1 h3 {
	margin: 0 0 0.75rem 0;
	color: var(--white);
}

.PfSB3rH1 p {
	margin: 0 0 1.5rem 0;
	color: #888;
	line-height: 1.5;
}

.LMiF2fEh {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.Eid8B_vg {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background-color: #ef4444;
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.Eid8B_vg:hover {
	background-color: #dc2626;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* -----------------------------------------------------
	Animations
------------------------------------------------------ */

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

/* -----------------------------------------------------
	Ticket Mode Selection
------------------------------------------------------ */

.SqwbfsYh {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.75rem;
	gap: 0.75rem;
}

.genp9xig {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 1.1rem 1rem;
	background-color: var(--sub-bg-dark);
	border: 1.5px solid #2d2f39;
	border-radius: 12px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: center;
}

.genp9xig:hover {
	border-color: #3d3f49;
	color: var(--white);
}

.XxwCiXoZ {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.06);
	transition: all 0.2s ease;
}

.Bf6Pp_qs {
	font-size: 15px;
	font-weight: 600;
}

.dPBoVFik {
	font-size: 11px;
	opacity: 0.6;
}

.m9jNBwQh {
	border-color: var(--accent-1);
	color: var(--white);
	background-color: rgba(13, 122, 199, 0.08);
}

.m9jNBwQh .XxwCiXoZ {
	background-color: rgba(13, 122, 199, 0.15);
	color: var(--accent-1);
}

.pUMV7DLI {
	border-color: #f59e0b;
	color: var(--white);
	background-color: rgba(245, 158, 11, 0.08);
}

.pUMV7DLI .XxwCiXoZ {
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
}

/* -----------------------------------------------------
	Pricing Rules Builder (Live mode)
------------------------------------------------------ */

.jHBHmii1 {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.uWL32Gat {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.875rem 1rem;
	transition: border-color 0.2s ease;
}

.uWL32Gat:hover {
	border-color: #3d3f49;
}

.IKqgOkzS {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	flex-shrink: 0;
}

.Usz9H7Ab {
	flex: 1 1;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.bAO_JqK1 {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.5rem 0.75rem;
	width: 100px;
	flex-shrink: 0;
	transition: border-color 0.2s ease;
}

.bAO_JqK1:focus-within {
	border-color: var(--accent-1);
}

.sgRySGYs {
	background: none;
	border: none;
	color: var(--white);
	font-size: 15px;
	font-weight: 500;
	width: 100%;
	min-width: 0;
	outline: none;
	padding: 0 0 0 0.25rem;
}

.sgRySGYs::placeholder {
	color: #444;
}

.Usz9H7Ab > .ZL9BJd6y {
	color: var(--success-green);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	flex-shrink: 0;
}

.evPn_yqA {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1 1;
	min-width: 0;
}

.Lufnn5zx {
	color: #888;
	font-size: 13px;
	white-space: nowrap;
}

.EU878SPm {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	padding: 0.5rem 0.75rem;
	outline: none;
	flex: 1 1;
	min-width: 0;
	transition: border-color 0.2s ease;
	color-scheme: dark;
}

.EU878SPm:focus {
	border-color: var(--accent-1);
}

.sgvBz3tI {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #f59e0b;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}

.sgvBz3tI i {
	font-size: 12px;
}

.esz1ngmh {
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 6px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.esz1ngmh:hover {
	background-color: rgba(239, 68, 68, 0.15);
	color: #ef4444;
}

.PjJRsmDJ {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem;
	background: none;
	border: 1.5px dashed #2d2f39;
	border-radius: 10px;
	color: #888;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 0.25rem;
}

.PjJRsmDJ:hover {
	border-color: #f59e0b;
	color: #f59e0b;
	background-color: rgba(245, 158, 11, 0.05);
}

/* -----------------------------------------------------
   VIP Services Tab
------------------------------------------------------ */

.HMOCEnk0 {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

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

.qi0M86tv {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.TjLYWCQd {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--white);
}

.TjLYWCQd i {
	font-size: 18px;
	color: #888;
}

.TjLYWCQd h3 {
	margin: 0;
}

.AYIm3pvS {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2.5rem 2rem;
	color: #888;
	background-color: var(--bg-dark);
	border: 1px dashed #2d2f39;
	border-radius: 12px;
	gap: 0.5rem;
}

.AYIm3pvS p:last-of-type {
	color: #555;
	max-width: 280px;
	line-height: 1.4;
}

.nAca35LD {
	margin-bottom: 0.5rem;
}

.vfPbl381 {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.LpBzLXBl {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.75rem;
	padding: 0.6rem 1.25rem;
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.LpBzLXBl:hover {
	transform: translateY(-1px);
}

.uLt8zv7g {
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.uLt8zv7g:hover {
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.mA5Rj1iQ {
	background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
}

.mA5Rj1iQ:hover {
	box-shadow: 0 4px 12px rgba(236, 72, 153, 0.3);
}

/* VIP Card Icons */
.tZk9oSol {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-shrink: 0;
}

.GFGmAG_W {
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
}

.yV3KmlPV {
	background-color: rgba(236, 72, 153, 0.15);
	color: #ec4899;
}

/* VIP Modal Textarea */
.nNTZ72Mh {
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.875rem 1rem;
	color: var(--white);
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	outline: none;
	transition: border-color 0.2s ease;
	min-height: 80px;
	width: 100%;
	box-sizing: border-box;
}

.nNTZ72Mh:focus {
	border-color: var(--accent-1);
}

.nNTZ72Mh::placeholder {
	color: #666;
}

/* -----------------------------------------------------
	Responsive Design
------------------------------------------------------ */

@media (max-width: 1200px) {
	.Dfd8JpNO {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.I1d7Civ_ {
		padding: 20px 30px;
	}

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

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

	.tcpzAfWv {
		justify-content: center;
	}

	.hWN0eW41 {
		flex-direction: column;
	}

	.MutpTGhM {
		min-width: 100%;
	}

	.SedxU5Tn {
		width: 100%;
		justify-content: center;
	}

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

	.ngh6IBMD {
		grid-template-columns: repeat(6, 1fr);
	}

	.oZZWSm87 {
		display: none;
	}

	.zJ0cbtnS {
		left: auto;
		right: 0;
		transform: none;
	}

	.zJ0cbtnS::after {
		left: auto;
		right: 10px;
		transform: none;
	}
}

@media (max-width: 480px) {
	.U__Qtrro {
		margin: 1rem;
		max-height: calc(100vh - 2rem);
	}

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

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

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

	.bAO_JqK1 {
		width: 100%;
	}
}
.kwdpmf5v {
	font-weight: 600;
}

.er_XpIw1 {
	font-weight: 700;
}

.IC6P2w1s {
	font-size: 8px;
}

.BEI_HTUf {
	font-size: 10px;
}

.R0MCYe8N {
	font-size: 12px;
}

.AENduY9G {
	font-size: 14px;
}

.EvqeKZ7z {
	font-size: 15px;
}

.uD26phtt {
	font-size: 17px;
}

.KRYzSIQM {
	font-size: 22px;
}

.k4GrH5oa {
	font-size: 25px;
}

.hsdBjLAK {
	font-size: 35px;
}

.glh1Nqvz {
	font-size: 38px;
}

.aMKOhzvv {
	font-size: 42px;
}

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

.wVNUFrA1 {
	position: relative;
}

.SYfGDNsr {
	height: 100vh;
	width: 100%;
	display: flex;
	overflow: hidden;
	background-color: var(--bg-dark);
	box-sizing: border-box;
	color: var(--white)
}

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

.EsG4X1A2 {
  opacity: 0;
  animation: trGIQmnS 200ms ease-out forwards;
}

.DDB3H4JZ {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 40px 60px 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
	overflow-y: scroll;
}

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

/* -----------------------------------------------------
	Banner
------------------------------------------------------ */

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

.T21R5ElA h3 {
	margin: 0 0 0.25rem 0;
}

.T21R5ElA p {
	margin: 0;
	opacity: 0.7;
}

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

.Vx4j86ig {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: var(--bg-dark);
	background-color: var(--white);
}

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

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

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

.vGgkRTHm {
	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;
}

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

.TUDaDgnZ {
	height: 100%;
	aspect-ratio: 1;
	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

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

/* -----------------------------------------------------
	Widget Container
------------------------------------------------------ */

.X0zTyO1e {
	height: 100%;
	width: 100%;
	position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

/* -----------------------------------------------------
	Connections Layout
------------------------------------------------------ */

.vSyUeILh {
	display: grid;
	grid-template-columns: 1fr 380px;
	grid-gap: 1.5rem;
	gap: 1.5rem;
	flex: 1 1;
	min-height: 0;
	height: 100%;
}

.YyBXSFGl {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	overflow-y: auto;
}

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

/* List Header */
.CdDn4Qgs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
}

.vx1OKTey {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.vx1OKTey h3 {
	margin: 0;
}

.YAnkQI8W {
	background-color: rgba(34, 197, 94, 0.15);
	color: #22c55e;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
}

.oROKg8N8 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.oROKg8N8:hover {
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.oROKg8N8 i {
	font-size: 11px;
}

/* Empty State */
.rdJPgCRc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 2rem;
	text-align: center;
	background-color: var(--sub-bg-dark);
	border: 1px dashed #2d2f39;
	border-radius: 16px;
}

.yz_kM9cv {
	width: 64px;
	height: 64px;
	background: linear-gradient(135deg, rgba(0, 191, 255, 0.1) 0%, rgba(0, 191, 255, 0.05) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
}

.yz_kM9cv i {
	font-size: 24px;
	color: var(--accent-1);
}

.rdJPgCRc h3 {
	margin: 0 0 0.5rem 0;
	color: var(--white);
}

.rdJPgCRc > p {
	margin: 0 0 1.5rem 0;
	color: #888;
}

.NtxJtfxJ {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 10px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.NtxJtfxJ:hover {
	box-shadow: 0 4px 16px rgba(0, 191, 255, 0.35);
}

/* -----------------------------------------------------
	Connection Card
------------------------------------------------------ */

.mffgfmQq {
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.2s ease;
}

.mffgfmQq:hover {
	border-color: #3d3f49;
}

.Z2gnPsDA {
	padding: 1.25rem;
	display: flex;
	gap: 1rem;
	align-items: center;
}

.HzNFJcDa {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--white);
	flex-shrink: 0;
}

.aCIumX8K {
	flex: 1 1;
	min-width: 0;
}

.oxycCDqZ {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.125rem;
}

.aCIumX8K h4 {
	margin: 0;
}

.aCIumX8K p {
	margin: 0;
	color: #666;
}

.d6sJhEaU {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.25rem 0.6rem;
	border-radius: 20px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sjdrQl6z {
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.eXsZTAss {
	display: flex;
	gap: 0.5rem;
}

.BH0Lyqq7 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
}

.BH0Lyqq7:hover {
	border-color: var(--accent-1);
	color: var(--accent-1);
}

.m44LHGMP {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.2);
	border-radius: 8px;
	color: #ef4444;
	cursor: pointer;
	transition: all 0.2s ease;
}

.m44LHGMP:hover {
	background-color: rgba(239, 68, 68, 0.15);
}

.nl8d9gRC {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
}

.nl8d9gRC:hover {
	border-color: #ef4444;
	color: #ef4444;
	background-color: rgba(239, 68, 68, 0.1);
}

/* Venue Assignment Section */
.LM9pojzP {
	padding: 1rem 1.25rem;
	background-color: var(--bg-dark);
	border-top: 1px solid #2d2f39;
}

.YKL3_SQs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.75rem;
}

.YKL3_SQs label {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}

.u6RF32fV {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.MA8POYxL {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #888;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.MA8POYxL:hover {
	border-color: #3d3f49;
	color: var(--white);
}

.ka2Ggqkn {
	background-color: rgba(0, 191, 255, 0.1);
	border-color: var(--accent-1);
	color: var(--white);
}

.ka2Ggqkn i {
	color: var(--accent-1);
}

.qw07G8rL {
	opacity: 0.5;
	cursor: not-allowed;
	background-color: rgba(255, 255, 255, 0.03);
}

.qw07G8rL:hover {
	border-color: #2d2f39;
	color: #888;
}

.qw07G8rL i {
	color: #666;
	font-size: 10px;
}

.oeDaTFnr {
	color: #666;
	font-size: 12px;
	margin: 0;
}

/* Manage button in venue assignment header */
.bxTqxNqT {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.65rem;
	background: transparent;
	border: 1px solid #2d2f39;
	border-radius: 6px;
	color: #888;
	font-size: 11px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.bxTqxNqT:hover {
	border-color: #3d3f49;
	color: var(--white);
}

.bxTqxNqT i {
	font-size: 10px;
}

/* Venue list for connected connections */
.znuTfoTK {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	max-height: 200px;
	overflow-y: auto;
}

.jWQ0fJzv {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.45rem 0.6rem;
	background: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
}

.PTMssnCS {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: rgba(0, 191, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.PTMssnCS i {
	font-size: 12px;
	color: var(--accent-1);
}

.yN0k__aM {
	min-width: 0;
	flex: 1 1;
}

.FunBOtwy {
	margin: 0;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.QjS5uImE {
	margin: 0;
	font-size: 10.5px;
	color: #4da6ff;
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

.QjS5uImE i {
	font-size: 8px;
}

/* Remove Connection Button */
.Byym0IWc {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background-color: transparent;
	border: 1px solid rgba(239, 68, 68, 0.3);
	border-radius: 10px;
	color: #ef4444;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 0.5rem;
}

.Byym0IWc:hover {
	background-color: rgba(239, 68, 68, 0.1);
	border-color: #ef4444;
}

.Byym0IWc i {
	font-size: 12px;
}

/* Connection Footer */
.dPq2hjJk {
	padding: 1rem 1.25rem;
	border-top: 1px solid #2d2f39;
}

.Z7s_wZLn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 10px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.Z7s_wZLn:hover:not(:disabled) {
	box-shadow: 0 4px 16px rgba(0, 191, 255, 0.35);
}

.IfBa5UR6 {
	background: #2d2f39;
	color: #666;
	cursor: not-allowed;
}

.IfBa5UR6:hover {
	box-shadow: none;
}

/* -----------------------------------------------------
	GuestLine Banner (full-width, top of page)
------------------------------------------------------ */

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

.fS0ILyvX {
	background-color: rgba(20, 184, 166, 0.15);
	color: #14b8a6;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
}

.dVP4W89S {
	background-color: #1a2332;
	border: 1px solid #2d2f39;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.2s ease;
}

.dVP4W89S:hover {
	border-color: #3d3f49;
}

.vbPEjeKG {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vbPEjeKG img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.RKEDYAtk {
	width: 100%;
}

.jVcgfJip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background: linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(13, 122, 199, 0.06));
	border: 1px solid rgba(20, 184, 166, 0.2);
	border-radius: 12px;
}

.OLLQ5ZTs {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.zo9pJvdi {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.zo9pJvdi h4 {
	margin: 0;
	color: var(--white);
}

.zo9pJvdi p {
	margin: 0;
	color: #888;
}

.mmiPjHaQ {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 1rem;
	border-radius: 8px;
	border: none;
	background: rgba(20, 184, 166, 0.15);
	color: #14b8a6;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	transition: all 0.15s ease;
}

.mmiPjHaQ:hover {
	background: rgba(20, 184, 166, 0.25);
	color: #2dd4bf;
}

.mmiPjHaQ i {
	font-size: 11px;
}

/* -----------------------------------------------------
	Info Panel
------------------------------------------------------ */

.ieAINUdI {
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	height: 100%;
	overflow-y: auto;
	box-sizing: border-box;
}

.ieAINUdI::-webkit-scrollbar {
	width: 6px;
}

.ieAINUdI::-webkit-scrollbar-track {
	background: var(--sub-bg-dark);
	border-radius: 3px;
}

.ieAINUdI::-webkit-scrollbar-thumb {
	background: #3d3f49;
	border-radius: 3px;
}

.ieAINUdI::-webkit-scrollbar-thumb:hover {
	background: #4d4f59;
}

.sVwahwa8 {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding-bottom: 1rem;
	border-bottom: 1px solid #2d2f39;
}

.X59nZP_r {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--white);
	flex-shrink: 0;
}

.sVwahwa8 h3 {
	margin: 0;
	color: var(--white);
}

.sVwahwa8 p {
	margin: 0.25rem 0 0 0;
	color: #888;
}

.cLsZOdzR {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.PbMuRUdD {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.PbMuRUdD h4 {
	margin: 0;
	color: var(--white);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.PbMuRUdD h4 i {
	color: var(--accent-1);
	font-size: 14px;
}

.PbMuRUdD > p {
	margin: 0;
	color: #aaa;
	line-height: 1.6;
}

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

.M3jzh6CY {
	display: flex;
	gap: 0.875rem;
	padding: 1rem;
	background-color: var(--bg-dark);
	border-radius: 10px;
}

.CdmAR8ua {
	width: 36px;
	height: 36px;
	background: linear-gradient(135deg, rgba(0, 191, 255, 0.15) 0%, rgba(0, 191, 255, 0.05) 100%);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.CdmAR8ua i {
	color: var(--accent-1);
	font-size: 14px;
}

.BfnPx6ut p:first-child {
	margin: 0 0 0.25rem 0;
	color: var(--white);
}

.BfnPx6ut p:last-child {
	margin: 0;
	color: #888;
	line-height: 1.4;
}

.ywnMzOzO {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.ywnMzOzO li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #aaa;
}

.ywnMzOzO li i {
	color: #22c55e;
	font-size: 10px;
}

/* -----------------------------------------------------
	Modal Styles
------------------------------------------------------ */

.mCLyXEuH {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.un9u14WV {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 500px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: SWEkBGH8 0.2s ease-out;
}

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

.MMBdRiq1 {
	padding: 1.5rem;
	border-bottom: 1px solid #2d2f39;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.MMBdRiq1 h3 {
	margin: 0;
	color: var(--white);
}

.cKvGOL_j {
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.2s ease;
}

.cKvGOL_j:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.ZX5NrRBL {
	padding: 1.5rem;
	overflow-y: auto;
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.YHwIIwd7 {
	padding: 1.5rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
}

/* -----------------------------------------------------
	Manage Modal Specific
------------------------------------------------------ */

._WIc8eV9 {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	background-color: rgba(34, 197, 94, 0.08);
	border: 1px solid rgba(34, 197, 94, 0.2);
	border-radius: 12px;
}

.dIb6_YqL {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--white);
	flex-shrink: 0;
}

.OrmeaVkM {
	flex: 1 1;
}

.OrmeaVkM p:first-child {
	margin: 0;
	color: #22c55e;
}

.OrmeaVkM p:last-child {
	margin: 0.25rem 0 0 0;
	color: #888;
}

.rPRnu_ML {
	display: flex;
	align-items: center;
}

.EpQ6dkwe {
	width: 12px;
	height: 12px;
	background-color: #22c55e;
	border-radius: 50%;
	animation: yoBXOK4g 2s ease-in-out infinite;
}

@keyframes yoBXOK4g {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

.D3ZMnwui {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.eaM2norZ {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}

.oo03G00a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.875rem 1rem;
	color: var(--white);
}

.oo03G00a i {
	color: #666;
	font-size: 14px;
}

.TdND6X4t {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.lnWxzGsK {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background-color: var(--sub-bg-dark);
	border-radius: 8px;
	color: var(--white);
}

.lnWxzGsK i {
	color: #22c55e;
	font-size: 14px;
}

.jkp9JNRf {
	padding: 1rem;
	background-color: rgba(239, 68, 68, 0.08);
	border: 1px solid rgba(239, 68, 68, 0.2);
	border-radius: 12px;
	margin-top: 0.5rem;
}

.jkp9JNRf h4 {
	margin: 0 0 0.5rem 0;
	color: #ef4444;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.jkp9JNRf h4 i {
	font-size: 14px;
}

.jkp9JNRf > p {
	margin: 0 0 1rem 0;
	color: #888;
}

.DpeyNabb {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	background-color: #ef4444;
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
}

.DpeyNabb:hover {
	background-color: #dc2626;
}

/* Venue grid inside manage modal */
.p8AspdOP {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-height: 180px;
	overflow-y: auto;
	padding-right: 0.25rem;
}

.pirSSK90 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	margin-top: 0.5rem;
	background-color: transparent;
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: #888;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	width: -webkit-fit-content;
	width: fit-content;
}

.pirSSK90:hover {
	border-color: #006aff;
	color: #006aff;
}

.r9TxA0CG {
	padding: 0.75rem 1.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.r9TxA0CG:hover {
	background-color: #2d2f39;
}

/* -----------------------------------------------------
	Disconnect Modal
------------------------------------------------------ */

.RECnbdWS {
	max-width: 420px;
	text-align: center;
	padding: 2rem;
}

.XV08CNmX {
	width: 64px;
	height: 64px;
	background-color: rgba(239, 68, 68, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}

.XV08CNmX i {
	font-size: 28px;
	color: #ef4444;
}

.RECnbdWS h3 {
	margin: 0 0 0.75rem 0;
	color: var(--white);
}

.RECnbdWS > p {
	margin: 0 0 1rem 0;
	color: #888;
	line-height: 1.5;
}

.GACmJuqy {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	background-color: rgba(245, 158, 11, 0.1);
	border-radius: 8px;
	margin-bottom: 1.5rem;
}

.GACmJuqy i {
	color: #f59e0b;
	font-size: 14px;
}

.GACmJuqy span {
	color: #f59e0b;
}

.EEPBDloB {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.W8fOppbv {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background-color: #ef4444;
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.W8fOppbv:hover:not(:disabled) {
	background-color: #dc2626;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.wRzcHK3C {
	opacity: 0.4;
	cursor: not-allowed;
}

.wRzcHK3C:hover {
	background-color: #ef4444;
	transform: none;
	box-shadow: none;
}

/* GuestLine Disconnect Modal */
.ojgnXebF {
	text-align: center;
}

.pZj__7Ei {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: left;
	margin-bottom: 1.5rem;
}

.pZj__7Ei label {
	color: #888;
	margin: 0;
}

.pZj__7Ei label strong {
	color: var(--white);
}

.R7piidYb {
	width: 100%;
	padding: 0.75rem 1rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-family: inherit;
	letter-spacing: 1px;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.2s ease;
}

.R7piidYb::placeholder {
	color: #444;
	letter-spacing: 1px;
}

.R7piidYb:focus {
	border-color: #ef4444;
}

/* -----------------------------------------------------
	Location Mapping Banner
------------------------------------------------------ */

.ljuzi_a0 {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	padding: 1.25rem 1.5rem;
	background: linear-gradient(135deg, rgba(0, 106, 255, 0.12) 0%, rgba(0, 191, 255, 0.08) 100%);
	border: 1px solid rgba(0, 106, 255, 0.25);
	border-left: 4px solid #006aff;
	border-radius: 12px;
}

.tBMR7AhN {
	width: 44px;
	height: 44px;
	background: linear-gradient(135deg, rgba(0, 106, 255, 0.25) 0%, rgba(0, 191, 255, 0.15) 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.tBMR7AhN i {
	color: #4da6ff;
	font-size: 20px;
}

.DZf3WpqN {
	margin: 0 0 0.375rem 0;
	color: var(--white);
	font-size: 15px;
	font-weight: 600;
}

.OCjdcOtj {
	margin: 0;
	color: #aaa;
	font-size: 12px;
	line-height: 1.6;
}

/* -----------------------------------------------------
	Location Mapping Display (Connection Card)
------------------------------------------------------ */

.TJHVdMGk {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.TJHVdMGk label {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}

.S7_VvxpG {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--bg-dark);
	border-radius: 8px;
	font-size: 12px;
}

.S7_VvxpG i {
	font-size: 10px;
	color: #666;
}

.e0sgC4Aj {
	color: var(--white);
	font-weight: 500;
}

.Zj85X0PV {
	color: #555;
}

.USTJMfez {
	color: #4da6ff;
}

/* -----------------------------------------------------
	Loading State
------------------------------------------------------ */

.sIkqogJe {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem;
	gap: 1rem;
}

.LnV3vCUq {
	width: 40px;
	height: 40px;
	border: 3px solid #2d2f39;
	border-top-color: var(--accent-1);
	border-radius: 50%;
	animation: k3h8haFY 1s linear infinite;
}

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

/* -----------------------------------------------------
	Animations
------------------------------------------------------ */

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

/* -----------------------------------------------------
	Responsive Design
------------------------------------------------------ */

@media (max-width: 1200px) {
	.vSyUeILh {
		grid-template-columns: 1fr;
	}

	.ieAINUdI {
		height: auto;
		max-height: 400px;
	}
}

@media (max-width: 768px) {
	.DDB3H4JZ {
		padding: 20px 30px;
	}

	.CdDn4Qgs {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.oROKg8N8 {
		width: 100%;
		justify-content: center;
	}

	.Z2gnPsDA {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.eXsZTAss {
		width: 100%;
		justify-content: flex-end;
	}

	.u6RF32fV {
		flex-direction: column;
	}

	.MA8POYxL {
		width: 100%;
		justify-content: center;
	}

	.Z7s_wZLn {
		font-size: 13px;
		padding: 0.75rem 1rem;
	}

	.RVe1HC54 {
		display: none;
	}
}

@media (max-width: 480px) {
	.un9u14WV {
		margin: 1rem;
		max-height: calc(100vh - 2rem);
	}

	.EEPBDloB {
		flex-direction: column;
	}

	.EEPBDloB button {
		width: 100%;
	}
}
.LEiF6RyP {
	font-weight: 600;
}

.hYd0IMDb {
	font-size: 12px;
}

.p39WQf45 {
	font-size: 14px;
}

.KzL7e2sf {
	font-size: 17px;
}

.KrD3VOC0 {
	font-size: 22px;
}

/* Layout */
.tpv9UFCb {
	position: relative;
}

.JVPKGWIU {
	height: 100vh;
	width: 100%;
	display: flex;
	overflow: hidden;
	background-color: var(--bg-dark);
	box-sizing: border-box;
	color: var(--white);
}

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

.cyEW6pkw {
	opacity: 0;
	animation: mwyM2L37 200ms ease-out forwards;
}

.lWNYUZvj {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 40px 60px;
	row-gap: 2.5rem;
	box-sizing: border-box;
	overflow-y: scroll;
}

.S6Df31MC {
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
}

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

.dG1KJXDN h3 {
	margin: 0 0 0.25rem 0;
}

.dG1KJXDN p {
	margin: 0;
	opacity: 0.7;
}

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

.sJtTX2Pq {
	width: 350px;
	box-sizing: border-box;
	border-radius: 50px;
	display: flex;
	align-items: center;
	position: relative;
	column-gap: 1rem;
	color: var(--bg-dark);
	background-color: var(--white);
}

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

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

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

.zzIYrpMO {
	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;
}

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

.dSvxg6sI {
	height: 100%;
	aspect-ratio: 1;
	border-radius: 100%;
	background-color: var(--white);
	border: 1px solid var(--white);
}

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

/* Stats */
.tiAtDAhr {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	gap: 1rem;
}

.RvnVjjCO {
	background-color: var(--sub-bg-dark);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	border: 1px solid #2d2f39;
}

.dSxj9Cer {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

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

.AmXuiP9v p {
	margin: 0;
}

.AmXuiP9v p:first-child {
	color: #666;
}

.AmXuiP9v p:last-child {
	color: var(--white);
}

/* Type colours */
.B8k1_GxM {
	background-color: rgba(99, 102, 241, 0.15);
	color: #6366f1;
}

.SQ4DBad1 {
	background-color: rgba(236, 72, 153, 0.15);
	color: #ec4899;
}

.p4bEyyEH {
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
}

/* Status colours */
.B6vedeXi {
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
}

.zn4F8mCj {
	background-color: rgba(34, 197, 94, 0.15);
	color: #22c55e;
}

.mg5vlMgY {
	background-color: rgba(239, 68, 68, 0.15);
	color: #ef4444;
}

/* Widget */
.xeZeFDKZ {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}

.rgNFal2z {
	flex: 1 1;
	background-color: var(--sub-bg-dark);
	border-radius: 15px;
	border: 1px solid #2d2f39;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-height: 0;
}

.OH8pxwFD {
	padding: 1.25rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #2d2f39;
	flex-wrap: wrap;
	gap: 1rem;
}

.Je2yIkuQ {
	display: flex;
	gap: 0.5rem;
}

.VTOFiaiQ {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.7rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 6px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 12px;
}

.VTOFiaiQ i {
	font-size: 11px;
}

.VTOFiaiQ span {
	font-size: 12px;
	font-weight: 500;
}

.VTOFiaiQ:hover {
	background-color: rgba(255, 255, 255, 0.05);
	color: var(--white);
}

.LIYYwgvn {
	background-color: var(--accent-1) !important;
	border-color: var(--accent-1) !important;
	color: var(--white) !important;
}

.LIYYwgvn i {
	color: var(--white) !important;
}

.VmzMsS8p {
	font-size: 10px;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 0.1rem 0.4rem;
	border-radius: 8px;
}

._7i4BDx_Q {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.EVPLNlOj {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	padding: 0.5rem 1rem;
	min-width: 220px;
}

.EVPLNlOj i {
	color: #666;
	font-size: 14px;
}

.EVPLNlOj input {
	background: none;
	border: none;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
}

.EVPLNlOj input::placeholder {
	color: #666;
}

.zVPYcBZM {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1.25rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.zVPYcBZM:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.zVPYcBZM i {
	font-size: 12px;
}

/* Widget Content */
.t4GFifNb {
	flex: 1 1;
	overflow-y: auto;
	min-height: 0;
}

/* Request Cards */
.UqWA3osp {
	display: flex;
	flex-direction: column;
}

.bzQm0oNW {
	display: grid;
	grid-template-columns: 85px 1fr 70px 85px 1fr 1fr 90px 80px;
	align-items: center;
	grid-gap: 1rem;
	gap: 1rem;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid rgba(45, 47, 57, 0.5);
	transition: background-color 0.15s ease;
	cursor: pointer;
}

.bzQm0oNW:hover {
	background-color: rgba(255, 255, 255, 0.02);
}

.KtPG2s6a {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

._LihktuN {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.xk8REfPb {
	margin: 0;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.YOXeQCS8 {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	background-color: rgba(99, 102, 241, 0.15);
	color: #6366f1;
	font-size: 9px;
	font-weight: 600;
	padding: 0.1rem 0.4rem;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	flex-shrink: 0;
}

.lM66MQRC {
	margin: 0;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dExM4Ljm {
	cursor: pointer;
	transition: color 0.15s ease;
}

.dExM4Ljm:hover {
	color: var(--white);
	text-decoration: underline;
}

.ll9ZarTr {
	color: #E1306C;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.ll9ZarTr:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.JqMv0yqi {
	margin: 0;
	color: #888;
	text-align: center;
}

.azZynFAw {
	margin: 0;
	color: #888;
}

.I1m5xDKp {
	margin: 0;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.iobS9SVZ {
	margin: 0;
	color: #60a5fa;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 11px;
}

.pQyOvFKE {
	display: inline-flex;
	align-items: center;
	background-color: rgba(245, 158, 11, 0.15);
	color: #f59e0b;
	font-size: 10px;
	font-weight: 600;
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
	/*margin-left: 0.5rem;*/
}

.rG9X0eaa {
	padding: 0.3rem 0.75rem;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
	text-transform: capitalize;
	text-align: center;
	width: -webkit-fit-content;
	width: fit-content;
}

.xocb_T2z {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
}

.FSouANwD {
	width: 30px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 6px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	transition: all 0.2s ease;
}

.FSouANwD:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.WpwA6_QZ:hover {
	background-color: rgba(34, 197, 94, 0.15);
	color: #22c55e;
}

.zDGNFGLh:hover {
	background-color: rgba(239, 68, 68, 0.15);
	color: #ef4444;
}

.hp29YxfT:hover {
	background-color: rgba(239, 68, 68, 0.15);
	color: #ef4444;
}

/* List Header */
.evwerp3s {
	display: grid;
	grid-template-columns: 85px 1fr 70px 85px 1fr 1fr 90px 80px;
	align-items: center;
	grid-gap: 1rem;
	gap: 1rem;
	padding: 0.75rem 1.5rem;
	border-bottom: 1px solid #2d2f39;
	color: #666;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: var(--sub-bg-dark);
	z-index: 1;
}

.evwerp3s p {
	margin: 0;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.dVhDLmis {
	text-align: center;
}

.SoOCciSr {
	text-align: right;
}

/* Empty State */
._wssKXBx {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 2rem;
	text-align: center;
}

.bJ8KPrTB {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, rgba(0, 191, 255, 0.1) 0%, rgba(0, 191, 255, 0.05) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.bJ8KPrTB i {
	font-size: 32px;
	color: #00bfff;
}

._wssKXBx h3 {
	margin: 0 0 0.5rem 0;
	color: var(--white);
}

._wssKXBx p {
	margin: 0 0 1.5rem 0;
	color: #888;
}

.jCCLY71C {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.jCCLY71C:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

/* Loading */
.LTeAisrf {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem;
	gap: 1rem;
}

.WyU2SDsg {
	width: 40px;
	height: 40px;
	border: 3px solid #2d2f39;
	border-top-color: var(--accent-1);
	border-radius: 50%;
	animation: j16I6IPf 1s linear infinite;
}

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

/* Modal */
.OLLmC5Dt {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 2rem;
}

.n4LJP9VO {
	background-color: var(--bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 16px;
	width: 100%;
	max-width: 540px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: DvHu3rXK 0.2s ease-out;
}

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

.znodUrMu {
	padding: 1.5rem;
	border-bottom: 1px solid #2d2f39;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.znodUrMu h3 {
	margin: 0;
	color: var(--white);
}

.D7bGkT20 {
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.2s ease;
}

.D7bGkT20:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.A2jIR11L {
	padding: 1.5rem;
	overflow-y: auto;
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.mFC_jZ4i {
	padding: 1.5rem;
	border-top: 1px solid #2d2f39;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
}

/* Form */
.flITnkG8 {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.t3rj8Ohb {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
}

.WC5pVqP1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	gap: 1rem;
}

.Fuu3Q7_o {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	transition: border-color 0.2s ease;
}

.Fuu3Q7_o:focus-within {
	border-color: var(--accent-1);
}

.Fuu3Q7_o i {
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.Fuu3Q7_o input, .Fuu3Q7_o textarea {
	background: none;
	border: none;
	color: var(--white);
	font-size: 14px;
	width: 100%;
	outline: none;
	font-family: inherit;
	resize: none;
}

.Fuu3Q7_o input::placeholder, .Fuu3Q7_o textarea::placeholder {
	color: #555;
}

/* Type Selector */
.pMCr80ks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0.75rem;
	gap: 0.75rem;
}

.UdFuN0i2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 10px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s ease;
}

.UdFuN0i2:hover {
	border-color: #3d3f49;
}

.sBxOBrui {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.Blwvc8Ij {
	border-color: var(--accent-1);
	color: var(--white);
}

/* Event select for invite */
.H8HS9vE0 {
	max-height: 200px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.H8HS9vE0::-webkit-scrollbar {
	width: 6px;
}

.H8HS9vE0::-webkit-scrollbar-track {
	background: var(--sub-bg-dark);
	border-radius: 3px;
}

.H8HS9vE0::-webkit-scrollbar-thumb {
	background: #3d3f49;
	border-radius: 3px;
}

.Xb34leu6 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
	text-align: left;
}

.Xb34leu6:hover {
	border-color: #3d3f49;
}

.dKtAHSo2 {
	background-color: rgba(0, 191, 255, 0.1);
	border-color: var(--accent-1);
}

.bK_MINvO {
	width: 20px;
	height: 20px;
	border: 2px solid #3d3f49;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.dKtAHSo2 .bK_MINvO {
	background-color: var(--accent-1);
	border-color: var(--accent-1);
}

.bK_MINvO i {
	font-size: 10px;
	color: var(--white);
}

.KuzYUDnN {
	flex: 1 1;
	min-width: 0;
}

.KuzYUDnN p {
	margin: 0;
}

.KuzYUDnN p:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.KuzYUDnN p:last-child {
	color: #666;
	margin-top: 0.15rem;
}

/* Tag chips in invite */
.qy3OBKYp {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.IQalAqET {
	padding: 0.35rem 0.85rem;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	border: 1px solid #2d2f39;
	transition: all 0.2s ease;
}

.IQalAqET:hover {
	border-color: #3d3f49;
}

.ooZGNaoP {
	border-color: currentColor;
	filter: brightness(1.15);
}

/* Buttons */
.IcjJMbJm {
	padding: 0.75rem 1.5rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.IcjJMbJm:hover {
	background-color: #2d2f39;
}

.q45uOzeZ {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, var(--accent-1) 0%, #0099cc 100%);
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.q45uOzeZ:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 191, 255, 0.3);
}

.q45uOzeZ:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Delete Modal */
.BhoYoH0N {
	max-width: 400px;
	text-align: center;
	padding: 2rem;
}

.Mj7gyRuP {
	width: 64px;
	height: 64px;
	background-color: rgba(239, 68, 68, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}

.Mj7gyRuP i {
	font-size: 28px;
	color: #ef4444;
}

.BhoYoH0N h3 {
	margin: 0 0 0.75rem 0;
	color: var(--white);
}

.BhoYoH0N p {
	margin: 0 0 1.5rem 0;
	color: #888;
	line-height: 1.5;
}

.lBCgS1cd {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.IuKQW98m {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background-color: #ef4444;
	border: none;
	border-radius: 8px;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.IuKQW98m:hover {
	background-color: #dc2626;
}

/* Detail Modal */
.LvidnRtH {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #2d2f39;
}

.yUkQwTeq {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}

/* Instagram Avatar */
.YptQre00 {
	position: relative;
	flex-shrink: 0;
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: transform 0.15s ease;
}

.YptQre00:hover {
	transform: scale(1.08);
}

.QajWczMO {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #E1306C;
}

.IC2RrKdF {
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: linear-gradient(135deg, #833AB4, #E1306C, #F77737);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--bg-dark);
}

.IC2RrKdF i {
	font-size: 9px;
	color: #fff;
}

/* Verified badge */
.GTTnswt1 {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background-color: rgba(59, 130, 246, 0.15);
	color: #3b82f6;
	font-size: 10px;
	font-weight: 600;
	padding: 0.15rem 0.5rem;
	border-radius: 12px;
}

.GTTnswt1 i {
	font-size: 9px;
}

.fAACtPar {
	color: #3b82f6;
	margin-left: 0.35rem;
	font-size: 14px;
}

/* Follower count badge */
.EBWa1H0Q {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background: linear-gradient(135deg, rgba(131, 58, 180, 0.15), rgba(225, 48, 108, 0.15));
	color: #E1306C;
	font-size: 10px;
	font-weight: 600;
	padding: 0.15rem 0.5rem;
	border-radius: 12px;
}

.EBWa1H0Q i {
	font-size: 8px;
}

/* Expanded Instagram overlay */
.rr9pTq3s {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1100;
	animation: mwyM2L37 0.15s ease-out;
}

.lzrvSkb_ {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	padding: 2rem;
	background-color: var(--sub-bg-dark);
	border: 1px solid #2d2f39;
	border-radius: 20px;
	min-width: 260px;
	animation: DvHu3rXK 0.2s ease-out;
}

.onKCNwd4 {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 30px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 8px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: all 0.15s ease;
}

.onKCNwd4:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white);
}

.j8OML68J {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #E1306C;
	box-shadow: 0 0 30px rgba(225, 48, 108, 0.25);
}

.lY1PDaWZ {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.lY1PDaWZ p {
	margin: 0;
	color: var(--white);
}

.UXdpcol5 {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	color: #ccc !important;
	font-size: 14px;
}

.UXdpcol5 i {
	font-size: 12px;
	color: #E1306C;
}

.tliyH55L {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 1.25rem;
	background: linear-gradient(135deg, #833AB4, #E1306C, #F77737);
	border-radius: 8px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	margin-top: 0.25rem;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.tliyH55L:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(225, 48, 108, 0.35);
}

.YD8UTWry {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-width: 0;
}

.YD8UTWry p {
	margin: 0;
	color: var(--white);
}

.Q3WV3xdR {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.ydR79yxa {
	padding: 0.2rem 0.6rem;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
}

.LlYonby8 {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.k1I8CUCr {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

._xktFGg_ {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.6rem 0.85rem;
	background-color: var(--sub-bg-dark);
	border-radius: 8px;
	border: 1px solid #2d2f39;
}

._xktFGg_ i {
	color: #666;
	font-size: 13px;
	width: 16px;
	text-align: center;
	flex-shrink: 0;
}

._xktFGg_ span,
._xktFGg_ a {
	font-size: 14px;
	color: var(--white);
}

.lWetj28P {
	padding: 0.75rem 1rem;
	background-color: var(--sub-bg-dark);
	border-radius: 8px;
	border: 1px solid #2d2f39;
}

.lWetj28P p {
	margin: 0;
	color: #ccc;
	line-height: 1.5;
}

.dYWejKqW {
	margin: 0;
	color: #666;
}

.QOPgov3j {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #ef4444 !important;
	border-color: rgba(239, 68, 68, 0.3) !important;
}

.QOPgov3j:hover {
	background-color: rgba(239, 68, 68, 0.1) !important;
}

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

@media (max-width: 1200px) {
	.tiAtDAhr {
		grid-template-columns: repeat(2, 1fr);
	}
	.bzQm0oNW {
		grid-template-columns: 85px 1fr 70px 1fr 1fr 90px 80px;
	}
	.evwerp3s {
		grid-template-columns: 85px 1fr 70px 1fr 1fr 90px 80px;
	}
	.azZynFAw {
		display: none;
	}
}

@media (max-width: 768px) {
	.lWNYUZvj {
		padding: 20px 30px;
	}
	.tiAtDAhr {
		grid-template-columns: 1fr;
	}
	.OH8pxwFD {
		flex-direction: column;
		align-items: stretch;
	}
	.Je2yIkuQ {
		justify-content: center;
		flex-wrap: wrap;
	}
	._7i4BDx_Q {
		flex-direction: column;
	}
	.EVPLNlOj {
		min-width: 100%;
	}
	.zVPYcBZM {
		width: 100%;
		justify-content: center;
	}
	.ftX0nJQu {
		display: none;
	}
	.WC5pVqP1 {
		grid-template-columns: 1fr;
	}
}

.DWAFH4Sv {
	color: #f59e0b;
	font-weight: 500;
}

/* Service badge in table row */
.rG5d4leM {
	padding: 0.25rem 0.6rem;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

/* Service box in detail modal */
.OMQVUQ2W {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.75rem 1rem;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
}

.OMQVUQ2W i {
	font-size: 14px;
}

.OMQVUQ2W span {
	font-size: 14px;
}

.f_whymOr {
	margin-left: auto;
	font-size: 12px !important;
	font-weight: 500 !important;
	opacity: 0.8;
}


/* -----------------------------------------------------
	Split Layout
------------------------------------------------------ */

.N7dJr5Mz {
	height: 100vh;
	width: 100%;
	display: grid;
	grid-template-columns: 44% 1fr;
	overflow: hidden;
	background-color: var(--bg-dark);
}

/* -----------------------------------------------------
	Left — Form Side
------------------------------------------------------ */

.QcIb6sDf {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 4.5rem;
	z-index: 1;
}

.FHuyJ1ix {
	width: 100%;
	max-width: 85%;
	display: flex;
	flex-direction: column;
}

.vS8dCx5q {
	width: 140px;
	margin-bottom: 3.5rem;
	opacity: 0;
	animation: SBa95Xgy 0.6s ease forwards 0.1s;
}

.dNLQIPvH {
	font-size: 34px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.2;
	margin-bottom: 0.5rem;
	opacity: 0;
	animation: SBa95Xgy 0.6s ease forwards 0.15s;
}

.dNLQIPvH span {
	color: var(--accent-1);
}

.OAUAl5Vd {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	margin-bottom: 2.75rem;
	opacity: 0;
	animation: SBa95Xgy 0.6s ease forwards 0.2s;
}

/* -----------------------------------------------------
	Form
------------------------------------------------------ */

.U0iZxtfj {
	display: flex;
	flex-direction: column;
	opacity: 0;
	animation: SBa95Xgy 0.6s ease forwards 0.25s;
}

.o36Jyz2E {
	margin-bottom: 1.35rem;
}

.h8VmYkXS {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 0.5rem;
}

.lIqoQ9US {
	width: 100%;
	height: 56px;
	padding: 0 1.15rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	column-gap: 0.8rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lIqoQ9US:focus-within {
	border-color: var(--accent-1);
	box-shadow: 0 0 0 3px rgba(13, 122, 199, 0.12);
}

.lIqoQ9US i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 15px;
	flex-shrink: 0;
	width: 16px;
	text-align: center;
	transition: color 0.2s ease;
}

.lIqoQ9US:focus-within i {
	color: var(--accent-1);
}

.lIqoQ9US input {
	flex: 1 1;
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 15px;
	font-family: var(--font-family);
	padding: 0;
}

.lIqoQ9US input::placeholder {
	color: rgba(255, 255, 255, 0.18);
}

.vD5u6phU {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: var(--accent-1);
	border: none;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: filter 0.2s ease, transform 0.1s ease;
}

.vD5u6phU:hover {
	filter: brightness(1.12);
}

.vD5u6phU:active {
	transform: scale(0.98);
}

.vD5u6phU p {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.vD5u6phU:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	filter: none;
	transform: none;
}

.RgDJMVZg {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.w0BHK09h {
	height: 22px;
}

/* -----------------------------------------------------
	Back to Login Link
------------------------------------------------------ */

.I7wrDoK3 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
	gap: 0.25rem;
	opacity: 0;
	animation: SBa95Xgy 0.6s ease forwards 0.3s;
}

.I7wrDoK3 p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.3);
}

.I7wrDoK3 button {
	background: none;
	border: none;
	color: var(--accent-1);
	font-size: 13px;
	font-family: var(--font-family);
	cursor: pointer;
	transition: color 0.2s ease;
}

.I7wrDoK3 button:hover {
	color: var(--white);
}

/* -----------------------------------------------------
	Success State
------------------------------------------------------ */

.YNCagwun {
	opacity: 0;
	animation: SBa95Xgy 0.6s ease forwards 0.25s;
}

.ifkOzlkd {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: rgba(60, 162, 89, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.ifkOzlkd i {
	color: var(--success-green);
	font-size: 22px;
}

.TSUy9aTn {
	font-size: 24px;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 0.5rem;
}

.wvxtCck3 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin-bottom: 2rem;
}

/* -----------------------------------------------------
	Right — Visual Panel
------------------------------------------------------ */

.uYaq0Y1t {
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: var(--sub-bg-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem;
	overflow: hidden;
}

.uYaq0Y1t::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(13, 122, 199, 0.08) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 80%, rgba(60, 162, 89, 0.04) 0%, transparent 50%);
	pointer-events: none;
}

.oDGaE0Pj {
	position: relative;
	z-index: 1;
	opacity: 0;
	animation: H6_I69NO 0.8s ease forwards 0.5s;
}

.KZfrPbZl {
	font-size: 28px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.25;
	margin-bottom: 0.75rem;
}

.KZfrPbZl span {
	color: var(--accent-1);
}

.Y69Lyf_7 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin-bottom: 2.5rem;
	max-width: 400px;
}

.dRlgmWdr {
	position: relative;
	margin-bottom: 2.5rem;
	opacity: 0;
	animation: dSF6i48g 0.8s ease forwards 0.7s;
}

.gXNUVqHu {
	width: 100%;
	border-radius: 16px;
	display: block;
	box-shadow:
		0 20px 60px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.06);
}

.ur3pYYYu {
	position: absolute;
	inset: 0;
	border-radius: 16px;
	pointer-events: none;
	background:
		linear-gradient(180deg, transparent 60%, rgba(22, 24, 36, 0.5) 100%);
}

.HVIr88Eu {
	display: flex;
	gap: 1.5rem;
	opacity: 0;
	animation: H6_I69NO 0.8s ease forwards 0.9s;
}

.LzQYSOOC {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.yHOptMxk {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 13px;
}

.PxK0nF4k {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.Hl_g4o9y {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.poIMhu76 {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.EDkQzUIQ {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.55);
}

/* -----------------------------------------------------
	Error Banner
------------------------------------------------------ */

.JUyLg2c5 {
	position: fixed;
	top: 1.25rem;
	left: 22%;
	transform: translateX(-50%);
	background: rgba(255, 60, 60, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 0.6rem 1.5rem;
	border-radius: 8px;
	animation: yr2GoLWG 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 10;
}

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

/* -----------------------------------------------------
	Animations
------------------------------------------------------ */

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

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

@keyframes dSF6i48g {
	from { opacity: 0; transform: translateY(25px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

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

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

@media (max-width: 1024px) {
	.N7dJr5Mz {
		grid-template-columns: 50% 1fr;
	}

	.QcIb6sDf {
		padding: 3rem 3rem;
	}

	.uYaq0Y1t {
		padding: 3rem;
	}

	.HVIr88Eu {
		gap: 1rem;
	}
}

@media (max-width: 768px) {
	.N7dJr5Mz {
		grid-template-columns: 1fr;
	}

	.uYaq0Y1t {
		display: none;
	}

	.QcIb6sDf {
		padding: 3rem 2rem;
	}
}

@media (max-width: 480px) {
	.QcIb6sDf {
		padding: 2rem 1.5rem;
	}

	.dNLQIPvH {
		font-size: 28px;
	}

	.vS8dCx5q {
		width: 95px;
		margin-bottom: 2.5rem;
	}
}

/* -----------------------------------------------------
	Split Layout
------------------------------------------------------ */

.FSGXnKNU {
	height: 100vh;
	width: 100%;
	display: grid;
	grid-template-columns: 44% 1fr;
	overflow: hidden;
	background-color: var(--bg-dark);
}

/* -----------------------------------------------------
	Left — Form Side
------------------------------------------------------ */

.vmx85cGe {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 4.5rem;
	z-index: 1;
}

.WHBX45QF {
	width: 100%;
	max-width: 85%;
	display: flex;
	flex-direction: column;
}

.CMdqDStG {
	width: 140px;
	margin-bottom: 3.5rem;
	opacity: 0;
	animation: E1Hd81AC 0.6s ease forwards 0.1s;
}

.MB5jbOSP {
	font-size: 34px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.2;
	margin-bottom: 0.5rem;
	opacity: 0;
	animation: E1Hd81AC 0.6s ease forwards 0.15s;
}

.MB5jbOSP span {
	color: var(--accent-1);
}

.uMJ96uQs {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	margin-bottom: 2.75rem;
	opacity: 0;
	animation: E1Hd81AC 0.6s ease forwards 0.2s;
}

/* -----------------------------------------------------
	Form
------------------------------------------------------ */

.sK3EaQni {
	display: flex;
	flex-direction: column;
	opacity: 0;
	animation: E1Hd81AC 0.6s ease forwards 0.25s;
}

.y5tyF4CH {
	margin-bottom: 1.35rem;
}

.Z2RnYrfc {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 0.5rem;
}

.FZQIk62H {
	width: 100%;
	height: 56px;
	padding: 0 1.15rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	column-gap: 0.8rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.FZQIk62H:focus-within {
	border-color: var(--accent-1);
	box-shadow: 0 0 0 3px rgba(13, 122, 199, 0.12);
}

.FZQIk62H i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 15px;
	flex-shrink: 0;
	width: 16px;
	text-align: center;
	transition: color 0.2s ease;
}

.FZQIk62H:focus-within i {
	color: var(--accent-1);
}

.FZQIk62H input {
	flex: 1 1;
	background: none;
	border: none;
	outline: none;
	color: var(--white);
	font-size: 15px;
	font-family: var(--font-family);
	padding: 0;
}

.FZQIk62H input::placeholder {
	color: rgba(255, 255, 255, 0.18);
}

.dfamFEKp {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dfamFEKp i {
	color: rgba(255, 255, 255, 0.22);
	font-size: 14px;
	transition: color 0.2s ease;
}

.dfamFEKp:hover i {
	color: rgba(255, 255, 255, 0.45);
}

.Aj9SbOo_ {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: var(--accent-1);
	border: none;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: filter 0.2s ease, transform 0.1s ease;
}

.Aj9SbOo_:hover {
	filter: brightness(1.12);
}

.Aj9SbOo_:active {
	transform: scale(0.98);
}

.Aj9SbOo_ p {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.Aj9SbOo_:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	filter: none;
	transform: none;
}

.b5kIg4Du {
	width: 100%;
	height: 54px;
	margin-top: 2rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.RJt2WCG8 {
	height: 22px;
}

/* -----------------------------------------------------
	Back to Login Link
------------------------------------------------------ */

.N6xnCrOs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
	gap: 0.25rem;
	opacity: 0;
	animation: E1Hd81AC 0.6s ease forwards 0.3s;
}

.N6xnCrOs p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.3);
}

.N6xnCrOs button {
	background: none;
	border: none;
	color: var(--accent-1);
	font-size: 13px;
	font-family: var(--font-family);
	cursor: pointer;
	transition: color 0.2s ease;
}

.N6xnCrOs button:hover {
	color: var(--white);
}

/* -----------------------------------------------------
	Success State
------------------------------------------------------ */

.RDHVvRVM {
	opacity: 0;
	animation: E1Hd81AC 0.6s ease forwards 0.25s;
}

.KrZKG2eY {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: rgba(60, 162, 89, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.KrZKG2eY i {
	color: var(--success-green);
	font-size: 22px;
}

.Vq7r2xwT {
	font-size: 24px;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 0.5rem;
}

.KNRleBEp {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin-bottom: 2rem;
}

/* -----------------------------------------------------
	Right — Visual Panel
------------------------------------------------------ */

.XRr8y91V {
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: var(--sub-bg-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem;
	overflow: hidden;
}

.XRr8y91V::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(13, 122, 199, 0.08) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 80%, rgba(60, 162, 89, 0.04) 0%, transparent 50%);
	pointer-events: none;
}

.pSdjFDnw {
	position: relative;
	z-index: 1;
	opacity: 0;
	animation: amdpdB3g 0.8s ease forwards 0.5s;
}

.lQoWU0Cq {
	font-size: 28px;
	font-weight: 700;
	color: var(--white);
	line-height: 1.25;
	margin-bottom: 0.75rem;
}

.lQoWU0Cq span {
	color: var(--accent-1);
}

.FSFTFoHh {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.6;
	margin-bottom: 2.5rem;
	max-width: 400px;
}

.KbbFhdm9 {
	position: relative;
	margin-bottom: 2.5rem;
	opacity: 0;
	animation: QUuIWBnH 0.8s ease forwards 0.7s;
}

.VHu5IgzP {
	width: 100%;
	border-radius: 16px;
	display: block;
	box-shadow:
		0 20px 60px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.06);
}

.igdPti6v {
	position: absolute;
	inset: 0;
	border-radius: 16px;
	pointer-events: none;
	background:
		linear-gradient(180deg, transparent 60%, rgba(22, 24, 36, 0.5) 100%);
}

.zNxjuuZZ {
	display: flex;
	gap: 1.5rem;
	opacity: 0;
	animation: amdpdB3g 0.8s ease forwards 0.9s;
}

.sUUvDKRl {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.a3oPMeys {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 13px;
}

.VxMj3FGy {
	background: rgba(13, 122, 199, 0.12);
	color: var(--accent-1);
}

.MV7NmiHu {
	background: rgba(60, 162, 89, 0.12);
	color: var(--success-green);
}

.Z3vUiAwa {
	background: rgba(167, 139, 250, 0.12);
	color: #a78bfa;
}

.hYhhBZK0 {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.55);
}

/* -----------------------------------------------------
	Error Banner
------------------------------------------------------ */

.wlRL7qg8 {
	position: fixed;
	top: 1.25rem;
	left: 22%;
	transform: translateX(-50%);
	background: rgba(255, 60, 60, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 0.6rem 1.5rem;
	border-radius: 8px;
	animation: AYnMLTp1 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 10;
}

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

/* -----------------------------------------------------
	Animations
------------------------------------------------------ */

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

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

@keyframes QUuIWBnH {
	from { opacity: 0; transform: translateY(25px) scale(0.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

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

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

@media (max-width: 1024px) {
	.FSGXnKNU {
		grid-template-columns: 50% 1fr;
	}

	.vmx85cGe {
		padding: 3rem 3rem;
	}

	.XRr8y91V {
		padding: 3rem;
	}

	.zNxjuuZZ {
		gap: 1rem;
	}
}

@media (max-width: 768px) {
	.FSGXnKNU {
		grid-template-columns: 1fr;
	}

	.XRr8y91V {
		display: none;
	}

	.vmx85cGe {
		padding: 3rem 2rem;
	}
}

@media (max-width: 480px) {
	.vmx85cGe {
		padding: 2rem 1.5rem;
	}

	.MB5jbOSP {
		font-size: 28px;
	}

	.CMdqDStG {
		width: 95px;
		margin-bottom: 2.5rem;
	}
}