@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--color-bg:#0f0f0f;--color-text:#f2f2f2;--color-accent:#d4af37;--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif}.light-theme{--color-bg:#fff;--color-text:#1a1a1a;--color-accent:#b8860b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;background-color:var(--color-bg);color:#f2f2f2;color:var(--color-text);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.5}h1,h2,h3,h4,h5,h6{--header-height:60px;--bottom-nav-height:60px;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit}.App{display:flex;flex-direction:column;min-height:100vh}.web-app{flex-direction:row}.web-app .main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;width:calc(100% - 260px)}@media (max-width:768px){.web-app .main-content{margin-left:0;width:100%}.mobile-menu-btn{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;display:block!important;font-size:1.2rem;left:15px;padding:8px 12px;position:fixed;top:15px;z-index:998}}.native-app .footer{display:none}.native-app{padding-bottom:80px;padding-top:calc(1.5cm + env(safe-area-inset-top))}.sidebar{background-color:#121212;border-right:1px solid #2a2a2a;box-shadow:4px 0 24px #0006;display:flex;flex-direction:column;font-family:Outfit,sans-serif;height:100vh;left:0;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-brand span:not(:first-child),.sidebar.collapsed .sidebar-logout-btn,.sidebar.collapsed .sidebar-user-details{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .sidebar-brand span{display:inline-block}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.sidebar.collapsed .nav-item{justify-content:center;padding:.85rem 0}.sidebar.collapsed .nav-icon{font-size:1.5rem;margin-right:0}.sidebar.collapsed .user-profile-sidebar{background:#0000;border:none;box-shadow:none;padding:0}.sidebar.collapsed .sidebar-avatar{border:2px solid #333;border-radius:50%!important;height:40px;margin:0;object-fit:cover;width:40px}.desktop-toggle-btn{background:#0000;border:none;color:#666;cursor:pointer;display:none;font-size:1.2rem;transition:color .2s}.desktop-toggle-btn:hover{color:gold}@media (min-width:769px){.desktop-toggle-btn{display:block;margin-left:auto}.sidebar.collapsed .desktop-toggle-btn{margin-left:0}}.sidebar-header{justify-content:flex-start;padding:2rem 1.5rem}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{color:#fff;font-size:1.75rem;font-weight:700;gap:8px;letter-spacing:-.02em;text-decoration:none}.sidebar-brand span{color:gold;text-shadow:0 0 12px #ffd7004d}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem;scrollbar-color:#333 #121212;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#121212}.sidebar-content::-webkit-scrollbar-thumb{background-color:#333;border-radius:20px}.nav-group-title{color:#666;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem;margin-top:2rem;padding:0 1rem;text-transform:uppercase}.nav-group-title:first-child{margin-top:.5rem}.nav-item{align-items:center;border-radius:12px;color:#a0a0a0;display:flex;font-size:.95rem;font-weight:500;margin-bottom:4px;overflow:hidden;padding:.85rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#ffffff0d;color:#fff;transform:translateX(4px)}.nav-item.active{background:linear-gradient(90deg,#d4af3726,#d4af370d);color:gold;font-weight:600}.nav-item.active:before{background-color:gold;border-radius:0 4px 4px 0;box-shadow:0 0 8px #ffd70066;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;margin-right:12px;opacity:.8;transition:opacity .2s;width:24px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.sidebar-footer{background-color:#0f0f0f;border-top:1px solid #2a2a2a;padding:1.5rem}.user-profile-sidebar{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;justify-content:space-between;padding:10px;transition:border-color .2s,transform .2s}.user-profile-sidebar:hover{border-color:#444;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.user-info-link{align-items:center;display:flex;flex:1 1;gap:12px;overflow:hidden;text-decoration:none}.sidebar-avatar{border:2px solid #333;border-radius:10px;height:42px;object-fit:cover;width:42px}.sidebar-user-details{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{color:#fff;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#888;font-size:.75rem;font-weight:400}.sidebar-logout-btn{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:8px;transition:all .2s}.sidebar-logout-btn:hover{background-color:#ff44441a;color:#f44}.sidebar-login-btn{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:10px;box-shadow:0 4px 12px #d4af3733;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem;transition:all .2s;width:100%}.sidebar-login-btn:hover{box-shadow:0 6px 16px #d4af374d;filter:brightness(1.1);transform:translateY(-2px)}.download-link{background-color:#4caf500d;color:#4caf50!important;margin-top:1rem}.download-link:hover{background-color:#4caf5026!important;color:#66bb6a!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s;z-index:999}.sidebar-overlay.open{display:block;opacity:1}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}}.mobile-header{background-color:#121212;border-bottom:1px solid #2a2a2a;box-shadow:0 2px 8px #0000004d;left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:1000}.mobile-header-content{align-items:center;display:flex;height:1.5cm;justify-content:center;padding:0 1rem}.mobile-brand{color:#fff;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.02em}.mobile-hamburger-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;margin-right:1rem;padding:0}.footer{border-top:1px solid #e5e7eb1a;margin-top:auto;padding:40px 20px;text-align:center}.footer-content p{color:#e5e7eb80;font-size:.875rem}.maintenance-ticker{background:#fc0;color:#000;font-weight:700;left:0;overflow:hidden;padding:5px 0;position:fixed;top:0;white-space:nowrap;width:100%;z-index:9999}.ticker-content{animation:ticker 20s linear infinite;display:inline-block;padding-left:100%}@keyframes ticker{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.maintenance-overlay{align-items:center;background:#000000f2;color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:10000}.overlay-content h1{color:#fc0;font-size:3rem;margin-bottom:20px}.overlay-content .timer{background:#1e1e1e;border:2px solid #fc0;border-radius:10px;margin:40px 0;padding:20px}.overlay-content .timer h2{color:#4caf50;font-family:monospace;font-size:4rem}.overlay-content .subtext{color:#aaa}.hero{background:radial-gradient(circle at center,#d4af371a 0,#0000 70%);display:flex;justify-content:center;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.hero-content{animation:fadeInUp .8s ease-out;max-width:800px;z-index:1}.hero h1{color:var(--color-text);font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.highlight{color:var(--color-accent);display:inline-block;position:relative}.highlight:after{background:#d4af3733;bottom:5px;content:"";height:8px;left:0;position:absolute;transform:skewX(-10deg);width:100%;z-index:-1}.hero-subtext{color:#ffffffb3;font-size:1.25rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.hero-cta{background:var(--color-accent);border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#000;display:inline-block;font-size:1.1rem;font-weight:700;padding:16px 40px;text-decoration:none;transition:all .3s ease}.hero-cta:hover{background:#fff;box-shadow:0 8px 25px #d4af3780;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{padding:60px 20px}.hero h1{font-size:2.5rem}.hero-subtext{font-size:1rem;padding:0 10px}}.event-section{background:radial-gradient(circle at top right,#ff98000d,#0000 40%);display:flex;justify-content:center;min-height:100vh;padding:40px 20px 80px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;font-weight:800;margin-bottom:30px}.controls-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0003;padding:24px}.search-bar-container{position:relative}.search-input{background-color:#0000004d;border-radius:16px;padding:16px 24px 16px 50px}.search-input:focus{background-color:#00000080;box-shadow:0 0 0 4px #ff98001a}.search-icon{color:#ffffff80;font-size:1.2rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.filter-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#ffffffb3;padding:10px 20px;white-space:nowrap}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{border-color:var(--color-accent);box-shadow:0 4px 12px #ff98004d}.event-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.event-card{background:#1e1e1e99;box-shadow:0 4px 6px #0000001a;height:100%;transition:all .4s cubic-bezier(.25,.8,.25,1)}.event-card:hover{border-color:#ff98004d;box-shadow:0 20px 40px #0006;transform:translateY(-10px)}.card-image-container{height:200px;overflow:hidden;position:relative;width:100%}.card-image{height:100%;transition:transform .6s ease}.event-card:hover .card-image{transform:scale(1.1)}.date-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 10px #0003;padding:8px 12px;position:absolute;right:15px;text-align:center;top:15px}.date-month{color:var(--color-accent);font-size:.75rem;font-weight:700;margin-bottom:2px;text-transform:uppercase}.date-day,.date-month{display:block;line-height:1}.date-day{color:#fff;font-size:1.2rem;font-weight:800}.category-tag{background:#ffffffe6;border-radius:50px;box-shadow:0 4px 10px #0003;color:#000;font-size:.75rem;font-weight:700;left:15px;padding:6px 12px;position:absolute;text-transform:uppercase;top:15px}.card-content{background:linear-gradient(180deg,#ffffff05,#0000)}.event-title{font-size:1.3rem;margin-bottom:10px}.event-location{align-items:center;color:#fff9;display:flex;font-size:.9rem;gap:6px;margin-bottom:20px}.register-btn{background:var(--color-accent);border-radius:16px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;margin-top:auto;padding:14px;transition:all .3s ease}.register-btn:hover{box-shadow:0 8px 20px #ff980066}.register-btn:active{transform:scale(.98)}.no-results{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:24px;color:#ffffff80;font-size:1.2rem;grid-column:1/-1;padding:60px;text-align:center}@media (min-width:768px){.controls-container{align-items:center;flex-direction:row;justify-content:space-between}.search-bar-container{width:45%}.filter-buttons{width:auto}}@media (max-width:768px){.event-grid{grid-template-columns:1fr}.section-title{font-size:2rem;text-align:left}.controls-container{padding:20px}}.event-container{max-width:1200px;width:100%}.section-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.section-description{color:#fff9;font-size:1.1rem;margin-bottom:40px}.controls-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;display:flex;flex-direction:column;gap:20px;margin-bottom:50px;padding:20px}.search-bar-container{width:100%}.search-input{background-color:#0003;border-radius:12px;color:#fff;outline:none;padding:14px 24px}.search-input:focus{background-color:#0006;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff98001a}.filters-row{display:flex;flex-wrap:wrap;gap:15px}.filter-select{background-color:#0003;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;min-width:150px;outline:none;padding:12px 20px;transition:all .3s ease}.filter-select:focus,.filter-select:hover{background-color:#0006;border-color:var(--color-accent)}.filter-select option{background-color:#1a1a1a;color:#fff}input[type=date].filter-select{color-scheme:dark;min-width:auto}.event-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.event-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.event-card:hover{border-color:#ff980033;box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.event-card:active{box-shadow:0 10px 20px #0000004d;transform:scale(.98)}.card-image{height:220px;object-fit:cover;transition:transform .5s ease;width:100%}.event-card:hover .card-image{transform:scale(1.05)}.card-content{background:linear-gradient(180deg,#0000,#0000001a);display:flex;flex-direction:column;flex-grow:1;padding:24px}.event-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:12px}.event-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.event-meta-item{align-items:center;background:#ffffff0d;border-radius:50px;color:#ffffffb3;display:flex;font-size:.9rem;gap:6px;padding:6px 12px}.event-meta-item span{font-size:1.1rem}.card-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px}.register-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;color:#000;gap:8px;justify-content:center;padding:12px;width:100%}.register-btn:active{box-shadow:0 2px 8px #ff980033;transform:scale(.96)}.register-btn:hover{box-shadow:0 8px 25px #ff980080;filter:brightness(1.1);transform:translateY(-2px)}.register-btn:disabled{background:#2e7d32;box-shadow:none;cursor:default;filter:none;transform:none}.no-events{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:24px;grid-column:1/-1;padding:60px;text-align:center}.no-events p{color:#ffffff80;font-size:1.2rem}@media (min-width:768px){.controls-container{align-items:center;flex-direction:row;justify-content:space-between}.search-bar-container{width:40%}.filters-row{width:58%}}@media (max-width:768px){.event-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.section-title{font-size:2rem}}.mobile-welcome-header{animation:fadeIn .5s ease-out;margin-bottom:20px;padding:20px 20px 0}.welcome-text{color:#fff9;font-size:.9rem;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.user-greeting{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0}.user-greeting .highlight{color:var(--color-accent)}.date-badge{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:20px;color:#fffc;display:inline-block;font-size:.8rem;margin-top:10px;padding:4px 10px}.mobile-section{margin-bottom:30px;padding-left:20px}.mobile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding-right:20px}.mobile-section-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.see-all-link{color:var(--color-accent);font-size:.9rem;text-decoration:none}.horizontal-scroll-container{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;padding-right:20px;scrollbar-width:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.mobile-event-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;min-width:260px;overflow:hidden;position:relative;width:260px}.mobile-card-image{height:140px;object-fit:cover;width:100%}.mobile-card-content{padding:12px}.mobile-event-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-event-date{color:#fff9;font-size:.8rem}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding-right:20px}.category-item{flex-direction:column;gap:8px;text-decoration:none}.category-icon,.category-item{align-items:center;display:flex}.category-icon{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:16px;font-size:1.5rem;height:50px;justify-content:center;transition:all .2s ease;width:50px}.category-item:active .category-icon{background:var(--color-accent);color:#000;transform:scale(.95)}.category-label{color:#fffc;font-size:.75rem;text-align:center}.admin-dashboard-container{font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;min-height:80vh;padding:40px 20px}.dashboard-header{margin-bottom:50px;text-align:center}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px}.dashboard-subtitle{color:#fff9;font-size:1.2rem;font-weight:400}.stats-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:24px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.stat-card:hover{border-color:#ff98004d;box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.stat-card:hover:before{opacity:1}.stat-number{color:var(--color-accent);font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:5px;text-shadow:0 0 20px #ff98004d}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.admin-events-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-event-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s ease}.admin-event-card:hover{border-color:#ff98004d;box-shadow:0 20px 50px #0000004d;transform:translateY(-8px)}.admin-card-image-container{height:220px;overflow:hidden;position:relative;width:100%}.admin-card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.admin-event-card:hover .admin-card-image{transform:scale(1.05)}.admin-event-placeholder{align-items:center;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);color:#ffffff1a;display:flex;font-size:4rem;font-weight:800;height:100%;justify-content:center;width:100%}.event-date-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;padding:8px 12px;position:absolute;right:15px;top:15px}.event-date-badge .month{color:var(--color-accent);font-size:.7rem;font-weight:700;text-transform:uppercase}.event-date-badge .day{color:#fff;font-size:1.2rem;font-weight:800;line-height:1}.admin-card-content{background:linear-gradient(180deg,#0000,#0003);display:flex;flex:1 1;flex-direction:column;padding:25px}.admin-card-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 15px}.admin-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.admin-card-meta-item{align-items:center;background:#ffffff0d;border-radius:50px;color:#ffffffb3;display:flex;font-size:.9rem;gap:8px;padding:6px 12px}.admin-card-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:15px;margin-top:auto;padding-top:20px}.footer-left{justify-content:space-between}.footer-left,.stats-row{align-items:center;display:flex}.stats-row{gap:15px}.revenue-info{background:#4caf501a;border-radius:8px;color:#4caf50;font-weight:600;gap:5px;padding:4px 8px}.registrations-info,.revenue-info{align-items:center;display:flex;font-size:.9rem}.registrations-info{color:#fff9;gap:6px}.footer-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;padding:10px;transition:all .3s ease}.action-btn:hover{background:#ffffff26;border-color:var(--color-accent);transform:translateY(-2px)}.qr-btn.active{background:#4caf5026;border-color:#4caf50;color:#4caf50}.footer-actions-secondary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.view-btn-primary{background:var(--color-accent);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.view-btn-primary:hover{box-shadow:0 4px 15px #ff980066;transform:translateY(-2px)}@media (max-width:768px){.admin-events-grid,.footer-actions{grid-template-columns:1fr}}.create-event-container{background-color:#ffffff08;border:1px solid #d4af371a;border-radius:20px;box-shadow:0 10px 30px #0000004d;margin:40px auto;max-width:600px;padding:40px}.form-title{color:var(--color-accent);font-family:var(--font-heading);font-size:2rem;margin-bottom:30px;text-align:center}.create-event-form{display:flex;flex-direction:column;gap:24px}.form-row .form-group{flex:1 1}.form-group{gap:8px}.form-group label{color:var(--color-text);font-size:.95rem}.form-group input,.form-group textarea{background-color:#ffffff0d;border:1px solid #e5e7eb33;border-radius:10px;color:var(--color-text);font-family:var(--font-body);font-size:1rem;outline:none;padding:14px 16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent)}.btn-create{background-color:var(--color-accent);border:none;border-radius:50px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:16px;transition:transform .2s,box-shadow .2s}.btn-create:hover{box-shadow:0 4px 20px #d4af3766;transform:translateY(-2px)}@media (max-width:600px){.create-event-container{margin:20px 10px;padding:20px}.form-row{flex-direction:column;gap:16px}.field-inputs{flex-direction:column;gap:10px}.field-inputs input,.field-inputs select{flex:none;width:100%}}.form-checkbox-group{align-items:center;flex-direction:row;gap:12px}.form-checkbox-group input{cursor:pointer;margin:0;transform:scale(1.2);width:auto}.field-builder-section{background:#ffffff05;border:1px dashed #d4af374d;border-radius:15px;margin-top:10px;padding:20px}.section-subtitle{color:var(--color-accent);font-size:1.2rem;font-weight:600;margin-bottom:15px}.custom-field-item{background:#0003;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:15px;padding:15px}.field-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.btn-remove{background:#0000;border:1px solid #ff4d4d;border-radius:5px;color:#ff4d4d;cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .2s}.btn-remove:hover{background:#ff4d4d;color:#fff}.field-inputs{display:flex;gap:10px;margin-bottom:10px}.field-inputs input{flex:2 1}.field-inputs select{background-color:#ffffff0d;border:1px solid #e5e7eb33;border-radius:10px;color:var(--color-text);flex:1 1;font-family:var(--font-body);font-size:1rem;outline:none;padding:14px 16px}.field-inputs select option{background-color:#1a1a1a}.options-input{margin-top:5px;width:100%}.btn-add-field{background:#d4af371a;border:1px dashed var(--color-accent);border-radius:10px;color:var(--color-accent);cursor:pointer;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-add-field:hover{background:#d4af3733}.resource-manager-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;color:var(--text-primary);margin-top:2rem;padding:2rem}.resource-title{color:var(--primary-gold);font-size:1.5rem;margin-bottom:.5rem}.resource-subtitle{color:var(--text-secondary);margin-bottom:1.5rem}.upload-section{margin-bottom:2rem}.upload-btn{background:var(--primary-gold);border-radius:8px;color:var(--bg-dark);cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.upload-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.error-msg{color:#e74c3c;font-size:.9rem;margin-top:.5rem}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.resource-card{background:#0003;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;transition:all .3s ease}.resource-card:hover{border-color:#fff3;transform:translateY(-3px)}.resource-preview{align-items:center;background:#ffffff05;display:flex;height:120px;justify-content:center;overflow:hidden}.resource-preview.image img{height:100%;object-fit:cover;width:100%}.resource-preview.document{font-size:3rem}.resource-info{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem}.resource-name{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{background:none;font-size:1rem;opacity:.7;padding:0;transition:opacity .2s}.delete-btn:hover{opacity:1}.no-resources{color:var(--text-secondary);font-style:italic}.announcement-manager-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;color:var(--text-primary);margin-top:2rem;padding:2rem}.am-title{color:var(--primary-gold);font-size:1.5rem;margin-bottom:.5rem}.am-subtitle{color:var(--text-secondary);margin-bottom:1.5rem}.am-form{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-family:inherit;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-gold);outline:none}.am-btn{background:var(--primary-gold);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.am-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.am-btn:disabled{cursor:not-allowed;opacity:.7}.am-list h4{color:var(--text-primary);margin-bottom:1rem}.am-grid{display:flex;flex-direction:column;gap:1rem}.am-card{background:#ffffff08;border-left:3px solid var(--primary-gold);border-radius:8px;padding:1rem}.am-card-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.am-card-header h5{color:var(--text-primary);font-size:1.1rem;margin:0}.am-date{color:var(--text-secondary);font-size:.8rem}.am-content{color:#ddd;font-size:.95rem;margin-bottom:.5rem}.am-badge{background:#ffffff1a;border-radius:4px;font-size:.75rem;padding:2px 6px}.am-badge,.no-data{color:var(--text-secondary)}.resources-display-container{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem;width:100%}.section-title{color:var(--primary-gold);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:3rem}.gallery-item{border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;height:150px;overflow:hidden;transition:transform .3s ease}.gallery-item:hover{border-color:var(--primary-gold);transform:scale(1.05)}.gallery-item img{height:100%;object-fit:cover;width:100%}.documents-list{display:flex;flex-direction:column;gap:1rem}.document-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;color:var(--text-primary);display:flex;padding:1rem;text-decoration:none;transition:all .3s ease}.document-link:hover{background:#ffffff1a;border-color:#ffd7004d;transform:translateX(5px)}.doc-icon{font-size:1.5rem;margin-right:1rem}.doc-name{flex:1 1;font-weight:500}.download-icon{opacity:.7}.my-registrations-container{color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.page-header{margin-bottom:2rem;text-align:center}.page-title{color:var(--primary-gold);text-shadow:0 0 20px #ffd7004d}.tabs-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-weight:500;padding:.75rem 2rem}.tab-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.tab-btn.active{border-color:var(--primary-gold);box-shadow:0 0 20px #ffd70066;font-weight:700}.registrations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.registration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e1e1e66,#14141499);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.registration-card:after,.registration-card:before{background-color:var(--color-bg);border-radius:50%;content:"";height:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.registration-card:before{left:-10px}.registration-card:after{right:-10px}.registration-card:hover{border-color:#ffd7004d;box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.registration-card:active{transform:scale(.98)}.card-header{background:#0000001a;border-bottom:1px solid #ffffff0d;padding:1.5rem}.event-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.card-body{padding:1.5rem}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.meta-icon{text-align:center;width:24px}.status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.confirmed{background:#2ecc7133}.qr-section{border-top:2px dashed #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;position:relative;text-align:center}.qr-wrapper{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0003;display:inline-block;margin-bottom:1.2rem;padding:1.2rem}.scan-instruction{font-size:1.1rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.scan-instruction.entry{color:#2ecc71}.scan-instruction.exit{animation:pulse 2s infinite;color:#e74c3c}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.no-registrations{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:20px;color:var(--text-secondary);font-size:1.2rem;padding:4rem;text-align:center}.user-announcements-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.ua-title{align-items:center;color:var(--primary-gold);display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.ua-list{display:flex;flex-direction:column;gap:1rem}.ua-card{background:#ffd7000d;border-left:3px solid var(--primary-gold);border-radius:8px;padding:1rem}.ua-header{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.ua-badge{background:var(--primary-gold);border-radius:4px;color:var(--bg-dark);font-size:.7rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.ua-date{color:var(--text-secondary)}.ua-subject{color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.ua-content{color:#ddd;font-size:.9rem;line-height:1.4;margin:0}.announcement-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.announcement-popup{animation:popupSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:var(--bg-card);border:1px solid var(--primary-gold);border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:500px;overflow:hidden;width:90%}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ap-header{align-items:center;background:#ffd7001a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.ap-badge{background:var(--primary-gold);border-radius:4px;color:var(--bg-dark);font-size:.75rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.ap-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.ap-close:hover{color:#fff}.ap-body{padding:2rem 1.5rem;text-align:center}.ap-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.ap-content{color:#ddd;line-height:1.6;margin-bottom:1.5rem}.ap-meta{color:var(--text-secondary);font-size:.8rem}.ap-footer{border-top:1px solid #ffffff0d;display:flex;justify-content:center;padding:1rem 1.5rem}.ap-btn{background:var(--primary-gold);border:none;border-radius:25px;color:var(--bg-dark);cursor:pointer;font-weight:700;padding:.8rem 2rem;transition:all .3s ease;width:100%}.ap-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.modal-content{animation:modalSlideIn .3s ease;background:var(--bg-card);border-radius:16px;box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:var(--bg-card);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{color:var(--primary-gold);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:2rem;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:1.5rem}.attendees-container{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.attendees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back-btn{background:none;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);display:flex;gap:.5rem;padding:.5rem 1rem}.back-btn:hover{background:#ffffff0d;color:var(--text-primary)}.attendees-title{color:var(--primary-gold);font-size:2rem;margin:0}.attendees-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.attendees-table-container{overflow-x:auto}.attendees-table{border-collapse:collapse;width:100%}.attendees-table td,.attendees-table th{border-bottom:1px solid #ffffff0d;padding:1.25rem;text-align:left}.attendees-table th{background:#ffffff08;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-info{gap:1rem}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-gold),#ffa000);border-radius:50%;color:#000;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-weight:600}.user-email{color:var(--text-secondary);font-size:.85rem}.status-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.35rem .75rem;text-transform:capitalize}.status-badge.confirmed{background:#2ecc7126;color:#2ecc71}.status-badge.pending{background:#f1c40f26;color:#f1c40f}.payment-id{background:#ffffff0d;border-radius:4px;font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.no-attendees{color:var(--text-secondary);padding:4rem;text-align:center}.time-badge{border-radius:4px;font-size:.85rem;font-weight:500;padding:4px 8px;white-space:nowrap}.time-badge.entry{background:#2ecc7126;border:1px solid #2ecc714d;color:#2ecc71}.time-badge.exit{background:#e74c3c26;border:1px solid #e74c3c4d;color:#e74c3c}.budget-manager{color:#fff;font-family:Inter,sans-serif}.budget-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.budget-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.budget-card:hover{border-color:#ff980033;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.budget-card h3{color:#fff9;font-size:.95rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.budget-value{color:#fff;font-size:2rem;font-weight:800;text-shadow:0 2px 10px #0000004d}.budget-value.negative{color:#ff4d4d;text-shadow:0 0 15px #ff4d4d4d}.budget-value.positive{color:#4caf50;text-shadow:0 0 15px #4caf504d}.budget-input-group{display:flex;gap:10px;margin-top:15px}.budget-input-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:8px 12px;transition:all .3s ease;width:100%}.budget-input-group input:focus{background:#00000080;border-color:var(--color-accent);outline:none}.budget-input-group button{background:var(--color-accent);border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s ease}.budget-input-group button:hover{box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.add-expense-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;margin-bottom:40px;padding:30px}.add-expense-section h3{color:var(--color-accent);font-size:1.5rem;margin-bottom:25px}.expense-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-wrap:wrap;gap:20px}.form-row input,.form-row select{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;padding:14px 20px;transition:all .3s ease}.form-row input:focus,.form-row select:focus{background:#00000080;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af371a;outline:none}.form-row select option{background:#1a1a1a;color:#fff}.file-input-wrapper{align-items:center;display:flex;flex:1 1}.file-label{background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:12px;color:#fffc;cursor:pointer;font-weight:500;padding:14px 20px;text-align:center;transition:all .3s ease;width:100%}.file-label:hover{background:#ffffff1a;border-color:var(--color-accent);color:#fff}.custom-fields-section{background:#0003;border:1px solid #ffffff0d;border-radius:16px;padding:20px}.custom-fields-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.custom-fields-header h4{color:#fffc;font-size:1rem;margin:0}.add-field-btn{background:#0000;border:1px solid var(--color-accent);border-radius:8px;color:var(--color-accent);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.add-field-btn:hover{background:var(--color-accent);color:#000}.custom-field-row{align-items:center;display:flex;gap:15px;margin-bottom:10px}.remove-field-btn{align-items:center;background:#ff4d4d1a;border:none;border-radius:8px;color:#ff4d4d;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.remove-field-btn:hover{background:#ff4d4d33;transform:scale(1.05)}.add-btn{align-self:flex-start;background:linear-gradient(135deg,var(--color-accent),#ff6f00);border:none;border-radius:12px;box-shadow:0 4px 15px #d4af374d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.add-btn:hover{box-shadow:0 8px 25px #d4af3780;filter:brightness(1.1);transform:translateY(-2px)}.expense-list-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:30px}.expense-list-section h3{color:#fff;font-size:1.5rem;margin-bottom:25px}.expense-table{border-collapse:initial;border-spacing:0;margin-top:10px;width:100%}.expense-table th{border-bottom:1px solid #ffffff1a;color:#ffffff80;font-size:.85rem;font-weight:600;letter-spacing:1px;padding:15px;text-align:left;text-transform:uppercase}.expense-table td{border-bottom:1px solid #ffffff0d;padding:20px 15px;transition:background .2s ease;vertical-align:middle}.expense-table tr:hover td{background:#ffffff05}.expense-title{color:#fff;font-size:1.1rem;font-weight:700}.expense-desc{color:#fff9;font-size:.9rem;margin-top:5px}.category-badge{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50px;font-size:.85rem;font-weight:500;padding:6px 12px}.expense-custom-fields{display:flex;flex-wrap:wrap;gap:8px}.custom-field-tag{background:#0006;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;font-size:.8rem;padding:4px 10px}.receipt-link{align-items:center;background:#d4af371a;border-radius:8px;color:var(--color-accent);display:inline-flex;font-size:.95rem;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.receipt-link:hover{background:#d4af3733;transform:translateY(-1px)}.delete-btn{align-items:center;background:#ff4d4d1a;border:none;border-radius:10px;color:#ff4d4d;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-btn:hover{background:#ff4d4d33;box-shadow:0 4px 12px #ff4d4d33;transform:scale(1.1)}@media (max-width:768px){.budget-summary-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:15px}.expense-table{display:block;overflow-x:auto}}.dashboard-container{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:40px 2rem 2rem}@media (max-width:768px){.dashboard-container{padding:120px 1rem 1rem}}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);padding:.75rem 1.5rem;transition:all .3s ease}.tab-btn.active{background:var(--primary-gold);color:var(--bg-dark);font-weight:600}.dashboard-table{background:#ffffff05;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.dashboard-table td,.dashboard-table th{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left}.dashboard-table th{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e1e1ef2;box-shadow:0 2px 5px #0003;color:var(--primary-gold);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.role-badge{font-size:.85rem;font-weight:500;padding:.25rem .75rem}.role-badge.user{background:#ffffff1a;color:var(--text-secondary)}.role-badge.admin{background:#ffd70033;color:var(--primary-gold)}.role-badge.superadmin{background:#ff450033;color:#ff4500}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.btn-action.promote{background:#2ecc7133;color:#2ecc71}.btn-action.demote{background:#e74c3c33;color:#e74c3c}.btn-action:hover{filter:brightness(1.2)}.settings-container{display:flex;flex-direction:column;gap:20px}.setting-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.setting-card h3{color:var(--primary-gold);margin-bottom:10px;margin-top:0}.setting-item{border-top:1px solid #ffffff0d;margin-top:15px;padding:15px 0}.dashboard-header,.setting-item{align-items:center;display:flex;justify-content:space-between}.dashboard-header{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.dashboard-title{color:var(--primary-gold);font-size:2rem;margin:0}.header-actions{display:flex;gap:10px}.setting-info h4{color:var(--text-primary);margin:0 0 5px}.setting-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination-controls button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls button:not(:disabled):hover{background:var(--primary-gold);color:var(--bg-dark)}.pagination-controls span{color:var(--text-secondary);font-size:.9rem}.modal-overlay{background:#000c;z-index:2000}.modal-content{border:1px solid #ffd70033;border-radius:12px;box-shadow:0 4px 20px #00000080;max-width:500px;padding:2rem}.modal-content h3{color:var(--primary-gold);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-gold);outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{background:#0000;border:1px solid #fff3;border-radius:6px;color:var(--text-secondary)}.btn-cancel,.btn-save{padding:.75rem 1.5rem;transition:all .3s ease}.btn-save{background:var(--primary-gold);border:none;border-radius:6px;color:var(--bg-dark);cursor:pointer;font-weight:600}.btn-cancel:hover{color:var(--text-primary)}.btn-save:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-action.edit{background:#3498db33;color:#3498db;margin-right:.5rem}@media (max-width:768px){.dashboard-table{display:block;overflow-x:auto}.modal-content{padding:1.5rem;width:95%}}.search-bar-container{margin-bottom:20px}.search-input{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{background-color:#ffffff1a;border-color:var(--primary-gold);box-shadow:0 0 0 2px #d4af3733;outline:none}.page-input-wrapper{align-items:center;color:var(--text-secondary);display:flex;gap:10px}.page-input-wrapper input{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-primary);font-weight:500;padding:6px;text-align:center;width:60px}.page-input-wrapper input:focus{border-color:var(--primary-gold);outline:none}.page-input-wrapper input::-webkit-inner-spin-button,.page-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stats-cards{display:flex;gap:20px;margin-bottom:20px}.btn-action.super-promote{background:linear-gradient(135deg,#9c27b0,#673ab7);border:1px solid #9c27b080;box-shadow:0 2px 5px #9c27b04d;color:#fff}.btn-action.super-promote:hover{background:linear-gradient(135deg,#ab47bc,#7e57c2);box-shadow:0 4px 8px #9c27b066;transform:translateY(-2px)}.btn-action.super-demote{background:#ff57221a;border:1px solid #ff57224d;color:#ff5722}.btn-action.super-demote:hover{background:#ff572233;color:#f4511e}.stat-card{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;flex:1 1;padding:20px}.stat-value{font-size:2rem;margin:10px 0 0}.stat-value.accent{color:var(--color-accent)}.stat-value.green{color:#4caf50}.view-list-btn{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:10px;padding:6px 12px;transition:all .2s ease}.view-list-btn:hover{background:#ffffff1a;border-color:#fff}.role-filter{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;margin-left:10px;min-width:120px;padding:12px}@media (max-width:768px){.stats-cards{flex-direction:column;gap:15px}.dashboard-tabs{-ms-overflow-style:none;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;white-space:nowrap}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0}.search-bar-container{flex-direction:column;gap:10px}.role-filter{margin-left:0;width:100%}}.logs-table-container{margin-top:15px;overflow-x:auto}.logs-table{border-collapse:collapse;color:#e0e0e0;font-size:.9rem;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid #333;padding:12px;text-align:left}.logs-table th{background-color:#252525;color:#fbbf24;font-weight:600}.logs-table tr:hover{background-color:#2a2a2a}.logs-table details summary{outline:none;-webkit-user-select:none;user-select:none}.logs-table details summary:hover{text-decoration:underline}.maintenance-control-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#1e1e1e,#252525);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;color:#fff;margin-top:25px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.maintenance-control-card:hover{box-shadow:0 12px 40px 0 #0006}.maintenance-control-card h3{align-items:center;color:#fbbf24;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin-bottom:20px;margin-top:0}.maintenance-control-card h3:before{content:"🛡️";font-size:1.2em}.maintenance-control-card .form-group{margin-bottom:20px}.maintenance-control-card label{color:#9ca3af;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.maintenance-control-card input[type=datetime-local]{background:#111827;border:1px solid #4b5563;border-radius:8px;color:#f3f4f6;font-family:inherit;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.maintenance-control-card input[type=datetime-local]:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.maintenance-control-card .time-preview{background:#10b9811a;border-radius:4px;color:#34d399;display:inline-block;font-size:.85rem;font-weight:500;margin-top:8px;padding:4px 8px}.maintenance-control-card .checkbox-group{margin-bottom:25px;margin-top:25px}.maintenance-control-card .checkbox-group label{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-size:1.1rem;gap:15px;-webkit-user-select:none;user-select:none}.maintenance-control-card input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#374151;border-radius:13px;cursor:pointer;height:26px;outline:none;position:relative;transition:background .3s;width:50px}.maintenance-control-card input[type=checkbox]:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .3s;width:20px}.maintenance-control-card input[type=checkbox]:checked{background:#fbbf24}.maintenance-control-card input[type=checkbox]:checked:after{transform:translateX(24px)}.maintenance-control-card .save-btn{background:linear-gradient(90deg,#fbbf24,#d97706);border:none;border-radius:8px;box-shadow:0 4px 6px #0003;color:#111827;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:transform .1s,filter .2s;width:100%}.maintenance-control-card .save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.maintenance-control-card .save-btn:active{transform:translateY(1px)}.maintenance-control-card .save-btn:disabled{background:#4b5563;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.maintenance-control-card .message{background:#34d3991a;border:1px solid #34d39933;border-radius:6px;color:#34d399;font-weight:500;margin-top:15px;padding:10px;text-align:center}.maintenance-control-card .message.error{background:#ef44441a;border-color:#ef444433;color:#f87171}.profile-container{margin:0 auto;max-width:800px;min-height:80vh;padding:2rem}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.profile-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.profile-pic{border:3px solid var(--primary-gold);border-radius:50%;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.profile-header h2{color:var(--text-primary);margin:.5rem 0}.profile-email{color:var(--text-secondary);margin-bottom:1rem}.role-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.role-badge.superadmin{background:#ff4081;color:#fff}.role-badge.admin{background:#7c4dff;color:#fff}.role-badge.user{background:#00bcd4;color:#fff}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-secondary)}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--text-primary);padding:.8rem}.form-group input:focus{border-color:var(--primary-gold)}.disabled-input{cursor:not-allowed;opacity:.6}.save-btn{background:var(--primary-gold);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:1rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.profile-pic-wrapper{display:inline-block;margin-bottom:1rem;position:relative}.edit-pic-btn{align-items:center;background:var(--primary-gold);border:none;border-radius:50%;bottom:0;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:0;transition:transform .2s;width:36px}.edit-pic-btn:hover{transform:scale(1.1)}.pic-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pic-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-width:400px;padding:2rem;text-align:center;width:90%}.pic-modal h3{color:var(--text-primary);margin-bottom:1.5rem}.pic-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem}.pic-option{align-items:center;background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.pic-option:hover{background:#ffffff1a;border:1px solid var(--primary-gold);transform:translateY(-2px)}.option-icon{font-size:2rem}.pic-option span:last-child{color:var(--text-secondary);font-size:.8rem}.close-modal-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem 1.5rem;transition:all .2s}.close-modal-btn:hover{background:#ffffff1a;color:var(--text-primary)}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:400px;padding:2rem;position:relative;width:90%}.login-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.login-modal-close:hover{color:#000}.login-modal-content h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0;text-align:center}.login-form{gap:1rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#555;font-size:.9rem;font-weight:500}.form-group input{background-color:#f8f9fa;border:1px solid #e1e1e1;border-radius:8px;color:#333;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.btn-submit{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem;transition:background .2s}.btn-submit:hover{background:#0056b3}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.login-error{background:#ffe6e6;border-radius:4px;color:#dc3545;font-size:.9rem;padding:.5rem;text-align:center}.login-divider{align-items:center;color:#888;display:flex;font-size:.9rem;margin:1.5rem 0}.login-divider:after,.login-divider:before{border-bottom:1px solid #eee;content:"";flex:1 1}.login-divider span{padding:0 10px}.btn-google-login{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:10px;justify-content:center;padding:.75rem;transition:background .2s;width:100%}.btn-google-login:hover{background:#f8f9fa}.btn-google-login img{height:20px;width:20px}body.dark-theme .login-modal-content{background:#1a1a1a;color:#fff}body.dark-theme .login-modal-content h2{color:#fff}body.dark-theme .form-group label{color:#ccc}body.dark-theme .form-group input{background:#2d2d2d;border-color:#444;color:#fff}body.dark-theme .login-divider{color:#666}body.dark-theme .login-divider:after,body.dark-theme .login-divider:before{border-color:#444}body.dark-theme .btn-google-login{background:#2d2d2d;border-color:#444;color:#fff}body.dark-theme .btn-google-login:hover{background:#3d3d3d}.timetable-container{animation:fadeIn .5s ease-out;padding:20px}.filters-bar{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translateX(-5px)}.year-tabs{background:#0000004d;border:1px solid #ffffff1a;border-radius:50px;display:flex;gap:5px;padding:5px}.filter-btn{background:#0000;border:none;border-radius:40px;color:#fff9;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.filter-btn:hover{background:#ffffff0d;color:#fff}.filter-btn.active{background:var(--color-accent);box-shadow:0 4px 12px #d4af374d;color:#000;font-weight:700}.timetable-wrapper{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 30px #0003;overflow-x:auto;padding:20px}.timetable-grid{border:1px solid #ffffff14;border-collapse:initial;border-radius:16px;border-spacing:0;min-width:1000px;overflow:hidden;width:100%}.timetable-grid th{background:#121212;border-bottom:1px solid #ffffff1a;color:var(--color-accent);font-size:.85rem;font-weight:700;letter-spacing:1px;padding:18px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.timetable-grid th:first-child{background:#0f0f0f;left:0;text-align:left;z-index:11}.timetable-grid td{border-bottom:1px solid #ffffff0d;border-left:1px solid #ffffff0d;height:100px;padding:10px;transition:background .2s ease;vertical-align:top}.timetable-grid td:first-child{background:#121212;border-left:none;color:#ffffffe6;font-size:.9rem;font-weight:800;left:0;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;vertical-align:middle;z-index:5}.timetable-cell{border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.timetable-cell:hover{background:#ffffff1f;box-shadow:0 4px 12px #0000004d;transform:translateY(-3px)}.timetable-cell.empty{align-items:center;display:flex;justify-content:center;opacity:.3}.timetable-cell.lunch{align-items:center;background:#ff980026;border:1px dashed #ff98004d;color:#ff9800;cursor:default;font-weight:800;justify-content:center;letter-spacing:2px}.timetable-cell.filled{background:#d4af371a;border:1px solid #d4af3733}.subject{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:4px}.faculty{color:#fff9;font-size:.8rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:450px;padding:30px;width:90%}.modal-header{margin-bottom:25px;text-align:center}.modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.modal-subtitle{color:var(--color-accent);font-size:.9rem}.form-group{margin-bottom:20px}.form-actions{display:flex;gap:15px;margin-top:30px}.btn-cancel{background:#ffffff0d;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:background .2s}.btn-cancel:hover{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.current-day-row{background:linear-gradient(90deg,#d4af371a,#d4af3705);box-shadow:0 0 20px #d4af371a;position:relative;z-index:1}.current-day-row td{border-bottom:1px solid #d4af3766;border-top:1px solid #d4af3766}.current-day-row td:first-child{background:#1a1a1a;border-left:4px solid var(--color-accent);color:var(--color-accent);text-shadow:0 0 10px #d4af3780}.mobile-day-tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.mobile-day-tabs::-webkit-scrollbar{display:none}.mobile-day-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff9;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.mobile-day-tab.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 4px 12px #d4af3733;color:#000}.mobile-timetable-list{display:flex;flex-direction:column;gap:15px}.mobile-time-slot{display:flex;flex-direction:column;gap:8px}.slot-time{color:#ffffff80;font-size:.85rem;font-weight:600;margin-left:5px}.slot-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:15px;transition:all .2s ease}.slot-card.filled{background:#d4af371a;border-color:#d4af374d}.slot-card.lunch{background:#ff98001a;border-color:#ff98004d}.slot-card.empty,.slot-card.lunch{align-items:center;border-style:dashed}.slot-card.empty{opacity:.6}.lunch-label{color:#ff9800;font-size:.9rem;font-weight:700;letter-spacing:1px}.add-label{color:#fff6;font-size:.9rem}@media (max-width:768px){.timetable-container{padding:15px 15px 100px}.dashboard-header{margin-bottom:20px}.dashboard-title{font-size:1.5rem}.filters-bar{gap:10px;padding:15px}.year-tabs{justify-content:space-between;width:100%}.filter-btn{flex:1 1;padding:8px 15px;text-align:center}.search-input{width:100%!important}}.game-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.game-modal-content{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 50px #00000080;max-width:400px;padding:30px;position:relative;text-align:center;width:90%}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:20px;top:15px}.game-status{font-size:1.2rem;font-weight:700;margin-bottom:20px}.status-turn{color:#4caf50}.status-wait{color:#ffc107}.status-over{color:#2196f3;font-size:1.5rem}.game-grid{background:#ffffff0d;border-radius:16px;margin-bottom:20px;padding:10px}.game-cell{aspect-ratio:1;background:#ffffff1a;cursor:default;font-size:2.5rem;font-weight:800;transition:all .2s ease}.game-cell.clickable{cursor:pointer}.game-cell.clickable:hover{background:#fff3;transform:scale(1.05)}.game-cell.occupied{background:#ffffff0d}.play-again-btn{background:linear-gradient(135deg,#2196f3,#21cbf3);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:transform .2s}.play-again-btn:hover{transform:scale(1.05)}.networking-page{background:radial-gradient(circle at top right,#ffd7000d,#0000 40%);color:#fff;font-family:Outfit,sans-serif;min-height:100vh;padding:2rem 2rem 100px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#fdb931 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.page-subtitle{color:#a0a0a0;font-size:1.1rem;line-height:1.6;margin-bottom:3rem;max-width:600px}.networking-section{margin-bottom:4rem}.networking-section h2{align-items:center;color:#fff;display:flex;font-size:1.8rem;gap:10px;margin-bottom:1rem}.section-desc{color:#888;font-size:1rem;margin-bottom:2rem}.users-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;width:100%}.user-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:340px}.user-card:before{background:linear-gradient(180deg,#ffd7000d,#0000);content:"";height:100px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.user-card:hover{border-color:#ffd7004d;box-shadow:0 12px 32px #0000004d;transform:translateY(-8px)}.user-card:hover:before{opacity:1}.user-avatar{border:3px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 16px #0003;height:100px;margin-bottom:1rem;object-fit:cover;transition:transform .3s;width:100px}.user-card:hover .user-avatar{border-color:gold;transform:scale(1.05)}.user-info{flex-direction:column;gap:.5rem;width:100%}.social-icon,.user-info{align-items:center;display:flex}.social-icon{background:#ffffff1a;border-radius:50%;color:#fff;font-size:1.2rem;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.social-icon:hover{transform:scale(1.1)}.social-icon.linkedin:hover{background:#0077b5}.social-icon.instagram:hover{background:#e1306c}.connect-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;box-shadow:0 4px 12px #ffd70033;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 24px;transition:all .2s;width:100%}.connect-btn:hover{box-shadow:0 6px 20px #ffd7004d;filter:brightness(1.1);transform:translateY(-2px)}.connect-btn:disabled{background:#555;box-shadow:none;color:#aaa;cursor:not-allowed;transform:none}.empty-state{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:24px;color:#888;padding:4rem 2rem;text-align:center}.empty-icon{display:block;font-size:4rem;margin-bottom:1.5rem;opacity:.5}.nearby-section{background:linear-gradient(180deg,#ffffff05,#4caf500d);border:1px solid #ffffff0d;border-radius:32px;overflow:hidden;padding:2.5rem;position:relative}.nearby-header{flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.enable-btn,.nearby-header{align-items:center;display:flex}.enable-btn{background:#4caf501a;border:1px solid #4caf50;border-radius:100px;color:#4caf50;cursor:pointer;font-size:.95rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.enable-btn:hover{background:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.nearby-card{background:linear-gradient(180deg,#4caf500d,#1a1a1acc);border-color:#4caf504d}.nearby-card:hover{border-color:#4caf50;box-shadow:0 12px 32px #4caf5033}.nearby-badge{background:#4caf50;border-radius:100px;box-shadow:0 4px 8px #0003;color:#fff;font-size:.7rem;font-weight:700;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:10}@media (max-width:768px){.networking-page{padding:calc(1.5cm + env(safe-area-inset-top) + 1.5rem) 1.5rem 1.5rem}.page-title{font-size:2rem}.users-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.user-card{padding:1.5rem 1rem}.user-avatar{height:70px;width:70px}.nearby-section{padding:1.5rem}}.game-page{color:#fff;margin:0 auto;max-width:1200px;padding:2rem}.game-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.game-sidebar{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:400px;min-width:300px}.difficulty-selector,.stats-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.difficulty-selector h3,.stats-card h3{color:#aaa;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.stat-item{align-items:center;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:.8rem}.stat-value{font-size:1.2rem;font-weight:700}.stat-value.win{color:#4caf50}.stat-value.loss{color:#f44336}.stat-value.draw{color:#ffc107}.difficulty-buttons{display:flex;gap:.5rem}.diff-btn{background:#ffffff1a;border:none;border-radius:8px;color:#aaa;cursor:pointer;flex:1 1;font-weight:700;padding:.8rem;transition:all .2s}.diff-btn.active.easy{background:#4caf50;box-shadow:0 0 15px #4caf5066;color:#fff}.diff-btn.active.medium{background:#ffc107;box-shadow:0 0 15px #ffc10766;color:#000}.diff-btn.active.hard{background:#f44336;box-shadow:0 0 15px #f4433666;color:#fff}.view-leaderboard-btn{background:#ffffff1a;border:1px solid #ffd7004d;border-radius:12px;color:gold;display:block;font-weight:700;padding:1rem;text-align:center;text-decoration:none;transition:all .2s}.view-leaderboard-btn:hover{background:#ffd7001a;transform:translateY(-2px)}.start-btn{background:linear-gradient(135deg,#673ab7,#512da8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:transform .2s}.start-btn:hover{box-shadow:0 5px 15px #673ab766;transform:translateY(-2px)}.game-board-area{align-items:center;background:#0003;border-radius:20px;display:flex;flex:2 1;flex-direction:column;justify-content:center;min-height:500px;min-width:300px;padding:2rem}.game-grid{grid-gap:10px;aspect-ratio:1;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-width:400px;width:100%}.game-cell{align-items:center;background:#ffffff0d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:3rem;font-weight:700;justify-content:center;transition:all .2s}.game-cell:hover:not(.taken){background:#ffffff26}.game-cell.taken{cursor:default}.turn-badge{background:#333;border-radius:20px;display:inline-block;font-weight:700;margin-bottom:2rem;padding:.5rem 1.5rem}.turn-badge.your-turn{background:#2196f3;color:#fff}.turn-badge.ai-turn{background:#ff9800;color:#fff}.turn-badge.win{background:#4caf50}.turn-badge.loss,.turn-badge.win{font-size:1.5rem;padding:1rem 2rem}.turn-badge.loss{background:#f44336}.turn-badge.draw{background:#9e9e9e;font-size:1.5rem;padding:1rem 2rem}@media (max-width:768px){.game-container{flex-direction:column}.game-board-area{min-height:400px}}.leaderboard-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;max-height:300px;overflow-y:auto;padding:1.5rem}.leaderboard-card h3{color:#aaa;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.leaderboard-list{display:flex;flex-direction:column;gap:.8rem}.leaderboard-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;padding:.5rem}.rank{color:gold;font-weight:700;width:25px}.leaderboard-avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.player-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-wins{color:#4caf50;font-weight:700}.leaderboard-page{color:#fff;margin:0 auto;max-width:800px;padding:2rem}.leaderboard-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative}.back-btn{color:#aaa;font-size:1rem;left:0;position:absolute;text-decoration:none;transition:color .2s}.back-btn:hover{color:#fff}.page-title{margin:0;text-align:center}.leaderboard-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.difficulty-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.tab-btn{background:#ffffff1a;border:none;border-radius:30px;color:#aaa;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 2rem;transition:all .3s}.tab-btn.active{color:#fff;transform:scale(1.05)}.tab-btn.active.easy{background:#4caf50;box-shadow:0 0 15px #4caf5066}.tab-btn.active.medium{background:#ffc107;box-shadow:0 0 15px #ffc10766;color:#000}.tab-btn.active.hard{background:#f44336;box-shadow:0 0 15px #f4433666}.leaderboard-table{display:flex;flex-direction:column;gap:.5rem}.table-header{border-bottom:1px solid #ffffff1a;color:#888;font-weight:700;margin-bottom:.5rem}.table-header,.table-row{display:flex;padding:1rem}.table-row{align-items:center;background:#ffffff08;border-radius:12px;transition:transform .2s}.table-row:hover{background:#ffffff14;transform:translateX(5px)}.rank-col{font-weight:700;text-align:center;width:60px}.player-col{flex:1 1}.wins-col{color:gold;font-weight:700;text-align:right;width:80px}.rank-1{color:gold;font-size:1.2rem}.rank-2{color:silver}.rank-2,.rank-3{font-size:1.1rem}.rank-3{color:#cd7f32}.player-info{align-items:center;display:flex;gap:1rem}.avatar{border:2px solid #ffffff1a;border-radius:50%;height:40px;object-fit:cover;width:40px}.name{font-weight:500}.no-data{font-style:italic}.loading-spinner,.no-data{color:#aaa;padding:2rem;text-align:center}.games-hub-container{color:#fff;margin:0 auto;max-width:1200px;padding:20px}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}@media (max-width:900px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.games-grid{grid-template-columns:1fr}}.game-card{background:#1e1e1e;border:1px solid #333;border-radius:15px;padding:20px;transition:transform .2s,border-color .2s}.game-card:hover{border-color:#6c63ff;transform:translateY(-5px)}.game-card h2{color:#fff;margin-top:0}.game-card p{color:#aaa;margin-bottom:20px}.join-section{background:#252525;border:1px solid #333;border-radius:15px;margin-top:40px;max-width:400px;padding:20px}.join-section input{background:#333;border:1px solid #444;border-radius:8px;color:#fff;font-size:16px;margin-top:10px;padding:12px;width:100%}.join-section input:focus{border-color:#6c63ff;outline:none}.join-section button{background:#ff4081;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:background .2s;width:100%}.join-section button:hover{background:#f50057}