@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";.sidebar{background:linear-gradient(180deg,#1a1f35,#111c44,#0f1419);width:290px;height:100vh;display:flex;flex-direction:column;color:var(--text-color);position:fixed;top:0;left:0;z-index:1000;box-shadow:4px 0 20px #0000004d;border:1px solid rgba(79,209,197,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:width .5s ease-in-out;padding:40px 30px;align-items:flex-start;border-radius:15px}.sidebar.open{width:290px}.sidebar.closed{width:120px;box-shadow:2px 0 15px #0003}.sidebar.closed .sidebar-logo,.sidebar.closed .sidebar-navbar{padding-left:0;padding-right:0}@keyframes sidebarSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar{animation:sidebarSlideIn .6s cubic-bezier(.4,0,.2,1)}.sidebar .trait{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(79,209,197,.3) 50%,transparent 100%);margin:20px 0;position:relative}.sidebar .trait:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(79,209,197,.6) 50%,transparent 100%);opacity:.5}.sidebar .sidebar-logo{padding:0 0 40px}.sidebar .sidebar-logo .logo{display:flex;gap:12px;cursor:pointer;padding:12px 16px;border-radius:12px;transition:background .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;height:65px}.sidebar .sidebar-logo .logo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,209,197,.1),transparent);transition:left .5s ease}.sidebar .sidebar-logo .logo:hover:before{left:100%}.sidebar .sidebar-logo .logo:hover{background:#4fd1c50d;transform:translateY(-2px)}.sidebar .sidebar-logo .logo .img{display:flex;align-items:center;justify-content:center}.sidebar .sidebar-logo .logo .text{font-size:24px;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.sidebar.closed .sidebar-logo .logo{justify-content:center;padding:12px 8px}.sidebar.closed .sidebar-logo .logo .text{display:none}.sidebar .sidebar-logo .logo:hover .text{transform:translateY(-1px)}.sidebar .sidebar-logo .logo .text div{line-height:26px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sidebar .sidebar-logo .logo .text div:nth-child(1){font-weight:700;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar .sidebar-logo .logo .text div:nth-child(2){font-weight:300;opacity:.8;font-size:14px;letter-spacing:1px;text-transform:uppercase}.sidebar .sidebar-navbar{padding:40px 0 0;display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar .sidebar-navbar svg{fill:#fffc;transition:all .3s ease;width:20px;height:20px}.sidebar .sidebar-navbar .button:hover svg{fill:#4fd1c5;transform:scale(1.1)}.sidebar .sidebar-navbar .button.active svg{fill:#4fd1c5;filter:drop-shadow(0 0 4px rgba(79,209,197,.5))}.sidebar .sidebar-navbar .button{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border-radius:12px;transition:all .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin-bottom:4px;height:48px}.sidebar .sidebar-navbar .button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,209,197,.2),transparent);transition:left .4s ease}.sidebar .sidebar-navbar .button:hover:before{left:100%}.sidebar .sidebar-navbar .button:hover{background:#4fd1c51a;transform:translate(4px);box-shadow:0 4px 12px #4fd1c526}.sidebar.closed .sidebar-navbar .button:hover{transform:translate(4px)}.sidebar .sidebar-navbar .button.active{background:linear-gradient(135deg,#4fd1c533,#4fd1c51a);border-left:3px solid #4fd1c5;box-shadow:0 2px 8px #4fd1c533}.sidebar .sidebar-navbar .button .div-img,.sidebar .sidebar-navbar .button .div-name{text-wrap-mode:nowrap;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.sidebar.closed .sidebar-navbar .button .div-name{display:none}.sidebar .sidebar-navbar .top{display:flex;flex-direction:column;gap:10px}@media (max-width: 1024px){.sidebar{position:static;width:100%;height:auto;box-shadow:none;border-right:none;animation:none;transition:none}.sidebar.closed{width:100%}.sidebar .sidebar-logo .logo:hover{transform:none}.sidebar .sidebar-navbar .button:hover{transform:none;box-shadow:none}}@media (max-width: 768px){.sidebar{position:static;width:100%;height:auto;box-shadow:none;border-right:none;animation:none;transition:none}.sidebar.closed{width:100%}.sidebar .sidebar-logo .logo{padding:8px 12px}.sidebar .sidebar-navbar .button{padding:10px 12px;margin-bottom:2px}.sidebar .sidebar-navbar .button:hover{transform:none;box-shadow:none}}header{padding:0 21px;height:104px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-nav-left{height:66px}.url{font-weight:500;font-style:Medium;font-size:14px;line-height:24px;letter-spacing:0%;color:#fff}.page{font-weight:700;font-size:34px;line-height:42px;letter-spacing:-2%;color:#fff}.header-nav-right{display:flex;align-items:center;background:linear-gradient(135deg,#111c44f2,#1a1f35f2),radial-gradient(circle at 20% 80%,rgba(79,209,197,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(56,178,172,.08) 0%,transparent 50%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,209,197,.25);border-radius:28px;height:63px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff1f,0 0 80px #4fd1c50f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.header-nav-right.has-search{justify-content:space-between;padding:14px 18px}.header-nav-right.has-search.search-expanded{width:40%}.header-nav-right.no-search{justify-content:flex-end;padding:14px 18px}@keyframes pulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.header-nav-right:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 15px 50px #00000073,inset 0 1px #ffffff2e,0 0 30px #4fd1c51f,0 0 60px #38b2ac14;border-color:#4fd1c580;background:linear-gradient(135deg,#111c44fa,#1a1f35fa),radial-gradient(circle at 20% 80%,rgba(79,209,197,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(56,178,172,.12) 0%,transparent 50%);overflow:visible}.header-nav-right.search-active:hover{transform:none;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff1f,0 0 80px #4fd1c50f;border-color:#4fd1c540;background:linear-gradient(135deg,#111c44f2,#1a1f35f2),radial-gradient(circle at 20% 80%,rgba(79,209,197,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(56,178,172,.08) 0%,transparent 50%)}.params{width:200px;display:flex;justify-content:space-between;align-items:center;gap:12px}.params button{background:linear-gradient(135deg,#4fd1c514,#38b2ac14),linear-gradient(135deg,#111c444d,#1a1f354d);border:1px solid rgba(79,209,197,.4);border-radius:14px;padding:9px 14px;color:#a3aed0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;font-weight:500;font-size:13px;letter-spacing:.3px}.params button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,209,197,.2),transparent);transition:left .4s ease}.params button:hover:before{left:100%}.params button:hover{background:linear-gradient(135deg,#4fd1c526,#38b2ac26),linear-gradient(135deg,#111c4466,#1a1f3566);border-color:#4fd1c5b3;color:#4fd1c5;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #4fd1c540,inset 0 1px #ffffff1a;text-shadow:0 0 8px rgba(79,209,197,.3)}.params button:active{transform:translateY(0)}header .div-name{display:none}header .button{display:flex;justify-content:center;align-items:center;cursor:pointer}header .div-img{display:flex;justify-content:center;align-items:center;position:relative}header .div-img img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(79,209,197,.3);transition:all .3s ease;cursor:pointer;object-fit:cover}header .div-img img:hover{border-color:#4fd1c5cc;transform:scale(1.05);box-shadow:0 0 20px #4fd1c54d}header .div-img:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#4fd1c54d,#38b2ac4d);opacity:0;transition:opacity .3s ease;z-index:-1}header .div-img:hover:before{opacity:1}@media (max-width: 768px){.header-nav-right.has-search.search-collapsed{width:35%;padding:12px 14px}.header-nav-right.has-search.search-expanded{width:45%;padding:12px 14px}.header-nav-right.no-search{width:35%;justify-content:flex-end;padding:12px 14px}.header-nav-right.no-search .params{width:auto;gap:12px}.header-nav-right{border-radius:24px;height:auto;min-height:57px;box-shadow:0 6px 24px #00000040,inset 0 1px #ffffff14,0 0 40px #4fd1c50a;overflow:visible}.header-nav-right:hover{transform:translateY(-1px);box-shadow:0 8px 28px #0000004d,inset 0 1px #ffffff1a,0 0 50px #4fd1c50f;overflow:visible}.header-nav-right.search-active:hover{transform:none;box-shadow:0 6px 24px #00000040,inset 0 1px #ffffff14,0 0 40px #4fd1c50a}@media (max-width: 480px){.header-nav-right.search-active:hover{transform:none;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0f,0 0 25px #4fd1c508}}.params{width:170px;gap:10px}.params button{padding:7px 12px;font-size:12px;border-radius:12px}.search input{padding:10px 15px;font-size:13px;height:35px}.search-results{max-height:280px;right:0;left:0;border-radius:12px}.search-result-item{padding:10px 12px}.result-title{font-size:13px}.result-subtitle{font-size:11px}.result-icon{width:20px;margin-right:8px;font-size:16px}.result-type{font-size:9px;padding:3px 6px;margin-left:8px}header .div-img img{width:40px;height:40px}}@media (max-width: 480px){.header-nav-right.has-search.search-collapsed{width:40%;padding:10px 12px}.header-nav-right.has-search.search-expanded{width:55%;padding:10px 12px}.header-nav-right.no-search{width:40%;justify-content:flex-end;padding:10px 12px}.header-nav-right.no-search .params{width:auto;gap:10px}.header-nav-right{border-radius:20px;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0f,0 0 25px #4fd1c508;overflow:visible}.params{width:130px;gap:8px}.params button{padding:6px 10px;font-size:11px;border-radius:10px}.search input{padding:8px 12px;font-size:12px;height:32px}.search-spinner{right:12px;font-size:14px}.search-result-item{padding:8px 10px}.result-icon{width:20px;margin-right:8px;font-size:16px}.result-title{font-size:12px}.result-subtitle{font-size:10px}header .div-img img{width:36px;height:36px}.search-results{border-radius:10px;margin-top:3px}.result-type{font-size:9px;padding:3px 6px;margin-left:8px}.user-group-result{border-left-width:3px}.user-name-highlight{font-weight:600}.group-name-highlight{font-weight:500;font-style:normal}}.search{position:relative;flex:1;margin-right:15px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.search.collapsed{flex:0 0 50px}.search.collapsed input{width:40px!important;padding:12px 15px 12px 40px;cursor:pointer}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a3aed0b3;font-size:16px;pointer-events:none;z-index:1}.search.expanded{flex:1}.search input{background:linear-gradient(135deg,#0b1437cc,#111c44cc);border:2px solid rgba(79,209,197,.2);border-radius:25px;padding:12px 45px 12px 20px;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;outline:none}.search input:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,209,197,.05),transparent);transition:left .6s ease}.search input:focus:before{left:100%}.search input:focus{border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a,inset 0 1px 2px #4fd1c51a;background:linear-gradient(135deg,#0b1437f2,#111c44f2);transform:translateY(-1px);width:100%}.search input::placeholder{color:#a3aed0b3}.search-spinner{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#4fd1c5;font-size:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.search-results{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#111c44f2,#1a1f35f2);border-radius:15px;border:1px solid rgba(79,209,197,.2);box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;max-height:400px;overflow-y:auto;margin-top:5px;pointer-events:auto;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.search-result-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(79,209,197,.1)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:linear-gradient(135deg,#4fd1c51a,#38b2ac0d);transform:translate(5px);border-left:3px solid #4fd1c5}.result-icon{font-size:18px;margin-right:12px;width:24px;text-align:center}.result-content{flex:1;min-width:0}.result-title{color:#fff;font-weight:600;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-subtitle{color:#a3aed0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-type{color:#4fd1c5;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;background:#4fd1c51a;border-radius:10px;margin-left:10px}.user-group-result{border-left:4px solid #667eea;background:linear-gradient(135deg,#667eea0d,#4fd1c505)}.user-group-result:hover{background:linear-gradient(135deg,#667eea1a,#4fd1c50d);border-left-color:#667eea}.user-name-highlight{color:#667eea;font-weight:700}.group-name-highlight{color:#4fd1c5;font-weight:600;font-style:italic}.user-avatar{margin-right:12px;width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid rgba(79,209,197,.3)}.user-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#4fd1c51a;font-size:16px}.user-info{flex:1;min-width:0}.user-name{color:#fff;font-weight:600;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:#a3aed0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#4fd1c5;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;background:#4fd1c51a;border-radius:10px;margin-left:10px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#1a1f354d;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#4fd1c580;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#4fd1c5b3}.search-results.hiding{opacity:0;transform:translateY(-10px)}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;text-align:center;color:#a3aed0}.no-results-icon{font-size:24px;margin-bottom:8px;opacity:.6}.no-results-text{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.no-results-subtitle{font-size:12px;opacity:.7}.search-message{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#dc3545f2,#b02a37f2);border-radius:15px;border:1px solid rgba(220,53,69,.5);box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;margin-top:5px;padding:12px 16px;color:#fff;font-size:14px;font-weight:500;text-align:center;animation:fadeIn .3s ease;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-logo{border-radius:50%;display:flex;align-items:center;justify-content:center;border:#111C44 4px solid}footer{background-color:#0b122c;width:100%;display:flex;justify-content:space-between;padding:37px 80px;margin-top:auto}footer nav{display:flex;gap:48px}footer p{color:#fff;font-weight:500;font-style:Medium;font-size:14px;line-height:24px;letter-spacing:-2%;text-align:center}footer nav a{text-decoration:none;color:#fff;font-weight:500;font-style:Medium;font-size:14px;line-height:24px;letter-spacing:-2%;text-align:center}@media screen and (max-width: 1024px){footer{padding:37px 20px}footer p{font-size:12px;line-height:20px}footer nav a{font-size:12px;line-height:20px}}@media screen and (max-width: 940px){footer{align-items:center;flex-direction:column-reverse;padding:37px 20px}footer nav{margin-bottom:20px}}.profile-page{width:100%;min-height:calc(100vh - 250px);padding:20px}.profile-page .fade-in-up{opacity:0;transform:translateY(30px);transition:all .3s ease}.profile-page.content-loaded .fade-in-up{opacity:1;transform:translateY(0)}.profile-header{text-align:center;margin-bottom:40px;padding:20px 0}.profile-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-header p{color:#a3aed0;font-size:1.1rem;font-weight:400;max-width:600px;margin:0 auto}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;margin:0 auto}.team-card{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;cursor:pointer;border:1px solid rgba(79,209,197,.1);position:relative;height:800px;display:flex;flex-direction:column}.team-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #4fd1c526;border-color:#4fd1c54d}.team-card:hover .team-image{transform:scale(1.08)}.team-card:after{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;background:#4fd1c533;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.team-card:hover:after{opacity:1}.team-header{position:relative}.team-image-container{position:relative;width:100%;height:200px;overflow:hidden}.team-image{width:100%;height:100%;padding:10px;transition:transform .3s ease}.team-card:hover .team-image{transform:scale(1.05)}.team-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#4fd1c51a);display:flex;align-items:flex-start;justify-content:flex-end;padding:15px}.team-stats{background:#000000b3;padding:5px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.member-count{color:#fff;font-size:.85rem;font-weight:500}.team-info{padding:20px;background:linear-gradient(135deg,#1a1f35e6,#111c44e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.team-type{color:#4fd1c5;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.team-leaderboard{padding:20px;flex:1;display:flex;flex-direction:column;min-height:0}.leaderboard-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.leaderboard-title:before{content:"🏆";font-size:1.1rem}.leaderboard-list{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4fd1c5 #1b254b;min-height:0}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-track{background:#1a1f354d;border-radius:10px}.leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:10px;border:1px solid rgba(26,31,53,.5)}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#38b2ac,#319795)}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#1a1f3580;border-radius:12px;border:1px solid rgba(79,209,197,.1);transition:all .2s ease}.leaderboard-item:hover{background:#4fd1c51a;border-color:#4fd1c54d}.rank-info{display:flex;align-items:center;gap:12px}.rank-badge{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:#fff;box-shadow:0 2px 8px #0003}.user-name{color:#fff;font-weight:500;font-size:.95rem}.score-info{display:flex;flex-direction:column;align-items:flex-end}.score{color:#4fd1c5;font-size:1.1rem;font-weight:700}.score-label{color:#a3aed0;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.no-members{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#a3aed0}.no-members-icon{font-size:2rem;margin-bottom:10px}.no-members-text{font-size:.9rem;text-align:center}.team-actions{padding:0 20px 20px;flex-shrink:0}.view-details-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;color:#a3aed0;background:linear-gradient(135deg,#0f1419,#1a1f35)}.no-teams{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;border:2px dashed rgba(79,209,197,.3)}.no-teams-icon{font-size:3rem;margin-bottom:20px}.no-teams h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:10px}.no-teams p{color:#a3aed0;font-size:1rem;max-width:400px}@media (max-width: 768px){.teams-grid{grid-template-columns:1fr;gap:20px;padding:10px}.profile-header h1{font-size:2rem}.team-card{margin:0 10px}.team-name{font-size:1.3rem}.leaderboard-title{font-size:1.1rem}}@media (max-width: 480px){.profile-header{margin-bottom:20px;padding:10px}.profile-header h1{font-size:1.8rem}.profile-header p{font-size:1rem}.team-info,.team-leaderboard{padding:15px}.team-actions{padding:0 15px 15px}}.archive-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d;position:relative;overflow:hidden}.archive-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.archive-btn:hover:before{left:100%}.archive-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.archive-icon{font-size:1.1rem}.archive-text{font-size:.9rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:20px;text-align:center}.archive-btn{padding:10px 16px;font-size:.85rem}}@media (max-width: 480px){.archive-btn{padding:8px 14px;font-size:.8rem}.archive-text{font-size:.8rem}}.content-loaded .delay-1{transition-delay:.2s}.content-loaded .delay-2{transition-delay:.4s}.content-loaded .delay-3{transition-delay:.6s}.teams-grid>*{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.content-loaded .teams-grid>*:nth-child(1){transition-delay:.1s}.content-loaded .teams-grid>*:nth-child(2){transition-delay:.2s}.content-loaded .teams-grid>*:nth-child(3){transition-delay:.3s}.content-loaded .teams-grid>*:nth-child(4){transition-delay:.4s}.content-loaded .teams-grid>*:nth-child(5){transition-delay:.5s}.content-loaded .teams-grid>*:nth-child(6){transition-delay:.6s}.content-loaded .teams-grid>*:nth-child(7){transition-delay:.7s}.content-loaded .teams-grid>*:nth-child(8){transition-delay:.8s}.content-loaded .teams-grid>*{opacity:1;transform:translateY(0)}.user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(79,209,197,.3);box-shadow:0 2px 8px #0003}.players-list{display:flex;flex-direction:column;gap:15px}.player-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #4fd1c5;box-shadow:0 2px 8px #4fd1c533}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;color:#a3aed0}.loading-container{display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;border:1px solid rgba(79,209,197,.1);box-shadow:0 20px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner-modern{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #4fd1c5;border-radius:50%;animation:spin 1.5s cubic-bezier(.4,0,.2,1) infinite}.spinner-ring:nth-child(2){animation-delay:-.5s;border-top-color:#38b2ac;width:60px;height:60px;top:10px;left:10px}.spinner-ring:nth-child(3){animation-delay:-1s;border-top-color:#319795;width:40px;height:40px;top:20px;left:20px}.spinner-center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#4fd1c5;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #4fd1c599;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.loading-text{text-align:center}.loading-text h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-text p{color:#a3aed0;font-size:1rem;margin:0}.loading-progress{width:200px;height:4px;background:#4fd1c51a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4fd1c5,#38b2ac);border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.page-content{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.page-content.content-loaded,.teams-grid.content-loaded{opacity:1!important;transform:translateY(0)!important;will-change:auto}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.content-loaded .fade-in-up,.content-loaded.fade-in-up{opacity:1!important;transform:translateY(0)!important;will-change:auto}.content-loaded .delay-1{transition-delay:.1s}.content-loaded .delay-2{transition-delay:.2s}.content-loaded .delay-3{transition-delay:.3s}.content-loaded .delay-4{transition-delay:.4s}.teams-grid{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.stagger-item{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.content-loaded .stagger-item:nth-child(1){transition-delay:.1s}.content-loaded .stagger-item:nth-child(2){transition-delay:.15s}.content-loaded .stagger-item:nth-child(3){transition-delay:.2s}.content-loaded .stagger-item:nth-child(4){transition-delay:.25s}.content-loaded .stagger-item:nth-child(5){transition-delay:.3s}.content-loaded .stagger-item:nth-child(6){transition-delay:.35s}.content-loaded .stagger-item:nth-child(7){transition-delay:.4s}.content-loaded .stagger-item:nth-child(8){transition-delay:.45s}.content-loaded .stagger-item:nth-child(9){transition-delay:.5s}.content-loaded .stagger-item:nth-child(10){transition-delay:.55s}.content-loaded .stagger-item{opacity:1!important;transform:translateY(0)!important;will-change:auto}.content-loaded .header-content{width:auto}.teams-page-container{width:100%;min-height:calc(100vh - 250px);background:linear-gradient(135deg,#0f1419,#1a1f35);padding:20px;color:#fff}.teams-page-header{text-align:center;margin-bottom:40px;padding:20px 0}.teams-page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.teams-page-header p{color:#a3aed0;font-size:1.1rem;font-weight:400;max-width:500px;margin:0 auto}.teams-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.stats-card{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1);transition:all .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #4fd1c526;border-color:#4fd1c54d}.stats-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#4fd1c51a;border-radius:50%;border:2px solid #4fd1c5}.stats-info{display:flex;flex-direction:column}.stats-value{font-size:2rem;font-weight:700;color:#4fd1c5;line-height:1}.stats-label{font-size:.9rem;color:#a3aed0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.teams-actions{display:flex;justify-content:center;margin-bottom:40px}.create-team-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:15px 30px;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #4fd1c54d}.create-team-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.create-team-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-team-btn span{font-size:1.2rem;font-weight:700}.team{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;cursor:pointer;border:1px solid rgba(79,209,197,.1)}.team:hover{transform:translateY(-5px);box-shadow:0 20px 40px #4fd1c526;border-color:#4fd1c54d}.top_team{position:relative;width:100%;height:200px;overflow:hidden}.top_team img{width:100%;height:100%;padding:10px;transition:transform .3s ease}.team:hover .top_team img{transform:scale(1.05)}.top_team:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#4fd1c51a);pointer-events:none}.team_people{padding:25px;display:grid;gap:15px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4fd1c5 #1b254b}.team_people::-webkit-scrollbar{width:6px}.team_people::-webkit-scrollbar-track{background:#1a1f354d;border-radius:10px}.team_people::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:10px;border:1px solid rgba(26,31,53,.5)}.team_people::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#38b2ac,#319795)}.team-item{background:#1a1f35cc;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(79,209,197,.1);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-item:hover{background:#4fd1c51a;border-color:#4fd1c54d;transform:translate(3px)}.team-item img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #4fd1c5;transition:transform .3s ease}.team-item:hover img{transform:scale(1.1)}.team-item-info{flex:1}.team-item-name{display:flex;flex-direction:column;gap:2px}.team-item-name .name{font-weight:600;font-size:.95rem;color:#fff;line-height:1.2}.team-item-name .position,.team-item-name .job-title{font-size:.75rem;color:#a3aed0;font-weight:500}.set{background:none;border:none;color:#a3aed0;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:35px;height:35px}.set:hover{background:#4fd1c51a;color:#4fd1c5;transform:scale(1.1)}.no-teams{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;border:2px dashed rgba(79,209,197,.3)}.no-teams-icon{font-size:4rem;margin-bottom:20px}.no-teams h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:10px}.no-teams p{color:#a3aed0;font-size:1rem;max-width:400px;margin-bottom:30px}.create-first-team-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:15px 30px;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #4fd1c54d}.create-first-team-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.teams-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;color:#a3aed0}.teams-page-loading h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:10px}.teams-page-loading p{font-size:1rem;text-align:center;max-width:300px}.modal-close:hover:not(:disabled){background:#4fd1c51a;color:#4fd1c5}.modal-close:disabled{opacity:.5;cursor:not-allowed}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:#4fd1c51a;border-color:#4fd1c5;color:#4fd1c5}.btn-primary{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #4fd1c54d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.teams-page-container{padding:15px}.teams-page-header h1{font-size:2rem}.teams-stats{grid-template-columns:1fr;gap:15px}.teams-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.team_people{grid-template-columns:1fr;gap:12px;padding:20px}.modal-content{margin:20px;width:calc(100% - 40px)}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.teams-page-header{margin-bottom:20px;padding:10px 0}.teams-page-header h1{font-size:1.8rem}.teams-page-header p{font-size:1rem}.stats-card{padding:20px}.stats-icon{width:50px;height:50px;font-size:2rem}.stats-value{font-size:1.5rem}.modal-form{padding:20px}}.team-detail-container{width:100%;min-height:calc(100vh - 250px);padding:20px;color:#fff}.team-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;border-bottom:1px solid rgba(79,209,197,.2)}.header-content{display:flex;align-items:center;gap:20px}.title-section h1{font-size:2.5rem;font-weight:700;margin-bottom:5px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-section p{color:#a3aed0;font-size:1.1rem;font-weight:400}.header-actions{display:flex;gap:15px}.edit-team-btn,.delete-team-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none}.edit-team-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;box-shadow:0 4px 15px #4fd1c54d}.edit-team-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.delete-team-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;box-shadow:0 4px 15px #e53e3e4d}.delete-team-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e66;background:linear-gradient(135deg,#c53030,#9b2c2c)}.team-card-modern{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1);margin-bottom:30px;transition:all .3s ease;height:100%}.team-card-modern:hover{transform:translateY(-2px);box-shadow:0 15px 40px #4fd1c526;border-color:#4fd1c54d}.team-card-header{display:flex;align-items:center;padding:25px;gap:20px}.team-avatar-section{flex-shrink:0}.team-avatar-section img{width:80px;height:80px;border-radius:50%;border:3px solid #4fd1c5;box-shadow:0 4px 12px #4fd1c54d}.team-info-section{flex:1}.team-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:8px}.team-meta{display:flex;gap:20px;align-items:center}.team-type{color:#a3aed0;font-size:.9rem;font-weight:500;padding:4px 12px;border-radius:20px;background:#4fd1c51a;border:1px solid rgba(79,209,197,.2)}.team-stats-section{display:flex;gap:30px;padding:0 25px 25px;border-top:1px solid rgba(79,209,197,.1)}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#4fd1c51a;border-radius:50%;border:2px solid #4fd1c5}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#4fd1c5;line-height:1}.stat-label{font-size:.8rem;color:#a3aed0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.team-members-section,.available-users-section{margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(79,209,197,.2)}.section-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.member-count,.user-count{color:#a3aed0;font-size:.9rem;font-weight:500;background:#4fd1c51a;padding:4px 12px;border-radius:20px;border:1px solid rgba(79,209,197,.2)}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.member-card{background:linear-gradient(135deg,#1a1f35,#111c44);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid rgba(79,209,197,.1);transition:all .3s ease;box-shadow:0 4px 15px #0003}.member-card{will-change:transform,box-shadow,border-color}.member-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4fd1c526;border-color:#4fd1c54d}.member-avatar{flex-shrink:0}.member-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #4fd1c5;box-shadow:0 2px 8px #4fd1c533}.member-info{flex:1}.member-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:5px}.member-details{display:flex;flex-direction:column;gap:2px}.member-position,.member-job{font-size:.8rem;color:#a3aed0;font-weight:500}.member-actions{display:flex;gap:8px}.edit-member-btn,.remove-member-btn{width:35px;height:35px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;will-change:transform,background}.edit-member-btn{background:#4fd1c51a;color:#4fd1c5}.edit-member-btn:hover{background:#4fd1c533;transform:scale(1.1)}.remove-member-btn{background:#e53e3e1a;color:#e53e3e}.remove-member-btn:hover{background:#e53e3e33;transform:scale(1.1)}.no-members{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:15px;border:2px dashed rgba(79,209,197,.3)}.no-members-icon{font-size:3rem;margin-bottom:15px}.no-members h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:8px}.no-members p{color:#a3aed0;font-size:.9rem;max-width:300px}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.user-card-modern{background:linear-gradient(135deg,#1a1f35,#111c44);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid rgba(79,209,197,.1);transition:all .3s ease;box-shadow:0 4px 15px #0003}.user-card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4fd1c526;border-color:#4fd1c54d}.user-avatar{flex-shrink:0}.user-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #4fd1c533}.user-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:3px}.user-id{font-size:.8rem;color:#a3aed0;font-weight:500}.user-actions{flex-shrink:0}.add-user-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4fd1c54d}.add-user-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(79,209,197,.2);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px 20px;border-bottom:1px solid rgba(79,209,197,.2)}.modal-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#a3aed0;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#4fd1c51a;color:#4fd1c5}.modal-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{display:block;color:#fff;font-weight:600;margin-bottom:8px;font-size:.95rem}.form-group input{width:100%;padding:12px 16px;background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.form-group input[type=file]{padding:8px;cursor:pointer}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.btn-secondary{background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);color:#a3aed0;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#4fd1c51a;border-color:#4fd1c5;color:#4fd1c5}.btn-primary{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.team-detail-container{padding:15px}.team-detail-header{flex-direction:column;gap:20px;text-align:center}.header-content{flex-direction:column;gap:15px;width:100%}.title-section h1{font-size:2rem}.back-to-teams-btn{align-self:flex-start}.balls-page-header .header-content{flex-direction:column;gap:15px;text-align:center}.balls-page-header .title-section h1{font-size:2rem}.header-actions{width:100%;justify-content:center}.team-card-header{flex-direction:column;text-align:center;gap:15px}.team-name{font-size:1.5rem}.team-stats-section{flex-direction:column;gap:20px}.members-grid,.users-grid{grid-template-columns:1fr;gap:15px}.member-card,.user-card-modern{flex-direction:column;text-align:center;gap:12px}.modal-content{margin:20px;width:calc(100% - 40px)}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.member-avatar{position:relative;display:inline-block}.member-avatar .status-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;z-index:10}.member-avatar .status-indicator.active{background:#4fd1c5;box-shadow:0 0 10px #4fd1c599;animation:statusPulse 2s infinite}.member-avatar .status-indicator.inactive{background:#e53e3e;box-shadow:0 0 10px #e53e3e99;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-indicator{position:absolute!important;bottom:2px!important;right:2px!important;width:14px!important;height:14px!important;border-radius:50%!important;border:2px solid #ffffff!important;z-index:10!important}.status-indicator.active{background:#4fd1c5!important;box-shadow:0 0 10px #4fd1c599!important}.status-indicator.inactive{background:#e53e3e!important;box-shadow:0 0 10px #e53e3e99!important}.member-card .member-avatar{position:relative!important;display:inline-block!important}.member-card .member-avatar img{position:relative!important;z-index:1!important}.member-avatar:has(.status-indicator){position:relative!important}.member-avatar{position:relative!important}.member-avatar img[src=""],.member-avatar img:not([src]),.member-avatar img[src*=null],.member-avatar img[src*=undefined]{display:none}.member-avatar:has(img[src=""]),.member-avatar:has(img:not([src])),.member-avatar:has(img[src*=null]),.member-avatar:has(img[src*=undefined]):after{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#a3aed0;z-index:1}.status-indicator{display:block!important;visibility:visible!important;opacity:1!important}@keyframes statusGlow{0%,to{box-shadow:0 0 10px #4fd1c599}50%{box-shadow:0 0 15px #4fd1c5e6}}.status-indicator.active{animation:statusGlow 3s ease-in-out infinite!important}@keyframes statusGlowInactive{0%,to{box-shadow:0 0 10px #e53e3e99}50%{box-shadow:0 0 15px #e53e3ee6}}.status-indicator.inactive{animation:statusGlowInactive 3s ease-in-out infinite!important}.toggle-status-btn{width:35px;height:35px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.toggle-status-btn.activate{background:#4fd1c51a;color:#4fd1c5}.toggle-status-btn.activate:hover{background:#4fd1c533;transform:scale(1.1)}.toggle-status-btn.deactivate{background:#e53e3e1a;color:#e53e3e}.toggle-status-btn.deactivate:hover{background:#e53e3e33;transform:scale(1.1)}.member-role{font-size:.75rem;color:#a3aed0;font-weight:500;background:#4fd1c51a;padding:2px 8px;border-radius:10px;display:inline-block;margin-top:4px}.delete-confirmation-modal .modal-body{text-align:center;padding:20px 0}.delete-confirmation-modal .delete-warning{display:flex;flex-direction:column;align-items:center;gap:15px}.delete-confirmation-modal .warning-icon{font-size:3rem}.delete-confirmation-modal .warning-text{color:#e53e3e!important;font-weight:600;font-size:1rem}.delete-confirmation-modal .warning-subtext{color:#a3aed0;font-size:.9rem;line-height:1.4;max-width:300px}.btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e53e3e4d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e66;background:linear-gradient(135deg,#c53030,#9b2c2c)}.form-group small{color:#a3aed0;font-size:.8rem;margin-top:4px;display:block}.form-group input:disabled{background:#7180961a;color:#a3aed0;cursor:not-allowed;border-color:#7180964d}.field-disabled-notice{color:#e53e3e!important;font-weight:500}.admin-edit-warning{background:linear-gradient(135deg,#d69e2e1a,#b7791f1a);border:1px solid rgba(214,158,46,.3);border-radius:12px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.warning-icon{font-size:1.5rem;color:#d69e2e}.warning-content h4{color:#d69e2e;font-size:1rem;font-weight:600;margin-bottom:4px}.warning-content p{color:#a3aed0;font-size:.85rem;margin:0}.users-header-section{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:30px;margin-bottom:30px;border:1px solid rgba(79,209,197,.1);box-shadow:0 10px 30px #0000004d;display:flex;justify-content:space-between;align-items:center;gap:30px}.users-header-content{display:flex;align-items:center;gap:25px;flex:1}.users-header-icon{font-size:4rem;opacity:.8;filter:drop-shadow(0 0 10px rgba(79,209,197,.3))}.users-header-text h1{font-size:2.2rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.users-header-text p{color:#a3aed0;font-size:1.1rem;margin-bottom:15px}.users-header-meta{display:flex;gap:20px;align-items:center}.current-user-role{color:#a3aed0;font-size:.9rem}.current-user-role strong{color:#4fd1c5;font-weight:600}.system-status{color:#a3aed0;font-size:.9rem}.status-active{color:#4fd1c5;font-weight:600}.users-header-actions{display:flex;gap:15px;align-items:center}.create-user-primary-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:15px 25px;border-radius:15px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d;display:flex;align-items:center;gap:8px}.create-user-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.create-user-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-users-btn{background:#4fd1c51a;border:2px solid rgba(79,209,197,.3);color:#4fd1c5;padding:12px;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.refresh-users-btn:hover{background:#4fd1c533;border-color:#4fd1c5;transform:rotate(180deg)}.users-stats-section{margin-bottom:30px}.users-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.users-stat-card{background:linear-gradient(135deg,#1a1f35,#111c44);border-radius:15px;padding:25px;border:1px solid rgba(79,209,197,.1);transition:all .3s ease;position:relative;overflow:hidden}.users-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4fd1c526;border-color:#4fd1c54d}.users-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stat-icon-large{font-size:2.5rem;opacity:.8}.stat-trend,.stat-percentage{font-size:.9rem;font-weight:600;color:#4fd1c5}.stat-badge{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.stat-card-content{text-align:center}.stat-value-large{font-size:2.5rem;font-weight:700;color:#4fd1c5;margin-bottom:5px;line-height:1}.stat-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:3px}.stat-description{font-size:.8rem;color:#a3aed0}.total-users:before{background:linear-gradient(90deg,#4fd1c5,#38b2ac)}.active-users:before{background:linear-gradient(90deg,#48bb78,#38a169)}.inactive-users:before{background:linear-gradient(90deg,#e53e3e,#c53030)}.admin-users:before{background:linear-gradient(90deg,#d69e2e,#b7791f)}.protected-user-badge{width:35px;height:35px;border-radius:8px;background:linear-gradient(135deg,#d69e2e,#b7791f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:help;transition:all .2s ease;box-shadow:0 2px 8px #d69e2e4d}.protected-user-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px #d69e2e66}.access-denied-badge{width:35px;height:35px;border-radius:8px;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:not-allowed;transition:all .2s ease;box-shadow:0 2px 8px #e53e3e4d}.access-denied-badge:hover{transform:scale(1.05);box-shadow:0 3px 10px #e53e3e66}@media (max-width: 768px){.users-header-section{flex-direction:column;text-align:center;gap:20px;padding:20px}.users-header-content{flex-direction:column;gap:15px}.users-header-icon{font-size:3rem}.users-header-text h1{font-size:1.8rem}.users-header-meta{flex-direction:column;gap:10px}.users-header-actions{width:100%;justify-content:center}.users-stats-grid{grid-template-columns:1fr;gap:15px}.users-stat-card{padding:20px}.stat-value-large{font-size:2rem}}@media (max-width: 480px){.users-header-section{padding:15px}.users-header-text h1{font-size:1.5rem}.users-header-icon{font-size:2.5rem}.create-user-primary-btn{padding:12px 20px;font-size:.9rem}.stat-value-large{font-size:1.8rem}.member-avatar .status-indicator{width:12px!important;height:12px!important;bottom:1px!important;right:1px!important;border-width:1px!important}.member-card .member-avatar img{width:50px!important;height:50px!important}}.balls-page-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a1f35);padding:20px;color:#fff}.balls-page-header{text-align:center;margin-bottom:30px;padding:20px 0}.balls-page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balls-page-header p{color:#a3aed0;font-size:1.1rem;font-weight:400}.balls-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(79,209,197,.2);border-top:4px solid #4fd1c5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.group-card-modern{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1);margin-bottom:30px;transition:all .3s ease}.group-card-modern:hover{transform:translateY(-2px);box-shadow:0 15px 40px #4fd1c526;border-color:#4fd1c54d}.group-header{display:flex;align-items:center;padding:25px;gap:20px}.group-avatar{flex-shrink:0}.group-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #4fd1c5;box-shadow:0 4px 12px #4fd1c54d}.group-details{flex:1}.group-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:8px}.group-meta{display:flex;gap:20px;align-items:center}.group-type,.group-id{color:#a3aed0;font-size:.9rem;font-weight:500;padding:4px 12px;border-radius:20px;background:#4fd1c51a;border:1px solid rgba(79,209,197,.2)}.players-section{margin-bottom:30px}.players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(79,209,197,.2)}.players-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.players-count{display:flex;align-items:center;gap:8px}.players-count .count{font-size:1.2rem;font-weight:700;color:#4fd1c5}.players-count .label{color:#a3aed0;font-size:.9rem;font-weight:500}.players-list{display:flex;flex-direction:column;gap:15px;overflow:auto}.player-card{background:linear-gradient(135deg,#1a1f35,#111c44);border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;border:1px solid rgba(79,209,197,.1);transition:all .3s ease;box-shadow:0 4px 15px #0003}.player-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4fd1c526;border-color:#4fd1c54d}.player-rank{flex-shrink:0;width:60px;text-align:center}.rank-badge{font-size:1.5rem;display:block}.rank-number{font-size:1.2rem;font-weight:700;color:#4fd1c5}.player-info{display:flex;align-items:center;gap:15px;flex:1}.player-avatar{flex-shrink:0}.player-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #4fd1c5;box-shadow:0 2px 8px #4fd1c533}.player-details{flex:1}.player-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:3px}.player-id{font-size:.8rem;color:#a3aed0;font-weight:500}.player-score{flex-shrink:0;text-align:center}.score-display{display:flex;flex-direction:column;align-items:center}.score-value{font-size:1.5rem;font-weight:700;color:#4fd1c5;line-height:1}.score-label{font-size:.8rem;color:#a3aed0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.score-large{font-size:1.6rem;font-weight:800}.score-medium{font-size:1.4rem;font-weight:700}.score-small{font-size:1.2rem;font-weight:700}.score-xs{font-size:1.1rem;font-weight:600}.player-actions{flex-shrink:0}.edit-score-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:10px 20px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4fd1c54d}.edit-score-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.edit-score-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.no-players{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:15px;border:2px dashed rgba(79,209,197,.3)}.no-players-icon{font-size:3rem;margin-bottom:15px}.no-players h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:8px}.no-players p{color:#a3aed0;font-size:.9rem;max-width:300px;margin:0 auto}@media (max-width: 768px){.balls-page-container{padding:15px}.balls-page-header h1{font-size:2rem}.group-header{flex-direction:column;text-align:center;gap:15px}.group-name{font-size:1.5rem}.players-header{flex-direction:column;gap:10px;text-align:center}.player-card{flex-direction:column;text-align:center;gap:15px}.player-rank{width:auto}.player-info{justify-content:center}.player-score{order:-1}.player-actions,.edit-score-btn{width:100%}}@media (max-width: 480px){.team-detail-header h1{font-size:1.8rem}.team-detail-header p{font-size:1rem}.team-card-modern{margin-bottom:20px}.team-card-header{padding:20px}.team-avatar-section img{width:70px;height:70px}.team-name{font-size:1.3rem}.modal-form{padding:20px}.section-header h3{font-size:1.3rem}}.back-to-teams-btn{background:#4fd1c51a;border:2px solid rgba(79,209,197,.3);color:#4fd1c5;padding:10px 16px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.back-to-teams-btn:hover{background:#4fd1c533;border-color:#4fd1c5;transform:translateY(-2px);box-shadow:0 4px 12px #4fd1c54d}.back-to-teams-btn:active{transform:translateY(0)}.balls-page-header .header-content{display:flex;align-items:center;gap:20px;margin-bottom:20px}.balls-page-header .title-section h1{font-size:2.5rem;font-weight:700;margin-bottom:5px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balls-page-header .title-section p{color:#a3aed0;font-size:1.1rem;font-weight:400}.pagination-section{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.pagination-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.pagination-btn{background:#4fd1c51a;border:2px solid rgba(79,209,197,.3);color:#4fd1c5;padding:10px 15px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:40px;text-align:center;will-change:transform,background,border-color}.pagination-btn:hover:not(:disabled){background:#4fd1c533;border-color:#4fd1c5;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;border-color:#4fd1c5;box-shadow:0 2px 8px #4fd1c54d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-info{color:#a3aed0;font-size:.9rem;font-weight:500;text-align:center}.teams-pagination{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.teams-pagination .pagination-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.teams-pagination .pagination-btn{background:#4fd1c51a;border:2px solid rgba(79,209,197,.3);color:#4fd1c5;padding:10px 15px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:40px;text-align:center}.teams-pagination .pagination-btn:hover:not(:disabled){background:#4fd1c533;border-color:#4fd1c5;transform:translateY(-1px)}.teams-pagination .pagination-btn.active{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;border-color:#4fd1c5;box-shadow:0 2px 8px #4fd1c54d}.teams-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.teams-pagination .pagination-info{color:#a3aed0;font-size:.9rem;font-weight:500;text-align:center}@media (max-width: 768px){.pagination-controls,.teams-pagination .pagination-controls{gap:5px}.pagination-btn,.teams-pagination .pagination-btn{padding:8px 12px;font-size:.8rem;min-width:35px}.pagination-info,.teams-pagination .pagination-info{font-size:.8rem}}@media (max-width: 480px){.pagination-section,.teams-pagination{margin-top:20px}.pagination-controls,.teams-pagination .pagination-controls{flex-direction:column;gap:8px}.pagination-btn,.teams-pagination .pagination-btn{width:100%;max-width:120px}}.authPage{display:flex;height:100vh;font-family:Inter,sans-serif;color:#fff}.auth_left{flex:1;display:flex;justify-content:center;align-items:center;background:#0e1530}.auth_form{width:320px;display:flex;flex-direction:column;gap:20px}.auth_title{font-size:32px;font-weight:700}.auth_subtitle{font-size:14px;color:#b0b0b0}.btn_google{display:flex;align-items:center;justify-content:center;gap:8px;background:#1c233d;border-radius:8px;padding:12px;cursor:pointer;transition:background .2s}.btn_google:hover{background:#2a3150}.auth_divider{border-bottom:1px solid #2c3458;margin:10px 0}.auth_checkbox{display:flex;align-items:center;gap:8px;font-size:14px}.btn_signin{background:#7a5af5;color:#fff;border-radius:8px;padding:12px;text-align:center;font-weight:600;cursor:pointer;transition:background .2s}.btn_signin:hover{background:#6a48e0}.auth_footer{font-size:13px;color:#b0b0b0}.auth_footer span{color:#7a5af5;cursor:pointer;font-weight:500}.auth_right{flex:1;background-image:url(/Backgroundgg.png);background-size:cover;display:flex;justify-content:center;align-items:center;border-top-left-radius:40px;border-bottom-left-radius:40px}.auth_info{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:230px}.auth_info p{font-size:17.58px;line-height:100%;text-align:center;border-radius:27px;padding:34px;border:2.2px solid #ffffff33;width:370px}.auth_info p a{font-weight:900;font-style:Black;font-size:29.3px;line-height:45.42px;letter-spacing:0%;text-align:center}.auth_logo{display:flex;font-size:28px;font-weight:700;margin-bottom:12px}.auth_logo span{font-weight:400}.auth_info a{color:#fff;font-weight:500;text-decoration:underline}.auth_links{display:flex;justify-content:center;gap:20px;margin-top:30px}.auth_links a{font-size:13px;color:#fff;opacity:.8;transition:opacity .2s}.auth_links a:hover{opacity:1}.authPage .auth_info .logo{display:flex;gap:6px}.authPage .auth_info .logo .img{display:flex;align-items:center;justify-content:center}.authPage .auth_info .logo .text{font-size:26px;text-align:left}.authPage .auth_info .logo .text div{line-height:28px}.authPage .auth_info .logo .text div:nth-child(1){font-weight:700}.progress-page{padding:20px 20px 100px;min-height:calc(100vh - 250px);color:#fff;flex:1;display:flex;flex-direction:column}.page-header{text-align:center;margin-bottom:30px}.page-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#7551ff,#6ad2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.page-header p{color:#a3aed0;font-size:1.1rem;margin:0}.filters-section{background:#1e1e2ecc;border-radius:16px;padding:24px;margin-bottom:30px;border:1px solid rgba(113,113,122,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-filters{display:flex;flex-direction:column;gap:20px;align-items:center}.date-inputs{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center}.date-input label{font-size:.9rem;color:#a3aed0;font-weight:500}.date-input input{padding:10px 16px;border:2px solid rgba(113,113,122,.3);border-radius:8px;background:#161623cc;color:#fff;font-size:1rem;transition:all .3s ease}.date-input input:focus{outline:none;border-color:#7551ff;box-shadow:0 0 0 3px #7551ff33}.preset-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.preset-buttons button{padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(45deg,#7551ff,#6ad2ff);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.preset-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7551ff4d}.preset-buttons button:active{transform:translateY(0)}.progress-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-top:30px}.filter-block{background:#1e1e2ecc;border-radius:16px;padding:24px;border:1px solid rgba(113,113,122,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content;transition:all .3s ease}.filter-block:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.filter-block h3{font-size:1.4rem;font-weight:600;margin-bottom:24px;color:#fff;background:linear-gradient(45deg,#7551ff,#6ad2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:12px}.filter-section select{width:100%;padding:10px 12px;border:2px solid rgba(113,113,122,.3);border-radius:8px;background:#161623cc;color:#fff;font-size:.9rem;transition:all .3s ease}.filter-section select:focus{outline:none;border-color:#7551ff;box-shadow:0 0 0 3px #7551ff33}.chart-block{background:#1e1e2ecc;border-radius:16px;padding:24px;border:1px solid rgba(113,113,122,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.chart-block:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #0000004d!important}.chart-block h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:#fff;text-align:center;background:linear-gradient(45deg,#7551ff,#6ad2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-chart{width:100%}.calendar-loading,.chart-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#a3aed0;font-size:1.1rem}.chart-empty{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280;font-size:1rem;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-bottom:20px}.calendar-day{aspect-ratio:1;border-radius:8px;padding:8px;background:#16162399;border:1px solid rgba(113,113,122,.2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:all .3s ease}.calendar-day.has-events{background:#7551ff1a;border-color:#7551ff4d}.calendar-day:hover{background:#7551ff33;transform:scale(1.05)}.day-header{text-align:center;width:100%}.day-number{font-size:1.2rem;font-weight:700;color:#fff;display:block}.day-name{font-size:.7rem;color:#a3aed0;text-transform:uppercase;letter-spacing:.5px}.day-events{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;width:100%}.event-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.event-more{font-size:.6rem;color:#a3aed0;font-weight:600;margin-left:2px}.calendar-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.legend-color{width:12px;height:12px;border-radius:50%}.activity-chart .activity-summary{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px;border-top:1px solid rgba(113,113,122,.2)}.activity-summary .summary-item{text-align:center}.activity-summary .summary-label{display:block;font-size:.8rem;color:#a3aed0;margin-bottom:4px}.activity-summary .summary-value{display:block;font-size:1.4rem;font-weight:700;color:#fff}.activity-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:16px}.activity-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#a3aed0}.activity-legend .legend-color{width:12px;height:12px;border-radius:50%}.weekly-chart .weekly-summary{margin-top:20px;padding-top:20px;border-top:1px solid rgba(113,113,122,.2)}.weekly-summary .summary-row{display:flex;justify-content:space-around;margin-bottom:16px}.weekly-summary .summary-row:last-child{margin-bottom:0}.weekly-summary .summary-item{text-align:center}.weekly-summary .summary-label{display:block;font-size:.8rem;color:#a3aed0;margin-bottom:4px}.weekly-summary .summary-value{display:block;font-size:1.1rem;font-weight:700;color:#fff}.weekly-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:16px}.weekly-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#a3aed0}.weekly-legend .legend-color{width:12px;height:12px;border-radius:50%}.user-stats-chart{display:flex;flex-direction:column;align-items:center}.user-stats-chart.empty{justify-content:center;text-align:center}.empty-state{color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.user-stats-chart .chart-container{width:100%;margin-bottom:20px}.stats-details{width:100%}.total-events{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(113,113,122,.2)}.total-label{display:block;font-size:.9rem;color:#a3aed0;margin-bottom:4px}.total-value{display:block;font-size:2rem;font-weight:700;color:#fff}.stats-breakdown{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#16162399;border-radius:8px;border:1px solid rgba(113,113,122,.2)}.stat-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.stat-info{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stat-name{font-weight:600;color:#fff;min-width:60px}.stat-value{font-weight:700;font-size:1.1rem;color:#fff}.stat-percent{color:#a3aed0;font-size:.9rem}.progress-chart{width:100%}.progress-chart.empty{display:flex;justify-content:center;align-items:center;height:300px;text-align:center}.progress-chart .chart-controls{display:flex;justify-content:center;margin-bottom:20px}.chart-type-selector{display:flex;background:#16162399;border-radius:8px;padding:4px;border:1px solid rgba(113,113,122,.2)}.chart-type-selector button{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#a3aed0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.chart-type-selector button.active{background:linear-gradient(45deg,#7551ff,#6ad2ff);color:#fff;box-shadow:0 2px 8px #7551ff4d}.progress-chart .chart-container{margin-bottom:24px}.progress-stats{margin-top:20px;padding-top:20px;border-top:1px solid rgba(113,113,122,.2)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{text-align:center;padding:16px;background:#16162399;border-radius:12px;border:1px solid rgba(113,113,122,.2);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.stat-item.total{grid-column:1 / -1;background:linear-gradient(45deg,#7551ff1a,#6ad2ff1a);border-color:#7551ff4d;border-left:4px solid #7551FF}.stat-item.booked{border-left:4px solid #0038FF}.stat-item.closed{border-left:4px solid #3DB63E}.stat-item.failed{border-left:4px solid #902525}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{font-size:.9rem;color:#a3aed0;font-weight:500}.stat-percent{font-size:.8rem;color:#6b7280;margin-top:4px}.chart-controls{margin-bottom:20px}.chart-type-selector{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chart-type-selector button{padding:8px 16px;border:2px solid rgba(113,113,122,.3);border-radius:8px;background:#16162399;color:#a3aed0;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.chart-type-selector button:hover{border-color:#7551ff;color:#fff}.chart-type-selector button.active{background:linear-gradient(45deg,#7551ff,#6ad2ff);border-color:#7551ff;color:#fff;box-shadow:0 4px 15px #7551ff4d}.progress-scale-container{width:100%;height:300px;display:flex;justify-content:center;align-items:center}.progress-scale-container path{animation:fillArc 1.5s ease-out forwards}@keyframes fillArc{0%{stroke-dashoffset:var(--arc-length)}to{stroke-dashoffset:0}}.pie-label,.pie-label-line{animation:slideInLabel 1s ease-out .5s both}@keyframes slideInLabel{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#a3aed0}.color-box{width:16px;height:16px;border-radius:4px}.color-box.booked{background:linear-gradient(45deg,#cb3cff,#9f2fff)}.color-box.closed{background:linear-gradient(45deg,#0038ff,#0026ff)}.color-box.failed{background:linear-gradient(45deg,#00c2ff,#09f)}.custom-tooltip{background:#1e1e2ef2;border:1px solid rgba(113,113,122,.3);border-radius:8px;padding:12px;box-shadow:0 8px 25px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-title{font-weight:600;color:#fff;margin-bottom:8px;font-size:1rem}.tooltip-item{margin:4px 0;font-size:.9rem;color:#a3aed0}.google-calendar-section{margin-top:30px;transition:all .3s ease}.google-calendar-section:hover{transform:translateY(-4px)}.google-calendar-chart{width:100%}.google-calendar-chart .google-filters{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.google-calendar-chart .user-selector{display:flex;flex-direction:column;gap:8px}.google-calendar-chart .user-selector label{font-size:.9rem;color:#a3aed0;font-weight:500}.google-calendar-chart .user-selector select{padding:10px 12px;border:2px solid rgba(113,113,122,.3);border-radius:8px;background:#161623cc;color:#fff;font-size:.9rem;transition:all .3s ease;min-width:200px}.google-calendar-chart .user-selector select:focus{outline:none;border-color:#7551ff;box-shadow:0 0 0 3px #7551ff33}.google-calendar-chart .user-selector select:disabled{opacity:.6;cursor:not-allowed}.google-calendar-chart .chart-type-selector{margin-top:20px;display:flex;flex-direction:column;gap:12px}.google-calendar-chart .chart-type-selector label{font-size:.9rem;color:#a3aed0;font-weight:500}.google-calendar-chart .chart-type-buttons{display:flex;gap:8px;flex-wrap:wrap}.google-calendar-chart .chart-type-buttons button{padding:8px 16px;border:2px solid rgba(113,113,122,.3);border-radius:8px;background:#161623cc;color:#a3aed0;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.google-calendar-chart .chart-type-buttons button:hover{border-color:#7551ff;color:#fff}.google-calendar-chart .chart-type-buttons button.active{background:linear-gradient(45deg,#7551ff,#6ad2ff);border-color:#7551ff;color:#fff}.google-calendar-chart .total-demos-section{margin-bottom:24px}.google-calendar-chart .total-demos-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#7551ff1a,#6ad2ff1a);border:1px solid rgba(117,81,255,.3);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.google-calendar-chart .demos-icon{font-size:2.5rem;opacity:.8}.google-calendar-chart .demos-info h3{margin:0 0 8px;color:#fff;font-size:1.1rem;font-weight:600}.google-calendar-chart .demos-count{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:4px;background:linear-gradient(45deg,#7551ff,#6ad2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.google-calendar-chart .demos-period{font-size:.9rem;color:#a3aed0}.google-calendar-chart .progress-scale-container{display:flex;justify-content:center;align-items:center;width:100%;height:300px}.google-calendar-chart .date-filters{display:flex;flex-direction:column;gap:16px}.google-calendar-chart .date-inputs{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.google-calendar-chart .date-input{display:flex;flex-direction:column;gap:6px}.google-calendar-chart .date-input label{font-size:.8rem;color:#a3aed0;font-weight:500}.google-calendar-chart .date-input input{padding:8px 12px;border:2px solid rgba(113,113,122,.3);border-radius:6px;background:#161623cc;color:#fff;font-size:.9rem;transition:all .3s ease}.google-calendar-chart .date-input input:focus{outline:none;border-color:#7551ff;box-shadow:0 0 0 3px #7551ff33}.google-calendar-chart .preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.google-calendar-chart .preset-buttons button{padding:8px 16px;border:none;border-radius:6px;background:linear-gradient(45deg,#7551ff,#6ad2ff);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.8rem}.google-calendar-chart .preset-buttons button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7551ff4d}.google-calendar-chart .preset-buttons button:active{transform:translateY(0)}.google-calendar-chart .chart-container{margin-bottom:20px}.google-calendar-chart .progress-stats{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(113,113,122,.2)}.google-calendar-chart .progress-stats .summary-item{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#16162399;border-radius:8px;border:1px solid rgba(113,113,122,.2);transition:all .3s ease}.google-calendar-chart .progress-stats .summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.google-calendar-chart .progress-stats .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.google-calendar-chart .progress-stats .stat-item{text-align:center;padding:16px;background:#16162399;border-radius:12px;border:1px solid rgba(113,113,122,.2);transition:all .3s ease}.google-calendar-chart .progress-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.google-calendar-chart .progress-stats .stat-item.total{grid-column:1 / -1;background:linear-gradient(45deg,#7551ff1a,#6ad2ff1a);border-color:#7551ff4d}.google-calendar-chart .progress-stats .stat-item.booked{border-left:4px solid #0038FF}.google-calendar-chart .progress-stats .stat-item.closed{border-left:4px solid #3DB63E}.google-calendar-chart .progress-stats .stat-item.failed{border-left:4px solid #902525}.google-calendar-chart .progress-stats .stat-item.demo{border-left:4px solid #CB3CFF}.google-calendar-chart .progress-stats .stat-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:4px}.google-calendar-chart .progress-stats .stat-label{font-size:.9rem;color:#a3aed0;font-weight:500}.google-calendar-chart .progress-stats .stat-percent{font-size:.8rem;color:#6b7280;margin-top:4px}.google-calendar-chart .no-google-users{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280;text-align:center}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#a3aed0;text-align:center;padding:20px}.chart-placeholder p{font-size:1.1rem;margin-bottom:8px}.chart-placeholder small{font-size:.9rem;opacity:.8}.groups-sections{display:flex;flex-direction:column;gap:40px;width:100%}.group-section{background:#1e1e2e99;border-radius:12px;padding:20px;border:1px solid rgba(113,113,122,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.group-section-title{font-size:1.2rem;font-weight:600;color:#fff;text-align:center;margin-bottom:15px;background:linear-gradient(45deg,#7551ff,#6ad2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.group-mini-stats{display:flex;justify-content:space-around;margin-top:15px;padding-top:15px;border-top:1px solid rgba(113,113,122,.2)}.mini-stat-item{text-align:center;flex:1}.mini-stat-label{display:block;font-size:.8rem;color:#a3aed0;margin-bottom:4px}.mini-stat-value{display:block;font-size:1.1rem;font-weight:600;color:#fff}.users-simple-list{max-height:300px;overflow-y:auto;margin-top:10px;border:1px solid rgba(113,113,122,.2);border-radius:8px;background:#1616234d}.user-simple-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(113,113,122,.1)}.user-simple-item:last-child{border-bottom:none}.user-simple-item:hover{background:#7551ff1a}.user-simple-item.selected{background:#7551ff33;border-left:3px solid #7551FF}.user-simple-name{font-weight:500;color:#fff;font-size:.95rem}.user-simple-group{color:#a3aed0;font-size:.85rem;font-weight:400;margin-left:8px}.user-simple-check{color:#7551ff;font-weight:700;font-size:1.1rem;margin-left:12px}.users-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#a3aed0;font-size:.9rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(117,81,255,.3);border-top:2px solid #7551FF;border-radius:50%;animation:spin 1s linear infinite}.users-empty{display:flex;align-items:center;justify-content:center;padding:20px;color:#6b7280;font-size:.9rem;text-align:center}.clear-user-btn{width:100%;padding:8px 12px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.clear-user-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b4d}@media (max-width: 1024px){.groups-sections{gap:30px}.group-section{padding:16px}.group-mini-stats{flex-wrap:wrap;gap:10px}.mini-stat-item{flex:0 0 calc(50% - 5px);min-width:80px}}@media (max-width: 768px){.groups-sections{gap:20px}.group-section{padding:12px}.group-section-title{font-size:1rem;margin-bottom:10px}.group-mini-stats{flex-direction:column;gap:8px}.mini-stat-item{flex:1;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#16162399;border-radius:6px}.mini-stat-label{margin-bottom:0;font-size:.9rem}.mini-stat-value{font-size:1rem}}@media (max-width: 768px){.users-simple-list{max-height:250px}.user-simple-item{padding:10px 12px}.user-simple-name{font-size:.9rem}.user-simple-group{font-size:.8rem}}@media (max-width: 480px){.users-simple-list{max-height:200px}.user-simple-item{padding:8px 10px}.user-simple-name{font-size:.85rem}.user-simple-group{font-size:.75rem}.user-simple-check{font-size:1rem;margin-left:8px}}@media (max-width: 480px){.progress-layout{grid-template-columns:1fr;gap:20px}.filter-block{order:2}.chart-block{order:1}}@media (max-width: 768px){.progress-page{padding:16px}.page-header h1{font-size:2rem}.progress-layout{gap:16px}.filter-block,.chart-block{padding:16px}.date-inputs{flex-direction:column;gap:16px}.preset-buttons{flex-direction:column;width:100%}.preset-buttons button{width:100%}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-item{padding:12px}.stat-value{font-size:1.5rem}.google-calendar-chart .google-filters{gap:16px}.google-calendar-chart .user-selector select{min-width:180px}.google-calendar-chart .date-inputs{flex-direction:column;gap:12px}.google-calendar-chart .preset-buttons{justify-content:center}.google-calendar-chart .progress-stats{gap:8px}.google-calendar-chart .progress-stats .stats-grid{grid-template-columns:1fr;gap:12px}.google-calendar-chart .progress-stats .stat-item{padding:12px}.google-calendar-chart .progress-stats .stat-value{font-size:1.5rem}.google-calendar-chart .chart-type-buttons{justify-content:center}.google-calendar-chart .total-demos-card{flex-direction:column;text-align:center;gap:12px}.google-calendar-chart .demos-count{font-size:2rem}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.groups-summary,.summary-row{flex-direction:column;gap:16px}.stats-breakdown{gap:8px}.chart-type-selector{gap:6px}.chart-type-selector button{padding:6px 12px;font-size:.8rem}.chart-legend{gap:12px}.legend-item{font-size:.8rem}.color-box{width:12px;height:12px}}.group-selection{display:flex;flex-direction:column;gap:15px}.group-actions{display:flex;gap:10px;flex-wrap:wrap}.select-all-btn,.clear-all-btn{padding:8px 16px;border:2px solid rgba(79,209,197,.3);border-radius:8px;background:#4fd1c51a;color:#4fd1c5;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.select-all-btn:hover,.clear-all-btn:hover{background:#4fd1c533;border-color:#4fd1c5;transform:translateY(-2px)}.clear-all-btn{background:#e53e3e1a;border-color:#e53e3e4d;color:#e53e3e}.clear-all-btn:hover{background:#e53e3e33;border-color:#e53e3e}.groups-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-height:200px;overflow-y:auto;padding:10px;border:1px solid rgba(113,113,122,.2);border-radius:8px;background:#1616234d}.group-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.group-checkbox:hover{background:#7551ff1a}.group-checkbox input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid rgba(113,113,122,.3);border-radius:4px;position:relative;transition:all .2s ease}.group-checkbox input[type=checkbox]:checked+.checkmark{background:#7551ff;border-color:#7551ff}.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.group-checkbox input[type=checkbox]:checked+.checkmark:after{opacity:1}.event-type-filters{display:flex;gap:15px;flex-wrap:wrap}.event-type-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;border:2px solid transparent}.event-type-checkbox:hover{background:#16162380}.event-type-checkbox input[type=checkbox]{display:none}.event-type-checkbox input[type=checkbox]:checked+.checkmark{border-color:currentColor}.event-type-checkbox:has(input[type=checkbox]:checked){border-color:currentColor;background:#7551ff1a}@media (max-width: 480px){.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.day-number{font-size:1rem}.day-name{font-size:.6rem}.stats-grid{gap:8px}.stat-item{padding:8px}.group-selection{gap:12px}.group-actions{flex-direction:column}.select-all-btn,.clear-all-btn{width:100%}.groups-checkboxes{grid-template-columns:1fr;max-height:150px}.event-type-filters{gap:10px}.event-type-checkbox{padding:6px 10px;font-size:.9rem}}.progress-stats .reps,.progress-stats .demos,.progress-stats .closed,.progress-stats .deals{flex-direction:row}.settings{width:100%;margin:0 auto;padding:20px;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:25px}.setting_items{width:450px;background-color:#111c44;border-radius:20px}.setting_items .all_teams_watch{overflow:auto;overflow-x:hidden;height:500px;scrollbar-width:thin;scrollbar-color:#4fd1c5 #1b254b;scroll-behavior:smooth;gap:20px;width:100%}.setting_items .all_teams_watch::-webkit-scrollbar{width:8px}.setting_items .all_teams_watch::-webkit-scrollbar-track{background:#1b254b;border-radius:10px}.setting_items .all_teams_watch::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:10px;border:1px solid #1b254b;transition:all .3s ease}.setting_items .all_teams_watch::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#38b2ac,#319795);box-shadow:0 0 10px #4fd1c580;transform:scaleX(1.2)}.setting_items .all_teams_watch::-webkit-scrollbar-button{display:none}.main_setting{width:450px;height:100%;min-height:440px;background:linear-gradient(135deg,#0f1419,#1a1f35,#111c44);border-radius:24px;padding:25px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid rgba(79,209,197,.15);box-shadow:0 15px 35px #0006,0 5px 15px #4fd1c51a,inset 0 1px #ffffff1a;position:relative;overflow:visible;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;z-index:1;color:#fff}.main_setting:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px #00000080,0 6px 16px #4fd1c526,inset 0 1px #ffffff1a!important;border-color:#4fd1c54d!important}.main_setting:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#4fd1c5);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.top_photos{position:relative;margin-bottom:60px}.prof_bg{width:100%;height:140px;background-image:url(/3ba68ebca794d6d97d617807d5448758406dcbad.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:20px;position:relative;overflow:hidden}.prof_bg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#4fd1c51a);border-radius:20px}.top_photos .profile-logo{position:absolute;bottom:0;left:50%;width:90px;height:90px;transform:translate(-50%,50%);border-radius:50%;border:4px solid rgba(79,209,197,.8);box-shadow:0 8px 25px #4fd1c54d;transition:all .3s ease}.top_photos .profile-logo:hover{transform:translate(-50%,50%) scale(1.05);border-color:#4fd1c5;box-shadow:0 12px 35px #4fd1c566}.top_photos .profile-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:all .3s ease}.top_photos .profile-logo:hover img{transform:scale(1.1)}.bottom_info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%;text-align:center}.bottom_names h2{color:#fff;font-weight:700;font-size:22px;line-height:30px;letter-spacing:-2%;text-align:center;margin-bottom:4px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bottom_names p{color:#a3aed0;font-weight:500;font-size:15px;line-height:22px;letter-spacing:-2%;text-align:center;margin:0;text-transform:uppercase;font-size:12px;letter-spacing:1px}.user-login{color:#4fd1c5!important;font-weight:600!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;margin-top:4px!important;opacity:.9;transition:all .3s ease}.user-login:hover{opacity:1;transform:scale(1.02)}.bottom_numbers{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%;gap:10px}.reps,.demos,.closed,.deals{display:flex;flex-direction:column;background:#1a1f3599;border:1px solid rgba(79,209,197,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px}.reps:hover,.demos:hover,.closed:hover,.deals:hover,.open:hover{transform:translateY(-2px);background:#4fd1c51a;border-right:1px solid rgba(79,209,197,.3);border-radius:0 30px 30px 0}.reps strong,.demos strong,.closed strong,.deals strong{color:#fff;font-weight:700;font-size:26px;line-height:30px;letter-spacing:-2%;text-align:center;margin-bottom:4px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reps p,.demos p,.closed p,.deals p{color:#a3aed0;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;text-align:center;margin:0;text-transform:uppercase;font-size:10px}.chenge_photo{width:65%}.team_setting{width:650px;height:auto;min-height:650px;padding:30px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#1a1f35,#2d3748,#1a1f35);border-radius:24px;border:1px solid rgba(79,209,197,.2);box-shadow:0 10px 40px #0000004d,0 0 0 1px #4fd1c51a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.team_setting:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#4fd1c5);background-size:200% 100%;animation:gradientShift 4s ease-in-out infinite;border-radius:24px 24px 0 0}.team_setting:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px #00000080,0 6px 16px #4fd1c526,inset 0 1px #ffffff1a!important;border-color:#4fd1c54d!important}.team_setting .team_info{margin-bottom:30px;text-align:center;position:relative}.team_setting .team_info h2{color:#fff;font-weight:700;font-size:24px;line-height:32px;margin-bottom:12px;position:relative;display:inline-block;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.team_setting .team_info h2:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac);border-radius:2px;animation:pulse 2s ease-in-out infinite}.team_setting .team_info p{color:#a3aed0;font-weight:400;font-size:16px;line-height:24px;max-width:500px;margin:0 auto;opacity:.9}.team_setting .all_teams_watch .team_set{background:linear-gradient(135deg,#2d3748f2,#374151f2,#2d3748f2);width:100%;border-radius:20px;padding:24px;display:flex;flex-direction:row;align-items:center;gap:24px;border:1px solid rgba(79,209,197,.2);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0003,0 0 0 1px #4fd1c51a,inset 0 1px #ffffff1a;margin-bottom:16px}.team_setting .all_teams_watch .team_set:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,209,197,.15),transparent);transition:left .8s ease}.team_setting .all_teams_watch .team_set:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#4fd1c5);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite;opacity:0;transition:opacity .3s ease}.team_setting .all_teams_watch .team_set:hover:before{left:100%}.team_setting .all_teams_watch .team_set:hover:after{opacity:1}.team_setting .all_teams_watch .team_set:hover{background:linear-gradient(135deg,#374151fa,#4a5568fa,#374151fa);border-color:#4fd1c580;transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px #0000004d,0 0 0 1px #4fd1c533,inset 0 1px #ffffff26}.team_setting .all_teams_watch .team_set h2{font-weight:500;font-size:16px;line-height:1.4;color:#fff;margin-bottom:4px}.team_setting .all_teams_watch .team_set .team_logo_section{display:flex;justify-content:center;align-items:center;flex-shrink:0}.team_setting .all_teams_watch .team_set .logo{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid #4fd1c5;box-shadow:0 8px 25px #4fd1c566,0 0 0 2px #4fd1c51a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center}.team_setting .all_teams_watch .team_set:hover .logo{transform:scale(1.15) rotate(5deg);border-color:#38b2ac;box-shadow:0 12px 35px #4fd1c599,0 0 0 3px #4fd1c533}.team_setting .all_teams_watch .team_set .logo img{width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%}.team_setting .all_teams_watch .team_set:hover .logo img{transform:scale(1.1) rotate(-5deg)}.team_setting .all_teams_watch .team_set .team_info_setting{text-align:left;flex:1}.team_setting .all_teams_watch .team_set .team_info_setting h2{color:#fff;font-weight:700;font-size:20px;margin-bottom:8px;line-height:1.3;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.team_setting .all_teams_watch .team_set:hover .team_info_setting h2{background:linear-gradient(135deg,#38b2ac,#319795);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(5px)}.team_setting .all_teams_watch .team_set .team_info_setting span{color:#a3aed0;font-weight:500;font-size:15px;margin-bottom:18px;display:block;opacity:.85;transition:all .3s ease}.team_setting .all_teams_watch .team_set:hover .team_info_setting span{opacity:1;color:#cbd5e0}.team_setting .all_teams_watch .team_set{cursor:pointer;transition:all .3s ease}.team_setting .all_teams_watch .team_set:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4fd1c533;border-color:#4fd1c54d}.team_setting .all_teams_watch .team_set .team_stats{display:flex;justify-content:flex-start;gap:20px;margin:12px 0}.team_setting .all_teams_watch .team_set .stat_item{text-align:left}.team_setting .all_teams_watch .team_set .stat_item strong{color:#4fd1c5;font-size:18px;font-weight:700;display:block;line-height:1.2}.team_setting .all_teams_watch .team_set .stat_item span{color:#a3aed0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.team_setting .all_teams_watch .team_set .team_info_setting button{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;font-size:15px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #4fd1c566,0 0 0 1px #4fd1c533;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.team_setting .all_teams_watch .team_set .team_info_setting button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.team_setting .all_teams_watch .team_set .team_info_setting button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.team_setting .all_teams_watch .team_set .team_info_setting button:hover:before{left:100%}.team_setting .all_teams_watch .team_set .team_info_setting button:hover:after{width:300px;height:300px}.team_setting .all_teams_watch .team_set .team_info_setting button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #4fd1c599,0 0 0 2px #4fd1c54d;background:linear-gradient(135deg,#38b2ac,#319795)}.team_setting .all_teams_watch{gap:15px}@media (max-width: 768px){.settings{padding:15px;gap:20px}.setting_items{width:100%!important;height:auto!important;min-height:500px}.main_setting{width:100%!important;height:auto!important;min-height:440px;padding:20px!important}.team_setting{width:100%!important;height:auto!important;min-height:500px;padding:20px!important;border-radius:20px!important}.general_info{width:100%!important;height:auto!important;min-height:400px;padding:25px!important}.team_setting .team_info h2{font-size:20px!important;margin-bottom:10px!important}.team_setting .team_info p{font-size:14px!important;line-height:20px!important}.team_setting .all_teams_watch .team_set{flex-direction:column!important;text-align:center!important;gap:16px!important;padding:20px!important;border-radius:16px!important}.team_setting .all_teams_watch .team_set .team_logo_section{order:-1}.team_setting .all_teams_watch .team_set .logo{width:60px!important;height:60px!important;border-width:3px!important}.team_setting .all_teams_watch .team_set .team_info_setting h2{font-size:16px!important}.team_setting .all_teams_watch .team_set .team_stats{justify-content:center!important;gap:15px!important}.team_setting .all_teams_watch .team_set .stat_item{text-align:center!important}.team_setting .all_teams_watch .team_set .team_info_setting button{width:100%!important;padding:12px 20px!important;font-size:14px!important;border-radius:25px!important}}@media (max-width: 480px){.team_setting{width:100%!important;padding:12px!important}.team_setting .team_info h2{font-size:16px!important}.team_setting .all_teams_watch .team_set .logo{width:55px!important;height:55px!important;border-width:2px!important}.team_setting .all_teams_watch .team_set .stat_item strong{font-size:16px!important}.team_setting .all_teams_watch .team_set .team_info_setting span{font-size:13px!important}.team_setting .all_teams_watch .team_set .team_info_setting h2{font-size:15px!important}.team_setting .all_teams_watch .team_set .team_info_setting button{padding:10px 16px!important;font-size:13px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111c44;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:10px;border:1px solid #111c44;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#38b2ac,#319795);box-shadow:0 0 10px #4fd1c580}::-webkit-scrollbar-corner{background:#111c44}*{scrollbar-width:thin;scrollbar-color:#4fd1c5 #111c44}.general_info{width:650px;padding:35px;background:linear-gradient(135deg,#0f1419,#1a1f35,#111c44);border-radius:24px;border:1px solid rgba(79,209,197,.15);box-shadow:0 15px 35px #0006,0 5px 15px #4fd1c51a,inset 0 1px #ffffff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.general_info:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px #00000080,0 6px 16px #4fd1c526,inset 0 1px #ffffff1a!important;border-color:#4fd1c54d!important}.general_info:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#4fd1c5);background-size:200% 100%;animation:gradientShift 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scaleX(1)}50%{opacity:.7;transform:translate(-50%) scaleX(1.2)}}.general_info .gen_info h2{color:#fff;font-weight:700;font-size:26px;line-height:34px;letter-spacing:-2%;vertical-align:middle;margin-bottom:16px;position:relative;display:inline-block}.general_info .gen_info h2:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac);border-radius:2px}.general_info .gen_info p{color:#a3aed0;font-weight:400;font-style:normal;font-size:15px;line-height:28px;letter-spacing:-2%;margin-bottom:30px}.general_info .gen_but{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.general_info .gen_but .gen_info_but{width:230px;background:linear-gradient(135deg,#1b254b,#2d3748);border-radius:20px;padding:24px;border:1px solid rgba(79,209,197,.1);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.general_info .gen_but .gen_info_but:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,209,197,.1),transparent);transition:left .5s ease}.general_info .gen_but .gen_info_but:hover:before{left:100%}.general_info .gen_but .gen_info_but:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000004d,0 4px 12px #4fd1c526;border-color:#4fd1c54d;background:linear-gradient(135deg,#2d3748,#374151)}.gen_but{display:flex}.gen_info_but h3{font-weight:600;font-size:15px;line-height:22px;letter-spacing:-2%;vertical-align:middle;color:#a3aed0;margin-bottom:8px;text-transform:uppercase;font-size:12px;letter-spacing:1px}.gen_info_but p{font-weight:700;font-style:normal;font-size:18px;line-height:24px;letter-spacing:-2%;vertical-align:middle;color:#fff;margin:0;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chenge_photo{width:40%;padding:0;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.photo{width:617px}.settings .upload-container{width:60%}.team_setting .all_teams_watch .team_set .profile-logo img{width:76px;height:76px;border-radius:100px}@media (max-width: 1024px){.main_setting{width:40%}}@media (max-width: 768px){.main_setting{width:95%;height:auto;min-height:365px;padding:20px;margin:0 auto 20px}.top_photos{margin-bottom:50px}.prof_bg{height:120px}.top_photos .profile-logo{width:80px;height:80px}.bottom_names h2{font-size:20px;line-height:26px}.bottom_names p{font-size:13px}.user-login{font-size:13px!important}.bottom_numbers{width:90%;gap:10px}.reps,.demos,.closed,.deals{padding:12px 15px;min-width:70px}.reps strong,.demos strong,.closed strong,.deals strong{font-size:22px;line-height:24px}.reps p,.demos p,.closed p,.deals p{font-size:9px}}@media (max-width: 480px){.main_setting{width:100%;padding:15px}.top_photos{margin-bottom:45px}.prof_bg{height:100px;border-radius:16px}.top_photos .profile-logo{width:70px;height:70px;border-width:3px}.bottom_names h2{font-size:18px;line-height:24px}.bottom_names p{font-size:12px}.user-login{font-size:12px!important}.bottom_numbers{width:95%;gap:8px}.reps,.demos,.closed,.deals{padding:10px 12px;min-width:60px}.reps strong,.demos strong,.closed strong,.deals strong{font-size:20px;line-height:22px}.reps p,.demos p,.closed p,.deals p{font-size:8px}}@media (max-width: 1400px){.settings{flex-direction:column;align-items:center}.setting_items,.main_setting{width:90%!important;max-width:450px}.team_setting{width:90%!important;max-width:650px;padding:25px!important}.general_info{width:90%!important;max-width:650px}}@media (max-width: 768px){.general_info{width:95%;padding:25px;margin:0 auto}.general_info .gen_info h2{font-size:22px;line-height:28px}.general_info .gen_info p{font-size:14px;line-height:24px;margin-bottom:25px}.general_info .gen_but{gap:12px}.general_info .gen_but .gen_info_but{width:100%;padding:20px}.gen_info_but h3{font-size:11px}.gen_info_but p{font-size:16px}}@media (max-width: 480px){.general_info{width:100%;padding:20px}.general_info .gen_info h2{font-size:20px;line-height:26px}.general_info .gen_info p{font-size:13px;line-height:22px;margin-bottom:20px}.general_info .gen_but .gen_info_but{padding:18px}.gen_info_but h3{font-size:10px;margin-bottom:6px}.gen_info_but p{font-size:15px;line-height:20px}}.team_setting .all_teams_watch .team_set.clickable{cursor:pointer;transition:all .3s ease}.team_setting .all_teams_watch .team_set.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4fd1c54d}.group_filter{margin-top:20px;padding:0}.dropdown_container{position:relative;width:100%}.dropdown_header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#1a1f3599;border-radius:16px;border:1px solid rgba(79,209,197,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.dropdown_header:hover{background:#4fd1c51a;border-color:#4fd1c54d;transform:translateY(-1px)}.dropdown_label{color:#a3aed0;font-weight:500;font-size:14px;transition:all .3s ease}.dropdown_header:hover .dropdown_label{color:#fff}.dropdown_arrow{color:#4fd1c5;font-size:12px;transition:all .3s ease;transform:rotate(0)}.dropdown_arrow.open{transform:rotate(180deg)}.dropdown_content{position:absolute;top:100%;left:0;right:0;background:#1a1f35f2;border-radius:0 0 16px 16px;border:1px solid rgba(79,209,197,.2);border-top:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff1a;z-index:1000;max-height:300px;overflow:hidden;animation:dropdownSlide .3s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown_actions{padding:15px 20px 10px;border-bottom:1px solid rgba(79,209,197,.1)}.select_all_btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:100%}.select_all_btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.groups_list{max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4fd1c5 #1b254b}.groups_list::-webkit-scrollbar{width:6px}.groups_list::-webkit-scrollbar-track{background:#1b254b;border-radius:10px}.groups_list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:10px;border:1px solid #1b254b}.group_checkbox{display:flex;align-items:center;cursor:pointer;padding:12px 20px;border-radius:8px;transition:all .3s ease;position:relative}.group_checkbox:hover{background:#4fd1c51a}.group_checkbox input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #4fd1c5;border-radius:4px;margin-right:12px;position:relative;transition:all .3s ease;background:#1a1f35cc}.group_checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-color:#4fd1c5}.group_checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.group_checkbox span{color:#a3aed0;font-weight:500;font-size:14px;transition:all .3s ease}.group_checkbox:hover span{color:#fff}.group_checkbox input[type=checkbox]:checked~span{color:#4fd1c5;font-weight:600}@media (max-width: 768px){.group_filter{margin-top:15px}.dropdown_content{max-height:250px}.dropdown_actions{padding:12px 16px 8px}.select_all_btn{padding:6px 12px;font-size:11px}.groups_list{max-height:200px}.group_checkbox{padding:10px 16px}.group_checkbox span{font-size:13px}.checkmark{width:16px;height:16px;margin-right:10px}}@media (max-width: 480px){.group_filter{margin-top:12px}.dropdown_content{max-height:200px}.dropdown_actions{padding:10px 14px 6px}.groups_list{max-height:150px}.group_checkbox{padding:8px 14px}.group_checkbox span{font-size:12px}.checkmark{width:14px;height:14px;margin-right:8px}}.profile-editor-container{width:100%;max-width:565px;height:420px;background:linear-gradient(135deg,#0f1419,#1a1f35,#111c44);border-radius:20px;padding:30px;color:#fff;border:1px solid rgba(79,209,197,.15);box-shadow:0 12px 30px #0006,0 4px 12px #4fd1c51a,inset 0 1px #ffffff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.profile-editor-container:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000080,0 6px 16px #4fd1c526,inset 0 1px #ffffff1a;border-color:#4fd1c54d}.profile-editor-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#4fd1c5);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.profile-editor-header{text-align:center;margin-bottom:30px}.profile-editor-header h3{font-size:1.8rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-editor-header p{color:#a3aed0;font-size:1rem;margin:0}.profile-editor-content{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:start}.profile-image-section{display:flex;flex-direction:column;align-items:center;gap:20px}.current-avatar{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid #4fd1c5;box-shadow:0 8px 25px #4fd1c54d}.profile-avatar{width:100%;height:100%;object-fit:cover}.new-image-indicator{position:absolute;top:10px;right:10px;background:#48bb78;color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px #48bb784d}.upload-box{width:200px;height:60px;border:2px dashed rgba(79,209,197,.3);border-radius:15px;background:#4fd1c50d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.upload-box:hover{border-color:#4fd1c5;background:#4fd1c51a;transform:translateY(-2px);box-shadow:0 4px 15px #4fd1c533}.file-input{display:none}.upload-label{display:flex;align-items:center;gap:8px;color:#a3aed0;cursor:pointer;font-size:.9rem;font-weight:500}.upload-label span{color:#4fd1c5}.profile-info-section{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#fff;font-size:.95rem}.profile-input{padding:12px 16px;background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.profile-input:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.profile-input.disabled{background:#1a1f3580;color:#a3aed0;cursor:not-allowed}.form-group small{color:#a3aed0;font-size:.8rem;font-style:italic}.profile-actions{margin-top:10px}.btn-edit,.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-edit{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;width:100%}.btn-edit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.edit-actions{display:flex;gap:15px}.btn-cancel{background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);color:#a3aed0;flex:1}.btn-cancel:hover:not(:disabled){background:#4fd1c51a;border-color:#4fd1c5;color:#4fd1c5}.btn-save{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;flex:1}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.btn-edit:disabled,.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-info{margin-top:15px;padding:12px 16px;background:#48bb781a;border:1px solid rgba(72,187,120,.3);border-radius:8px}.file-info p{margin:0;color:#48bb78;font-size:.9rem;font-weight:500}@media (max-width: 768px){.profile-editor-container{padding:20px}.profile-editor-content{grid-template-columns:1fr;gap:30px}.profile-image-section{align-items:center}.current-avatar{width:120px;height:120px}.upload-box{width:180px}.edit-actions{flex-direction:column}.btn-cancel,.btn-save{flex:none;width:100%}}@media (max-width: 480px){.profile-editor-container{padding:15px}.profile-editor-header h3{font-size:1.5rem}.current-avatar{width:100px;height:100px}.upload-box{width:160px;height:50px}.profile-input{padding:10px 14px;font-size:.95rem}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-form{background-color:#fff;padding:30px 40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:300px}.login-form h2{margin-bottom:20px;text-align:center}.login-form label{display:block;margin-bottom:5px;font-weight:600}.login-form input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.login-form button{width:100%;padding:10px;background-color:#07f;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.login-form .back{margin-top:15px;color:#00f;cursor:pointer}.login-form button:hover{background-color:#005ecb}.error{background-color:#ffe0e0;color:#a80000;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.performance-archive-page{width:100%;min-height:calc(100vh - 250px);padding:20px}.archive-header{text-align:center;margin-bottom:40px;padding:20px 0}.header-actions{display:flex;align-items:center;gap:15px}.fullscreen-view-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d;position:relative;overflow:hidden}.fullscreen-view-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.fullscreen-view-btn:hover:before{left:100%}.fullscreen-view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.fullscreen-icon{font-size:1.2rem;font-weight:700}.fullscreen-text{font-size:.9rem}.archive-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.archive-header p{color:#a3aed0;font-size:1.1rem;font-weight:400;max-width:600px;margin:0 auto}.archive-controls{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:24px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1)}.date-selector{margin-bottom:24px}.date-selector label{display:block;font-weight:600;color:#fff;margin-bottom:8px;font-size:1.1rem}.date-selector input[type=date]{padding:12px 16px;border:2px solid rgba(79,209,197,.3);border-radius:12px;font-size:16px;background:linear-gradient(135deg,#1a1f35cc,#111c44cc);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.date-selector input[type=date]:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c533;background:linear-gradient(135deg,#1a1f35e6,#111c44e6)}.date-selector input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(1)}.date-selector input[type=date]::-moz-calendar-picker-indicator{color:#fff;background:none;cursor:pointer}.group-selector h3{color:#fff;font-size:1.3rem;margin-bottom:16px;font-weight:600}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.group-select-card{display:flex;align-items:center;padding:20px;border:2px solid rgba(79,209,197,.2);border-radius:16px;background:linear-gradient(135deg,#1a1f3599,#111c4499);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #0000001a}.group-select-card:hover{border-color:#4fd1c580;box-shadow:0 8px 25px #4fd1c526;transform:translateY(-2px)}.group-select-card.selected{border-color:#4fd1c5;background:linear-gradient(135deg,#4fd1c51a,#111c44cc);box-shadow:0 8px 25px #4fd1c533}.group-select-image{width:70px;height:70px;border-radius:12px;object-fit:cover;margin-right:20px;border:2px solid rgba(79,209,197,.2);transition:all .3s ease}.group-select-card:hover .group-select-image{border-color:#4fd1c5;transform:scale(1.05)}.group-select-info{flex:1}.group-select-info h4{margin:0 0 6px;color:#fff;font-size:1.2rem;font-weight:600}.group-select-info p{margin:0 0 6px;color:#4fd1c5;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.member-count{color:#a3aed0;font-size:.85rem;font-weight:500}.selection-indicator{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #4fd1c54d}.archive-results{min-height:400px}.teams-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;margin:0 auto}.no-selection,.no-data{grid-column:1 / -1;text-align:center;padding:60px 20px;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;border:2px dashed rgba(79,209,197,.3);box-shadow:0 10px 30px #0000004d}.no-selection-icon,.no-data-icon{font-size:4rem;margin-bottom:20px}.no-selection h3,.no-data h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:10px}.no-selection p,.no-data p{color:#a3aed0;font-size:1rem;max-width:400px;margin:0 auto}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#a3aed0}.loading-spinner{width:50px;height:50px;border:3px solid rgba(79,209,197,.3);border-top:3px solid #4fd1c5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-loading p{color:#a3aed0;font-size:1.1rem;font-weight:500}.teams-comparison-grid .team-card{height:1200px;cursor:default!important}.teams-comparison-grid .team-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 40px #4fd1c526!important}.fullscreen-archive-page{width:100vw;height:100vh;background:radial-gradient(circle at 20% 50%,rgba(79,209,197,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(159,122,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,193,7,.05) 0%,transparent 50%),linear-gradient(135deg,#0f1419,#1a1f35,#0f1419);overflow:hidden;position:fixed;top:0;left:0;z-index:1000;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;background:linear-gradient(135deg,#1a1f35f2,#111c44f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(79,209,197,.2);position:relative;z-index:1001;box-shadow:0 4px 20px #0000004d}.header-left{flex:0 0 auto}.header-center{flex:1;text-align:center;position:relative}.header-center:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#9f7aea);border-radius:2px;opacity:.8}.header-center h1{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#4fd1c5,#38b2ac,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(79,209,197,.3);letter-spacing:-.5px}.header-center p{color:#a3aed0;font-size:1rem;margin:0;font-weight:400;opacity:.9}.header-right{flex:0 0 auto;display:flex;align-items:center;gap:15px}.header-right .date-selector{display:flex;flex-direction:column;align-items:flex-end}.header-right .date-selector label{font-size:.8rem;color:#a3aed0;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.header-right .date-selector input[type=date]{padding:8px 12px;border:1px solid rgba(79,209,197,.3);border-radius:8px;background:#1a1f35cc;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-right .date-selector input[type=date]:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 2px #4fd1c533;background:#1a1f35e6}.back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d;position:relative;overflow:hidden}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.back-btn:hover:before{left:100%}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.fullscreen-content{height:calc(100vh - 120px);overflow-y:auto;padding:30px 40px;scroll-behavior:smooth}.fullscreen-content::-webkit-scrollbar{width:8px}.fullscreen-content::-webkit-scrollbar-track{background:#1a1f354d;border-radius:4px}.fullscreen-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:4px}.fullscreen-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#38b2ac,#319795)}.fullscreen-teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;width:100%;margin:0 auto;max-width:none;height:calc(100vh - 200px);animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fullscreen-teams-grid .team-card{height:100%!important;min-height:calc(100vh - 200px);transform:none;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 0 20px #4fd1c51a;position:relative;overflow:hidden;display:flex;flex-direction:column}.fullscreen-teams-grid .team-card>*{flex-shrink:0}.fullscreen-teams-grid .team-card .leaderboard-list{flex:1;overflow-y:auto}.fullscreen-teams-grid .team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#9f7aea,#4fd1c5);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite;z-index:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fullscreen-teams-grid .leaderboard-list{max-height:1300px;overflow-y:auto;padding-right:15px;scroll-behavior:smooth}.fullscreen-teams-grid .leaderboard-list::-webkit-scrollbar{width:8px}.fullscreen-teams-grid .leaderboard-list::-webkit-scrollbar-track{background:#1a1f3566;border-radius:6px;margin:5px 0}.fullscreen-teams-grid .leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border-radius:6px;border:2px solid rgba(26,31,53,.4)}.fullscreen-teams-grid .leaderboard-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#38b2ac,#319795);border-color:#1a1f3599}.fullscreen-teams-grid .leaderboard-list::-webkit-scrollbar-corner{background:#1a1f3566}.fullscreen-loading,.fullscreen-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;color:#a3aed0;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fullscreen-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(79,209,197,.2);border-top:4px solid #4fd1c5;border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:30px;position:relative}.fullscreen-loading .loading-spinner:after{content:"";position:absolute;inset:-4px;border:4px solid transparent;border-top:4px solid rgba(159,122,234,.3);border-radius:50%;animation:spin 2s linear infinite reverse}.fullscreen-no-data .no-data-icon{font-size:5rem;margin-bottom:25px;opacity:.7;filter:drop-shadow(0 0 20px rgba(79,209,197,.3))}.fullscreen-loading h3,.fullscreen-no-data h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:15px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fullscreen-loading p,.fullscreen-no-data p{font-size:1.1rem;text-align:center;max-width:500px;line-height:1.6;opacity:.9}@media (max-width: 768px){.performance-archive-page{padding:15px}.archive-header h1{font-size:2rem}.archive-header p{font-size:1rem}.header-content{flex-direction:column;gap:20px;text-align:center}.header-actions{justify-content:center;gap:12px}.back-btn,.fullscreen-view-btn{padding:10px 16px;font-size:.85rem}.groups-grid{grid-template-columns:1fr;gap:15px}.teams-comparison-grid{gap:20px}.group-select-card{flex-direction:column;text-align:center;padding:16px}.group-select-image{margin-right:0;margin-bottom:16px;width:60px;height:60px}.archive-controls{padding:20px}.date-selector input[type=date]{padding:10px 14px;font-size:14px}}@media (max-width: 480px){.archive-header{margin-bottom:20px;padding:10px 0}.archive-header h1{font-size:1.8rem}.archive-header p{font-size:.95rem}.archive-controls{padding:16px}.group-selector h3,.group-select-info h4{font-size:1.1rem}.group-select-info p{font-size:.9rem}.teams-comparison-grid{gap:15px}.no-selection,.no-data{padding:40px 15px}.no-selection h3,.no-data h3{font-size:1.3rem}.no-selection p,.no-data p{font-size:.95rem}.fullscreen-archive-page{padding:0}.fullscreen-header{padding:20px 15px;flex-direction:column;gap:20px}.header-center h1{font-size:1.8rem}.header-center:before{width:40px;height:2px}.header-right{gap:10px}.header-right .date-selector input[type=date]{padding:6px 10px;font-size:.8rem}.fullscreen-content{padding:20px 15px;height:calc(100vh - 140px)}.fullscreen-teams-grid{grid-template-columns:1fr;gap:20px}.fullscreen-teams-grid .team-card{transform:none;min-height:calc(100vh - 180px);display:flex;flex-direction:column}.fullscreen-teams-grid .team-card>*{flex-shrink:0}.fullscreen-teams-grid .team-card .leaderboard-list{flex:1;overflow-y:auto}.fullscreen-loading,.fullscreen-no-data{height:60vh}.fullscreen-loading .loading-spinner{width:50px;height:50px}.fullscreen-no-data .no-data-icon{font-size:4rem}.fullscreen-loading h3,.fullscreen-no-data h3{font-size:1.5rem}.fullscreen-loading p,.fullscreen-no-data p{font-size:1rem;max-width:300px}}.events-page{width:100%;min-height:calc(100vh - 250px);padding:20px}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.layout-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d}.layout-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.layout-toggle-btn.expanded{background:linear-gradient(135deg,#9f7aea,#805ad5)}.layout-toggle-btn.expanded:hover{background:linear-gradient(135deg,#805ad5,#6b46c1)}.layout-icon{font-size:1.1rem;font-weight:700}.layout-text{font-size:.9rem}.page-content{display:grid;grid-template-columns:300px 1fr;gap:30px;max-width:1400px;margin:0 auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.page-content.vertical-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.page-content.google-full-width{grid-template-columns:1fr;max-width:none}.page-content.expanded-right{display:flex;flex-direction:column;max-width:none}.page-content.has-google{grid-template-columns:300px 1fr 1fr;gap:20px}.page-content.has-google .right-column{order:2}.page-content.has-google .google-column{order:3}.google-column{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:25px;box-shadow:0 15px 35px #0006,0 5px 15px #4fd1c51a;border:1px solid rgba(79,209,197,.15);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;animation:slideInRight .6s ease-out .4s both}.google-column:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000080,0 10px 25px #4fd1c533,inset 0 1px #4fd1c51a;border-color:#4fd1c540}.google-column:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4285f4,#34a853,#ea4335);border-radius:20px 20px 0 0}.google-user-selector{margin-bottom:20px}.google-user-selector h3{color:#fff;font-size:1.3rem;margin-bottom:15px;font-weight:600}.google-user-selector select{width:100%;padding:10px 12px;background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.google-user-selector select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.google-user-selector select option{background:#1a1f35;color:#fff}.connection-warning{margin-top:8px;padding:8px 12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;color:#ffc107;font-size:.85rem}.connection-warning small{color:#ffc107;font-weight:500}.page-content.expanded-right .left-column{width:100%;max-width:none;order:1;position:initial}.page-content.expanded-right .right-column{width:100%;max-width:none;order:2;position:initial}.left-column{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:25px;box-shadow:0 15px 35px #0006,0 5px 15px #4fd1c51a;border:1px solid rgba(79,209,197,.15);height:fit-content;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInLeft .6s ease-out}.left-column:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000080,0 10px 25px #4fd1c533,inset 0 1px #4fd1c51a;border-color:#4fd1c540}.left-column:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#319795);border-radius:20px 20px 0 0}.right-column{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:25px;box-shadow:0 15px 35px #0006,0 5px 15px #4fd1c51a;border:1px solid rgba(79,209,197,.15);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;animation:slideInRight .6s ease-out .2s both}.right-column:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000080,0 10px 25px #4fd1c533,inset 0 1px #4fd1c51a;border-color:#4fd1c540}.right-column:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4fd1c5,#38b2ac,#319795);border-radius:20px 20px 0 0}.selection-section{margin-bottom:30px}.selection-section h3{color:#fff;font-size:1.3rem;margin-bottom:15px;font-weight:600}.select-group label,.select-member label{display:block;color:#a3aed0;font-weight:500;margin-bottom:8px;font-size:.9rem}.select-group select,.select-member select{width:100%;padding:10px 12px;background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filters-section{margin-bottom:30px}.filters-section h3{color:#fff;font-size:1.3rem;margin-bottom:15px;font-weight:600}.filter-group{margin-bottom:15px}.filter-group label{display:block;color:#a3aed0;font-weight:500;margin-bottom:5px;font-size:.9rem}.filter-group input,.filter-group select{width:100%;padding:8px 10px;background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);border-radius:6px;color:#fff;font-size:.9rem;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.filter-group input[type=date]{cursor:pointer}.filter-group select option{background:#1a1f35;color:#fff}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.events-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.create-event-btn{padding:10px 20px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#1a1f3580;border-radius:10px;border:1px solid rgba(79,209,197,.1)}.limit-selector{display:flex;align-items:center;gap:10px}.limit-selector label{color:#a3aed0;font-size:.9rem}.limit-selector select{padding:5px 8px;background:#1a1f35cc;border:1px solid rgba(79,209,197,.3);border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer}.limit-selector select option{background:#1a1f35;color:#fff}.limit-selector span{color:#a3aed0;font-size:.8rem}.page-selector{display:flex;align-items:center;gap:10px}.page-selector label{color:#a3aed0;font-size:.9rem}.page-selector select{padding:5px 8px;background:#1a1f35cc;border:1px solid rgba(79,209,197,.3);border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer;min-width:50px}.page-selector select option{background:#1a1f35;color:#fff}.page-selector span{color:#a3aed0;font-size:.8rem}.events-table-container{margin-bottom:30px;overflow-x:auto}.events-table{width:100%;border-collapse:collapse;background:#1a1f3580;border-radius:10px;overflow:hidden;border:1px solid rgba(79,209,197,.1)}.events-table th,.events-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(79,209,197,.1)}.description-cell{max-width:200px;word-wrap:break-word;white-space:normal;line-height:1.4}.events-table th{background:linear-gradient(135deg,#4fd1c51a,#4fd1c50d);color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.events-table td{color:#a3aed0;font-size:.9rem}.events-table tbody tr:hover{background:#4fd1c50d}.events-table tbody tr:last-child td{border-bottom:none}.event-type{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-type.booked{background:linear-gradient(135deg,#cb3cff,#9f2fff);color:#fff}.event-type.closed{background:linear-gradient(135deg,#0038ff,#0026ff);color:#fff}.event-type.failed{background:linear-gradient(135deg,#00c2ff,#09f);color:#fff}.event-type.demo{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff}.event-type.confirmed{background:linear-gradient(135deg,#34a853,#2e7d32);color:#fff}.event-type.tentative{background:linear-gradient(135deg,#fbbc04,#f57c00);color:#fff}.event-type.cancelled{background:linear-gradient(135deg,#ea4335,#c62828);color:#fff}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:5px}.edit-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#38b2ac,#319795);transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#ff3838,#ff2828);transform:translateY(-1px)}.no-events{text-align:center;color:#a3aed0;font-style:italic;padding:20px}.no-selection{text-align:center;color:#a3aed0;padding:40px 20px}.no-selection h3{color:#fff;margin-bottom:10px;font-size:1.2rem}.no-selection p{font-size:.9rem;line-height:1.5}.users-list-container{width:100%;padding:20px}.users-list-container h2{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.user-card{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:15px;padding:20px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px}.user-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006;border-color:#4fd1c54d}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4fd1c5,#38b2ac);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.user-info{flex:1}.user-info h3{color:#fff;font-size:1.2rem;margin-bottom:5px}.user-info p{color:#a3aed0;font-size:.9rem;margin-bottom:8px}.google-badge{display:inline-block;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.select-user-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.select-user-btn:hover{background:linear-gradient(135deg,#38b2ac,#319795);transform:translateY(-1px)}.events-display{width:100%;padding:20px}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:15px;border:1px solid rgba(79,209,197,.1)}.back-btn,.change-dates-btn{background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:8px;color:#fff;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover,.change-dates-btn:hover{background:linear-gradient(135deg,#38b2ac,#319795);transform:translateY(-1px)}.user-details{text-align:center;flex:1}.user-details h2{color:#fff;font-size:1.5rem;margin-bottom:5px}.user-details p{color:#a3aed0;font-size:.9rem}.error-message{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:20px;text-align:center;font-weight:600}.error-message p{margin:0}.no-users{text-align:center;color:#a3aed0;padding:60px 20px}.no-users h3{color:#fff;margin-bottom:10px;font-size:1.4rem}.no-users p{font-size:1rem;line-height:1.5}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:15px;background:#1a1f3580;border-radius:10px;border:1px solid rgba(79,209,197,.1)}.pagination button{padding:8px 16px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:linear-gradient(135deg,#38b2ac,#319795);transform:translateY(-1px)}.pagination button:disabled{background:#4fd1c54d;cursor:not-allowed;transform:none}.pagination span{color:#a3aed0;font-size:.9rem;font-weight:500}.loading{text-align:center;color:#a3aed0;padding:40px 20px;font-size:1.1rem}.modal-content{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:15px;padding:30px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid rgba(79,209,197,.2);box-shadow:0 20px 40px #0006}.modal-content h3{color:#fff;font-size:1.5rem;margin-bottom:20px;text-align:center;font-weight:600}.form-group{display:flex;flex-direction:column}.form-group label{color:#a3aed0;font-weight:500;margin-bottom:5px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;background:#1a1f35cc;border:2px solid rgba(79,209,197,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.form-group input[type=datetime-local]{cursor:pointer}.form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(1)}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.modal-actions button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.modal-actions button:first-child{background:#4fd1c533;color:#a3aed0}.modal-actions button:first-child:hover{background:#4fd1c54d;color:#fff}.modal-actions button:last-child{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff}.modal-actions button:last-child:hover{background:linear-gradient(135deg,#38b2ac,#319795);transform:translateY(-1px)}@media (max-width: 1024px){.page-content{grid-template-columns:1fr;grid-template-rows:auto auto}.page-content.has-google{grid-template-columns:1fr;grid-template-rows:auto auto auto}.page-content.has-google .google-column{order:3}.page-content.expanded-right .right-column{width:100%;max-width:none;order:2}.page-content.expanded-right .google-column{width:100%;max-width:none;order:3}}@media (max-width: 768px){.events-page{padding:15px}.page-header h1{font-size:2rem}.header-content{flex-direction:column;gap:15px;align-items:stretch}.layout-toggle-btn{align-self:center;padding:8px 14px;font-size:.8rem}.layout-text{display:block;font-size:.7rem}.events-header{flex-direction:column;gap:15px;align-items:stretch}.create-event-btn{align-self:center}.pagination-controls{flex-direction:column;gap:15px;align-items:stretch}.page-selector{justify-content:center}.pagination{flex-wrap:wrap;gap:10px}.pagination span{order:-1;width:100%;text-align:center}.modal-content{width:95%;padding:20px}.events-table{font-size:.8rem}.events-table th,.events-table td{padding:8px 10px}.description-cell{max-width:120px;font-size:.8rem}}@media (max-width: 480px){.page-header{margin-bottom:20px;padding:10px 0}.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.left-column{padding:15px}.events-header h3{font-size:1.3rem}.modal-content{padding:15px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.page-content.expanded-right{display:flex;flex-direction:column;max-width:none}.page-content.expanded-right .left-column{width:100%;max-width:none;order:1}.page-content.expanded-right .google-column{width:100%;max-width:none;order:3}.page-content.expanded-right .right-column{width:100%;max-width:none;order:2}.google-column{padding:12px}.google-user-selector h3{font-size:1rem}.right-column{padding:12px}}.text-modal{max-width:600px;width:90%}.modal-text-content{max-height:400px;overflow-y:auto;margin:20px 0;padding:15px;background:#1a1f3580;border-radius:8px;border:1px solid rgba(79,209,197,.2)}.modal-text-content p{line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0;color:#fff}@media (max-width: 768px){.text-modal{max-width:90%;width:95%}.modal-text-content{max-height:60vh;padding:10px}.modal-text-content p{font-size:.9rem;line-height:1.5}.users-grid{grid-template-columns:1fr;gap:15px}.user-card{padding:15px;flex-direction:column;text-align:center;gap:10px}.user-avatar{width:50px;height:50px;font-size:1.2rem}.user-info h3{font-size:1.1rem}.user-action{width:100%}.select-user-btn{width:100%;padding:12px}.user-header{flex-direction:column;gap:15px;text-align:center}.back-btn,.change-dates-btn{width:100%;padding:12px}.user-details h2{font-size:1.3rem}.page-content.google-full-width{grid-template-columns:1fr;max-width:none}.google-column{padding:15px}.google-user-selector h3{font-size:1.1rem}.right-column{padding:15px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.progress-user-page{padding:20px;width:100%;min-height:calc(100vh - 250px);background:linear-gradient(135deg,#0f1419,#1a1f35);color:#fff}.page-header{text-align:center;margin-bottom:30px;padding:20px 0}.page-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:#a3aed0;font-size:1.1rem;font-weight:400}.page-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:30px;align-items:start;max-width:1400px;margin:0 auto}.left-column{display:flex;flex-direction:column;gap:30px;min-width:0;max-width:800px}.selection-section{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1)}.selection-section h3{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:600}.select-group,.select-member{margin-bottom:20px}.select-group label,.select-member label{display:block;font-weight:600;color:#4fd1c5;margin-bottom:8px;font-size:.95rem}.select-group select,.select-member select{width:100%;padding:12px 16px;border:2px solid rgba(79,209,197,.2);border-radius:12px;background:#1a1f35cc;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.select-group select:focus,.select-member select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.select-group select option,.select-member select option{background:#1a1f35;color:#fff}.stats-section{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1)}.stats-section h3{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:600;text-align:center}.loading{text-align:center;color:#a3aed0;font-size:1.1rem;padding:40px}.multi-progress-scale{position:relative;width:400px;height:250px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center}.multi-progress-scale svg{width:400px;height:250px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.chart-legend{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1a1f3580;border-radius:8px;border:1px solid rgba(79,209,197,.1)}.color-box{width:12px;height:12px;border-radius:3px;flex-shrink:0}.color-box.booked{background:#cb3cff}.color-box.closed{background:#0038ff}.color-box.failed{background:#00c2ff}.legend-item span{color:#fff;font-size:.9rem;font-weight:500}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:24px}.stat-card{background:#1a1f35cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 16px;text-align:center;border:1px solid rgba(79,209,197,.15);position:relative;overflow:hidden;transition:all .3s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(79,209,197,.6),transparent);transform:translate(-100%);transition:transform .5s ease}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover{transform:translateY(-3px);border-color:#4fd1c566;box-shadow:0 8px 30px #4fd1c51a}.stat-card.demos{border-left:4px solid #4fd1c5}.stat-card.booked{border-left:4px solid #CB3CFF}.stat-card.closed{border-left:4px solid #0038FF}.stat-card.failed{border-left:4px solid #00C2FF}.stat-card.demos .stat-value{color:#4fd1c5}.stat-card.booked .stat-value{color:#cb3cff}.stat-card.closed .stat-value{color:#0038ff}.stat-card.failed .stat-value{color:#00c2ff}.stat-card .stat-label{color:#a3aed0;font-weight:500}.stat-value{font-size:2rem;font-weight:700;margin-bottom:8px;position:relative;z-index:2}.stat-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;position:relative;z-index:2}.stat-card:after{content:"";position:absolute;top:15px;right:15px;width:20px;height:20px;border-radius:50%;opacity:.3;z-index:1}.stat-card.demos:after{background:#4fd1c5;box-shadow:0 0 10px #4fd1c580}.stat-card.booked:after{background:#cb3cff;box-shadow:0 0 10px #cb3cff80}.stat-card.closed:after{background:#0038ff;box-shadow:0 0 10px #0038ff80}.stat-card.failed:after{background:#00c2ff;box-shadow:0 0 10px #00c2ff80}.right-column{position:sticky;top:20px;min-width:0;max-width:400px}.calendar-section{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1)}.calendar-section h3{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:600;text-align:center}.date-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.date-input{display:flex;flex-direction:column;gap:8px}.date-input label{font-weight:600;color:#4fd1c5;font-size:.9rem}.date-input input[type=date]{padding:10px 12px;border:2px solid rgba(79,209,197,.2);border-radius:8px;background:#1a1f35cc;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.date-input input[type=date]:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.create-event-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d}.create-event-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566;background:linear-gradient(135deg,#38b2ac,#319795)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0006;border:1px solid rgba(79,209,197,.2)}.modal-content h3{color:#fff;font-size:1.5rem;margin-bottom:24px;text-align:center;font-weight:600}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#4fd1c5;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:2px solid rgba(79,209,197,.2);border-radius:8px;background:#1a1f35cc;color:#fff;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.modal-actions button:first-child{background:#e53e3e33;color:#e53e3e;border:1px solid rgba(229,62,62,.3)}.modal-actions button:first-child:hover{background:#e53e3e4d}.modal-actions button:last-child{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;box-shadow:0 4px 15px #4fd1c54d}.modal-actions button:last-child:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fd1c566}@media (max-width: 1024px){.page-content{grid-template-columns:1fr;gap:20px}.right-column{position:static}}@media (max-width: 768px){.progress-user-page{padding:15px}.page-header h1{font-size:2rem}.selection-section,.stats-section,.calendar-section{padding:20px}.modal-content{padding:20px;margin:20px}.date-inputs{gap:12px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width: 480px){.page-header{margin-bottom:20px;padding:10px 0}.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.selection-section,.stats-section,.calendar-section{padding:16px}.area-chart{width:280px;height:180px}.area-chart svg{width:280px;height:180px}}.user-detail-section{margin-top:30px}.user-detail-card{margin-bottom:30px}.user-detail-card .member-card{max-width:600px;margin:0 auto;transition:transform .2s ease}.user-detail-card .member-card:hover{transform:translateY(-2px)}.user-additional-info{margin-top:40px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.info-card{background:linear-gradient(135deg,#111c44,#1a1f35);border-radius:15px;padding:25px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(79,209,197,.1)}.info-card h4{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:600;border-bottom:2px solid rgba(79,209,197,.2);padding-bottom:10px}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0;border-bottom:1px solid rgba(79,209,197,.1)}.info-item:last-child{border-bottom:none;margin-bottom:0}.info-label{color:#a3aed0;font-weight:500;font-size:.9rem}.info-value{color:#fff;font-weight:600;font-size:.9rem;text-align:right}.status-active{color:#4fd1c5}.status-inactive{color:#ff6b6b}@media (max-width: 768px){.user-detail-card .member-card{max-width:100%}.info-grid{grid-template-columns:1fr;gap:15px}.info-card{padding:20px}.info-card h4{font-size:1.2rem}.info-item{flex-direction:column;align-items:flex-start;gap:5px}.info-value{text-align:left}}@media (max-width: 480px){.user-detail-section{margin-top:20px}.info-card{padding:15px}.info-card h4{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}:root{--main-color: #3498db;--accent-color: #e74c3c;--bg-color: #f5f5f5;--text-color: white}body{background-color:#0b122c}.main-layout{display:block;min-height:100vh;position:relative}.main-content{flex:1;background:#0b122c;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;margin-left:290px;transition:margin-left .5s ease-in-out}.main-content.sidebar-closed{margin-left:120px}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#7551ff99;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#7551ffcc}@media (max-width: 1024px){.main-layout{display:flex;flex-direction:column}.sidebar{position:static;width:100%;height:auto}.main-content{margin-left:0;min-height:auto;overflow-y:visible}}@media (max-width: 768px){.main-layout{display:flex;flex-direction:column}.sidebar{position:static;width:100%;height:auto}.main-content{margin-left:0;min-height:auto;overflow-y:visible}}.privacy-page{min-height:100vh;background-color:#0b122c;color:#fff;padding:20px;font-family:DM Sans,sans-serif}.privacy-container{max-width:800px;margin:0 auto;padding:40px 20px}.privacy-header{text-align:center;margin-bottom:40px}.language-switcher{margin-bottom:20px}.language-btn{padding:8px 16px;margin:0 5px;background-color:#ffffff1a;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.language-btn.active{background-color:#3498db}.language-btn:hover{background-color:#fff3}.privacy-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#fff}.privacy-subtitle{font-size:1.1rem;color:#b0b0b0;margin-bottom:30px}.privacy-content{background-color:#ffffff0d;border-radius:12px;padding:30px;line-height:1.7;font-size:1rem}.privacy-section{margin-bottom:25px}.privacy-intro{margin-bottom:20px;color:#e0e0e0}.privacy-section h2{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:15px;border-bottom:2px solid #3498db;padding-bottom:8px}.privacy-list{color:#d0d0d0;padding-left:20px}.privacy-list li{margin-bottom:8px}.privacy-text{color:#d0d0d0}.privacy-email-link{color:#3498db;text-decoration:none;font-weight:500}.privacy-email-link:hover{text-decoration:underline}.privacy-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.privacy-back-btn{padding:12px 24px;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s ease;margin-right:15px}.privacy-back-btn:hover{background-color:#2980b9}.privacy-learn-more{color:#b0b0b0;text-decoration:none;font-size:.9rem;margin-left:15px;transition:color .3s ease}.privacy-learn-more:hover{color:#3498db}@media (max-width: 768px){.privacy-page{padding:15px}.privacy-container{padding:20px 15px}.privacy-title{font-size:2rem}.privacy-content{padding:20px}.privacy-section h2{font-size:1.2rem}.privacy-footer{flex-direction:column;gap:15px}.privacy-back-btn{margin-right:0;margin-bottom:10px}.privacy-learn-more{margin-left:0}}