.gpot-tabs{

display:flex;
flex-wrap:wrap;
gap:10px;
margin:20px 0;

}

.gpot-tabs{

    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:20px 0;

}

.gpot-tabs a{

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

    padding:12px 22px;

    background:#d4a017;
    color:#111;

    border-radius:30px;
    text-decoration:none;
    font-weight:700;

    transition:.25s;

}

.gpot-tabs a:hover{

    background:#e9b826;

}

.gpot-tabs a.active{

    background:#091b3a;
    color:#fff;

}

.gpot-tab{

display:none;

}

.gpot-tab.active{

display:block;

}

.gpot-coming{

padding:80px;

text-align:center;

font-size:26px;

font-weight:700;

color:#666;

}

.gpot-events-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(340px,1fr));

gap:30px;

margin-top:30px;

}

.gpot-card{

background:#091b3a;

border:2px solid #d4a017;

border-radius:22px;

padding:28px;

box-shadow:0 20px 40px rgba(0,0,0,.25);

}

.gpot-card-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.gpot-card-header h2{

margin:0;

color:#fff;

font-size:30px;

}

.gpot-status{

background:#16a34a;

color:#fff;

padding:6px 16px;

border-radius:20px;

font-weight:700;

}

.gpot-card-body{

color:#fff;

line-height:2;

font-size:17px;

}

.gpot-progress{

height:14px;

background:#213554;

border-radius:20px;

margin:25px 0 10px;

overflow:hidden;

}

.gpot-progress-fill{

height:100%;

background:#d4a017;

}

.gpot-progress-text{

color:#ddd;

margin-bottom:20px;

}

.gpot-register-btn{

display:flex;

justify-content:center;

align-items:center;

height:56px;

background:#d4a017;

color:#111;

border-radius:30px;

text-decoration:none;

font-weight:800;

font-size:18px;

transition:.25s;

}

.gpot-register-btn:hover{

background:#ffd54d;

transform:translateY(-2px);

}

.gpot-status.open{

background:#16a34a;

}

.gpot-status.full{

background:#dc2626;

}

.gpot-status.closed{

background:#555;

}

.gpot-stats-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:24px;

margin:35px 0;

}

.gpot-stat-card{

background:#091b3a;

border:2px solid #d4a017;

border-radius:22px;

padding:30px;

text-align:center;

box-shadow:0 15px 30px rgba(0,0,0,.25);

}

.gpot-stat-icon{

font-size:44px;

margin-bottom:15px;

}

.gpot-stat-value{

font-size:34px;

font-weight:800;

color:#ffbf3f;

margin-bottom:10px;

}

.gpot-stat-label{

color:#fff;

font-size:18px;

font-weight:600;

}

/* =====================================
   PAGE HEADERS
===================================== */

.gpot-page-header{
    margin:25px 0 35px;
}

.gpot-page-title{
    display:flex;
    align-items:center;
    gap:18px;

    color:#1f4ea3;
    font-size:58px;
    font-weight:800;
    line-height:1.1;

    margin:0;
}

.gpot-page-title span{
    color:#1f4ea3;
}

.gpot-page-title .icon{
    font-size:52px;
}

.gpot-page-subtitle{
    margin-top:12px;
    color:#555;
    font-size:22px;
}

/* =====================================
   EMPTY PANELS
===================================== */

.gpot-empty{

    background:#091b3a;
    border:2px solid #d4a017;

    border-radius:26px;

    padding:70px 50px;

    text-align:center;

    margin-top:35px;

}

.gpot-empty-icon{

    font-size:42px;
    margin-bottom:15px;

}

.gpot-empty h2{

    color:#ffffff;

    font-size:52px;

    margin:15px 0;

    font-weight:800;

}

.gpot-empty p{

    color:#ffffff;

    font-size:22px;

    margin:12px 0;

}

.gpot-empty .gpot-register-btn{

    margin:40px auto 0;
    max-width:420px;

}

  .gpot-dashboard{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:22px;
    margin-top:30px;
}

.gpot-card{

    background:linear-gradient(180deg,#111827,#0f172a);

    border:1px solid rgba(255,184,0,.35);

    border-radius:20px;

    padding:35px;

    text-align:center;

    box-shadow:
        0 0 25px rgba(255,184,0,.18),
        inset 0 0 12px rgba(255,184,0,.08);

    transition:.25s;

}

.gpot-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 0 35px rgba(255,184,0,.35);

}

.gpot-card h2{

    color:#ffbf3f;

    font-size:54px;

    margin:0;

    font-weight:800;

}

.gpot-card p{

    color:#ffffff;

    font-size:17px;

    margin-top:12px;

    font-weight:600;

}

.gpot-actions{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:35px;

}

.gpot-btn{

    background:linear-gradient(#d8a100,#f4c542);

    color:#111;

    padding:14px 28px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}

.gpot-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 0 18px rgba(255,184,0,.35);

}

.gpot-bottom{

display:grid;

grid-template-columns:1fr 1fr;

gap:25px;

margin-top:40px;

}

.gpot-panel{

background:#111827;

border:1px solid rgba(255,184,0,.35);

border-radius:18px;

padding:25px;

box-shadow:
0 0 20px rgba(255,184,0,.15);

}

.gpot-panel h2{

color:#ffbf3f;

margin-bottom:20px;

}

.gpot-row{

display:flex;

justify-content:space-between;

padding:12px 0;

border-bottom:1px solid rgba(255,255,255,.08);

color:white;

}

.gpot-row:last-child{

border:none;

}

.gpot-live-event{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:35px 0;

    padding:30px;

    background:linear-gradient(180deg,#111827,#0f172a);

    border:1px solid rgba(255,184,0,.35);

    border-radius:22px;

    box-shadow:
        0 0 25px rgba(255,184,0,.15);

}

.gpot-live-label{

    display:inline-block;

    background:#d62828;

    color:white;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:14px;

}

.gpot-live-left h2{

    color:#ffbf3f;

    margin:0;

    font-size:36px;

}

.gpot-live-left p{

    color:#ddd;

    margin-top:12px;

    font-size:18px;

}

.gpot-big-number{

    font-size:60px;

    color:#ffbf3f;

    font-weight:800;

    text-align:center;

}

.gpot-live-right{

    text-align:center;

}

.gpot-live-right small{

    color:#ddd;

    display:block;

    margin-top:-8px;

}

.gpot-spots{

    margin-top:18px;

    color:white;

    font-weight:700;

}

.gpot-progress{

    height:14px;

    background:#2b3444;

    border-radius:30px;

    overflow:hidden;

    margin-top:18px;

}

.gpot-progress-fill{

    height:100%;

    background:linear-gradient(
        90deg,
        #d8a100,
        #ffcf40
    );

}

.gpot-progress-text{

    color:#ddd;

    margin-top:10px;

    font-size:14px;

    text-align:center;

}

.gpot-profile-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(250px,1fr));

gap:24px;

margin:35px 0;

}

.gpot-profile-panel{

background:#091b3a;

border:2px solid #d4a017;

border-radius:22px;

padding:30px;

color:white;

box-shadow:0 15px 30px rgba(0,0,0,.25);

}

.gpot-profile-row{

display:flex;

justify-content:space-between;

padding:14px 0;

border-bottom:1px solid rgba(255,255,255,.08);

}

.gpot-profile-row:last-child{

border-bottom:none;

}