.toast{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:10000}.toast-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.toast-message{flex:1 1;font-size:14px;font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.toast-close:hover{background-color:#ffffff1a}.toast-success{background:#22c55ee6;border-left:4px solid #22c55e;color:#fff}.toast-error{background:#ef4444e6;border-left:4px solid #ef4444;color:#fff}.toast-warning{background:#f59e0be6;border-left:4px solid #f59e0b;color:#fff}.toast-info{background:#3b82f6e6;border-left:4px solid #3b82f6;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast.exiting{animation:slideOut .3s ease-in forwards}.toast+.toast{margin-top:10px}.practice-section{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh;overflow:hidden;padding:2rem 0 4rem;position:relative}.practice-section:before{background:radial-gradient(circle at 20% 50%,#00ff880d 0,#0000 50%),radial-gradient(circle at 80% 80%,#8a2be20d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.practice-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.practice-hero{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem;overflow:hidden;padding:3rem;position:relative}.practice-hero:before{background:linear-gradient(135deg,#00ff881a,#8a2be21a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.practice-hero:hover:before{opacity:1}.practice-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;letter-spacing:-1px;margin-bottom:1rem;text-align:center}.practice-subtitle{color:#999;font-size:1.1rem;margin-bottom:2rem;text-align:center}.skill-tracker-header{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem 2rem;transition:all .3s ease}.skill-tracker-header:hover{background:#ffffff0d;border-color:#00ff884d;box-shadow:0 4px 20px #00ff881a;transform:translateY(-2px)}.skill-tracker-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:1rem}.skill-tracker-title i{color:#0f8;font-size:1.5rem}.quick-stats{background:#00ff881a;border:1px solid #0f83;border-radius:20px;color:#888;font-size:.9rem;font-weight:500;padding:.4rem 1rem}.dropdown-icon{color:#0f8;font-size:1.2rem;transition:transform .3s ease}.progress-section{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.progress-section.expanded{margin-top:2rem;max-height:2000px;opacity:1}.progress-section.collapsed{margin-top:0;max-height:0;opacity:0}.overall-progress-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.section-header:before{background:linear-gradient(180deg,#0f8,#00d4ff);border-radius:2px;content:"";height:20px;width:4px}.progress-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:250px 1fr}.progress-circle-container{height:200px;margin:0 auto;position:relative;width:200px}.progress-ring{height:100%;transform:rotate(0deg);width:100%}.progress-circle-text{display:flex;flex-direction:column;gap:.25rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 0 30px #00ff8880}.progress-label-small{color:#888;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.progress-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-card{background:#ffffff05;border-radius:12px}.stat-card:hover{background:#ffffff0d;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#00ff881a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#00ff8880;box-shadow:0 8px 24px #0f83;transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;width:60px;z-index:1}.stat-icon.solved{background:linear-gradient(135deg,#0f83,#00ff880d);box-shadow:0 4px 16px #00ff884d;color:#0f8}.stat-icon.total{background:linear-gradient(135deg,#00d4ff33,#00d4ff0d);box-shadow:0 4px 16px #00d4ff4d;color:#00d4ff}.stat-icon.remaining{background:linear-gradient(135deg,#ffc10733,#ffc1070d);box-shadow:0 4px 16px #ffc1074d;color:#ffc107}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;position:relative;z-index:1}.stat-card .stat-label{color:#888;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-card .stat-value{color:#fff;font-size:2rem;font-weight:800;line-height:1}.category-skills-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.category-skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-skill-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;transition:all .3s ease}.category-skill-card:hover{background:#ffffff0d;border-color:#00ff884d;box-shadow:0 4px 20px #00ff881a;transform:translateY(-2px)}.category-skill-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.category-icon{align-items:center;background:linear-gradient(135deg,#0f83,#00d4ff33);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.category-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:1.2rem}.category-info{flex:1 1}.category-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.category-progress-text{color:#888;font-size:.85rem}.category-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.category-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:3px;box-shadow:0 0 10px #00ff8880;height:100%;transition:width .5s ease}@media (max-width:968px){.progress-grid{gap:2rem;grid-template-columns:1fr}.progress-circle-container{height:180px;width:180px}.progress-percentage{font-size:2.5rem}}@media (max-width:640px){.progress-stats-grid{grid-template-columns:1fr}.progress-circle-container{height:160px;width:160px}.progress-percentage{font-size:2rem}.category-skills-grid{grid-template-columns:1fr}.skill-tracker-header{padding:1rem 1.5rem}.skill-tracker-title{font-size:1rem;gap:.75rem}.quick-stats{font-size:.8rem;padding:.3rem .75rem}}.filters-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0003;margin-bottom:2rem;padding:1.5rem}.filters-grid{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr auto}.search-input-wrapper{position:relative}.search-input-wrapper i{color:#666;font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-input,.filter-select{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}.filter-input{padding-left:3rem}.filter-input:focus,.filter-select:focus{background:#0006;border-color:#0f8;box-shadow:0 0 0 3px #00ff881a}.filter-input::placeholder{color:#666}.filter-select option{background:#1a1a2e;color:#fff}.filter-checkbox{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.filter-checkbox:hover{background:#0006;border-color:#0f8}.filter-checkbox input[type=checkbox]{accent-color:#0f8;cursor:pointer;height:18px;width:18px}.filter-checkbox label{color:#ddd;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none}.challenges-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.challenge-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.challenge-card:before{background:linear-gradient(135deg,#00ff881a,#8a2be21a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.challenge-card:hover{border-color:#00ff8880;box-shadow:0 12px 32px #0f83;transform:translateY(-8px)}.challenge-card:hover:before{opacity:1}.challenge-card.solved{background:linear-gradient(135deg,#00ff8814,#00ff8808);border-color:#00ff8880}.challenge-card.solved:after{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0f86;content:"✓";display:flex;font-size:1.2rem;height:32px;justify-content:center;right:1rem;top:1rem;width:32px}.challenge-card.solved:after,.new-badge{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000;font-weight:700;position:absolute}.new-badge{box-shadow:0 2px 8px #0000004d;font-size:.7rem;letter-spacing:1px;padding:4px 40px;right:-32px;text-transform:uppercase;top:12px;transform:rotate(45deg)}.challenge-header{margin-bottom:1rem;position:relative;z-index:1}.challenge-title{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.challenge-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.badge{align-items:center;display:inline-flex;font-size:.8rem;gap:.4rem;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.badge-category{background:#8a2be233;border:1px solid #8a2be24d;color:#a78bfa}.badge-difficulty{border:1px solid}.badge-difficulty.easy{background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.badge-difficulty.medium{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.badge-difficulty.hard{background:#ef444433;border-color:#ef44444d;color:#f87171}.badge-points{background:#0f83;border:1px solid #00ff884d;color:#0f8;font-weight:700;margin-left:auto}.challenge-stats-row{border-top:1px solid #ffffff0d;color:#999;display:flex;font-size:.9rem;gap:1.5rem;padding-top:1rem}.stat-chip{align-items:center;display:flex;gap:.5rem}.stat-chip i{color:#0f8}.modal-container{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f83;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#ffffff0d}.modal-container::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#00ff8880}.modal-header{border-bottom:1px solid #ffffff1a;padding:2rem;position:relative}.modal-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:36px}.modal-close-btn:hover{background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.modal-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1rem;padding-right:3rem}.modal-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.modal-stats{gap:2rem;margin-top:1rem}.modal-stat,.modal-stats{align-items:center;display:flex}.modal-stat{color:#999;font-size:.95rem;gap:.5rem}.modal-stat i{color:#0f8}.modal-vote-btn{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:20px;color:#0f8;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.5rem 1rem;transition:all .3s ease}.modal-vote-btn:hover:not(:disabled){background:#0f83;border-color:#0f8;box-shadow:0 0 20px #00ff884d;transform:translateY(-2px)}.modal-vote-btn:disabled{cursor:not-allowed;opacity:.4}.modal-body{padding:2rem}.modal-section{margin-bottom:2rem}.modal-section-title{align-items:center;color:#0f8;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.modal-description{color:#ccc;font-size:1rem;line-height:1.7}.modal-description code{background:#00ff881a;border-radius:4px;color:#0f8;font-family:Courier New,monospace;padding:.2rem .5rem}.hint-revealer{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s ease}.hint-revealer:hover{background:#fbbf2426;border-color:#fbbf2480}.hint-title{align-items:center;color:#fbbf24;display:flex;font-size:1rem;font-weight:600;gap:.75rem}.hint-title i{font-size:1.2rem}.hint-content{border-top:1px solid #fbbf2433;color:#ddd;line-height:1.6;margin-top:1rem;padding-top:1rem}.download-link{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;color:#00d4ff;display:inline-flex;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.download-link:hover{background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;transform:translateX(4px)}.dare-container{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:12px;padding:1.5rem}.dare-btn{align-items:center;background:linear-gradient(45deg,gold,orange);border:none;border-radius:25px;color:#000;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.dare-btn:hover:not(:disabled){box-shadow:0 8px 20px #ffd70066;transform:translateY(-2px)}.dare-btn:disabled{cursor:not-allowed;opacity:.6}.dare-timer{background:#ffd70033;border-radius:8px;color:gold;font-weight:600;margin-top:1rem;padding:1rem}.flag-form{display:flex;gap:1rem;margin-top:2rem}.flag-input{background:#0000004d;border:1px solid #fff3;border-radius:12px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.flag-input:focus{background:#0006;border-color:#0f8;box-shadow:0 0 0 3px #00ff881a}.flag-submit-btn{background:linear-gradient(135deg,#0f8,#00d4ff);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.flag-submit-btn:hover{box-shadow:0 8px 24px #0f86;transform:translateY(-2px)}.solved-banner{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 8px 24px #22c55e66;color:#fff;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:2rem;text-align:center}.solved-banner i{display:block;font-size:2rem;margin-bottom:.5rem}.empty-state{color:#666;padding:4rem 2rem;text-align:center}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state p{font-size:1.1rem}@media (max-width:575px){.practice-container{padding:0 .75rem}.practice-hero{padding:1.5rem 1rem}.practice-title{font-size:1.5rem}.practice-subtitle{font-size:.9rem}.progress-section{flex-direction:column;gap:1rem}.stat-item{padding:.75rem}.stat-value{font-size:1.5rem}.filters-grid{gap:.75rem;grid-template-columns:1fr}.challenges-grid{gap:1rem;grid-template-columns:1fr}.challenge-card{padding:1rem}.modal-content{margin:1rem;max-width:95%;width:95%}.modal-body,.modal-header{padding:1rem}.flag-form{flex-direction:column}.flag-input{font-size:.9rem}.submit-flag-btn{width:100%}}@media (min-width:576px) and (max-width:768px){.practice-container{padding:0 1rem}.practice-hero{padding:2rem 1.5rem}.practice-title{font-size:2rem}.challenges-grid,.filters-grid{grid-template-columns:repeat(2,1fr)}.progress-section{flex-direction:row;flex-wrap:wrap}}@media (min-width:769px) and (max-width:1024px){.filters-grid{grid-template-columns:repeat(3,1fr)}.challenges-grid{grid-template-columns:repeat(2,1fr)}.practice-layout{grid-template-columns:240px 1fr}}@media (min-width:1025px) and (max-width:1366px){.practice-container{max-width:1200px}.challenges-grid,.filters-grid{grid-template-columns:repeat(3,1fr)}}.oauth-container,.oauth-divider{margin:1.5rem 0}.oauth-divider{align-items:center;display:flex;text-align:center}.oauth-divider:after,.oauth-divider:before{border-bottom:1px solid #0f83;content:"";flex:1 1}.oauth-divider span{color:#999;font-size:.875rem;padding:0 1rem}.oauth-buttons{display:flex;flex-direction:column;gap:1rem}.oauth-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.oauth-btn:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.oauth-btn:active{transform:translateY(0)}.oauth-icon{height:20px;width:20px}.google-btn:hover{border-color:#4285f4;box-shadow:0 4px 20px #4285f44d}.github-btn:hover{border-color:#fff;box-shadow:0 4px 20px #fff3}@media (min-width:480px){.oauth-buttons{flex-direction:row}.oauth-btn{flex:1 1}}.loading-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;position:fixed;z-index:9999}.cyber-spinner{display:inline-block;position:relative}.spinner-small{height:30px;width:30px}.spinner-medium{height:60px;width:60px}.spinner-large{height:100px;width:100px}.spinner-ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#0f8;position:absolute}.spinner-small .spinner-ring{border-width:2px;height:30px;width:30px}.spinner-medium .spinner-ring{height:60px;width:60px}.spinner-large .spinner-ring{border-width:4px;height:100px;width:100px}.spinner-ring:first-child{animation-delay:0s;border-top-color:#0f8}.spinner-ring:nth-child(2){animation-delay:.3s;border-top-color:#0f89;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:.6s;border-top-color:#00ff884d;height:60%;left:20%;top:20%;width:60%}.spinner-text{animation:pulse 1.5s ease-in-out infinite;color:#0f8;font-size:14px;font-weight:600;left:50%;position:absolute;text-shadow:0 0 10px #00ff8880;top:120%;transform:translateX(-50%);white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-card{animation:skeletonPulse 1.5s ease-in-out infinite;background:#ffffff0d;border-radius:12px;padding:1.5rem}.skeleton-header{background:linear-gradient(90deg,#00ff881a 25%,#0f83 50%,#00ff881a 75%);background-size:200% 100%;height:24px;margin-bottom:1rem}.skeleton-header,.skeleton-line{animation:shimmer 2s infinite;border-radius:4px}.skeleton-line{background:linear-gradient(90deg,#00ff880d 25%,#00ff8826 50%,#00ff880d 75%);background-size:200% 100%;height:16px;margin-bottom:.75rem}.skeleton-line.short{width:60%}.skeleton-footer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#00ff8814 25%,#00ff882e 50%,#00ff8814 75%);background-size:200% 100%;border-radius:4px;height:40px;margin-top:1.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.7}}.password-strength-container{margin-bottom:1rem;margin-top:.5rem}.strength-bar-container{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.strength-bar{border-radius:3px;box-shadow:0 0 10px currentColor;height:100%;transition:all .3s ease}.strength-label{font-size:.875rem;font-weight:600;margin-bottom:.75rem;text-shadow:0 0 8px currentColor}.password-requirements{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.requirement{align-items:center;color:#999;display:flex;gap:.5rem;transition:all .3s ease}.requirement i{font-size:1rem;transition:all .3s ease}.requirement.met{color:#0f8}.requirement.met i{color:#0f8;text-shadow:0 0 8px #00ff8880}.requirement:not(.met) i{color:#444}.profile-section-redesign{background:#0a0a0a;color:#e0e0e0;font-family:,Inter,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem 0;width:100%}.profile-container-leetcode{grid-gap:2rem;align-items:start;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:320px 1fr;margin:0 auto;max-width:1400px;padding:0 1.5rem;width:100%}.profile-sidebar-left{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}.badges-card,.stats-card,.user-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;padding:1.5rem;width:100%}.user-avatar-large{height:120px;margin:0 auto 1rem;position:relative;width:120px}.avatar-img-large,.avatar-placeholder-large{background:#1a1a1a;border:3px solid #0f8;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{color:#555;font-size:3rem}.avatar-placeholder-large,.avatar-upload-trigger{align-items:center;display:flex;justify-content:center}.avatar-upload-trigger{background:#0f8;border:3px solid #0a0a0a;border-radius:50%;bottom:5px;color:#000;cursor:pointer;height:36px;position:absolute;right:5px;transition:all .3s ease;width:36px}.avatar-upload-trigger:hover{background:#0c6;transform:scale(1.1)}.user-display-name{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.25rem;text-align:center}.verified-badge{color:#0f8;font-size:1.2rem}.user-handle{color:#888;font-size:.95rem;margin-bottom:1rem;text-align:center}.user-rank-display{align-items:center;background:#00ff881a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.rank-label{color:#aaa;font-size:.85rem}.rank-number{color:#0f8;font-size:1.25rem;font-weight:700}.follow-stats{border-top:1px solid #ffffff1a;display:flex;justify-content:space-around;padding-top:1rem}.follow-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.follow-count{color:#fff;font-size:1.25rem;font-weight:700}.follow-label{color:#888;font-size:.75rem;text-transform:capitalize}.stats-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.stat-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:1rem;padding:.75rem 0}.stat-row:last-child{border-bottom:none}.stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.stat-icon-wrapper.stat-views{background:#3b82f626;color:#3b82f6}.stat-icon-wrapper.stat-solution{background:#22c55e26;color:#22c55e}.stat-icon-wrapper.stat-discuss{background:#f9731626;color:#f97316}.stat-icon-wrapper.stat-reputation{background:#fbbf2426;color:#fbbf24}.stat-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.stat-label{color:#aaa;font-size:.9rem}.stat-value{color:#fff;font-weight:600}.settings-list-compact{display:flex;flex-direction:column;gap:.75rem}.setting-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.setting-label-compact{align-items:center;color:#aaa;display:flex;gap:.5rem}.setting-value-compact{color:#fff;cursor:pointer;font-weight:500;transition:color .2s}.setting-value-compact:hover:not(.locked){color:#0f8}.setting-value-compact.locked{color:#888;cursor:default}.edit-icon-small{color:#666;font-size:.75rem;margin-left:.25rem}.setting-input-compact{background:#ffffff0d;border:1px solid #00ff884d;border-radius:6px;color:#fff;font-size:.85rem;outline:none;padding:.35rem 5rem}.profile-main-content{display:flex;flex-direction:column;gap:1.5rem}.progress-overview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.progress-header-row{align-items:flex-start;display:flex;justify-content:space-between}.progress-title-small{color:#888;font-size:.95rem;margin-bottom:.5rem}.rating-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.ranking-badges{display:flex;flex-wrap:wrap;gap:.75rem}.global-rank-badge,.history-badge,.top-percent-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ccc;font-size:.85rem;padding:.4rem .75rem}.history-badge i{color:#0f8;margin-right:.35rem}.circular-progress-section{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:220px 1fr}.progress-circle-wrapper{height:200px;position:relative;width:200px}.progress-ring-svg{height:100%;width:100%}.circle-center-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.solved-count{color:#fff;font-size:3rem;font-weight:800;line-height:1}.solved-total{color:#666;font-size:1.5rem;font-weight:600}.solved-label{color:#888;font-size:.85rem;letter-spacing:1px;margin-top:.25rem;text-transform:uppercase}.difficulty-breakdown{display:flex;flex-direction:column;gap:1.5rem}.difficulty-item{align-items:center;background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.difficulty-header{align-items:center;display:flex;gap:.75rem}.difficulty-circle{border-radius:50%;height:12px;width:12px}.easy-circle{background:#0f8}.medium-circle{background:#fbbf24}.hard-circle{background:#ef4444}.difficulty-name{color:#ccc;font-size:1rem;font-weight:500}.difficulty-count{color:#fff;font-size:1.1rem;font-weight:700}.attempting-row{align-items:center;border-top:1px solid #ffffff1a;color:#888;display:flex;font-size:.9rem;gap:.5rem;padding-top:1rem}.attempting-row i{color:#00d4ff}.progress-overview-card .cyber-card{background:#0000;border:none;box-shadow:none;padding:0}.progress-overview-card .card-title{color:#ccc;font-size:1rem;margin-bottom:1rem}.badges-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.badges-title{color:#fff;font-size:1.1rem;font-weight:600}.badge-count{background:#00ff8826;border-radius:6px;color:#0f8;font-size:.85rem;font-weight:600;padding:.3rem .6rem}.badges-grid-compact{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.badge-icon-item{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:10px;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.badge-icon-item:hover{box-shadow:0 8px 20px #ffd7004d;transform:translateY(-4px)}.badge-trophy{color:gold;font-size:1.5rem}.no-badges{color:#666;font-size:.9rem;padding:2rem 0;text-align:center}.most-recent-badge{border-top:1px solid #ffffff1a;padding-top:1rem}.recent-label{color:#888;display:block;font-size:.85rem;margin-bottom:.5rem}.recent-badge-name{color:gold;font-size:.95rem;font-weight:600}.achievements-list-compact{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.achievement-row{align-items:flex-start;background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.achievement-row.unlocked:hover{background:#ffd7000d;border-color:#ffd70033}.achievement-row.locked{opacity:.4}.achievement-icon-small{align-items:center;background:#ffd7001a;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.achievement-icon-small i{color:gold;font-size:1.1rem}.achievement-row.locked .achievement-icon-small{background:#ffffff0d}.achievement-row.locked .achievement-icon-small i{color:#555}.achievement-text{flex:1 1}.achievement-name-small{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.2rem}.achievement-desc-small{color:#888;font-size:.8rem;line-height:1.4}.empty-state-compact{color:#666;padding:2rem 1rem;text-align:center}.empty-state-compact i{color:#444;font-size:2rem;margin-bottom:.75rem}.empty-state-compact p{font-size:.9rem}.achievements-list-compact::-webkit-scrollbar{width:6px}.achievements-list-compact::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.achievements-list-compact::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.achievements-list-compact::-webkit-scrollbar-thumb:hover{background:#00ff8880}@media (max-width:575px){.profile-section-redesign{padding:1rem 0}.profile-container-leetcode{gap:1rem;grid-template-columns:1fr;max-width:100%;padding:0 .75rem}.profile-sidebar-left{width:100%}.profile-main-content{min-width:0;width:100%}.badges-card,.stats-card,.user-info-card{padding:1rem}.user-avatar-large{height:80px;width:80px}.user-display-name{font-size:1.25rem}.profile-header-card{padding:1rem}.rating-number{font-size:1.75rem}.progress-overview-card{overflow-x:auto;padding:1rem}.badges-grid-compact{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.circular-progress-section{gap:1rem;grid-template-columns:1fr}.progress-circle-wrapper{margin:0 auto;max-width:200px}.tabs-container{flex-direction:column;overflow-x:auto}.tab-button{justify-content:center;white-space:nowrap;width:100%}.activity-feed,.recent-submissions{padding:1rem}}@media (min-width:576px) and (max-width:768px){.profile-section-redesign{padding:1.5rem 0}.profile-container-leetcode{gap:1.5rem;grid-template-columns:1fr;max-width:100%;padding:0 1rem}.profile-main-content,.profile-sidebar-left{min-width:0;width:100%}.badges-grid-compact{grid-template-columns:repeat(3,1fr)}.circular-progress-section{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (min-width:769px) and (max-width:1024px){.profile-container-leetcode{gap:1.5rem;grid-template-columns:260px 1fr;max-width:100%;padding:0 1.25rem}.profile-sidebar-left{min-width:260px}.profile-main-content{min-width:0}.circular-progress-section{grid-template-columns:repeat(2,1fr)}.badges-grid-compact{grid-template-columns:repeat(4,1fr)}.badges-card,.stats-card,.user-info-card{padding:1.25rem}}@media (min-width:1025px) and (max-width:1366px){.profile-container-leetcode{gap:2rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1280px;padding:0 1.5rem}.profile-sidebar-left{min-width:300px}.profile-main-content{min-width:0}.badges-grid-compact{grid-template-columns:repeat(4,1fr)}}@media (min-width:1367px){.profile-container-leetcode{gap:2.5rem;grid-template-columns:340px 1fr;margin:0 auto;max-width:1520px;padding:0 2rem}.profile-sidebar-left{min-width:340px}.profile-main-content{min-width:0}.badges-grid-compact{grid-template-columns:repeat(5,1fr)}.circular-progress-section{grid-template-columns:repeat(3,1fr)}}.profile-main-content{min-width:0;overflow-x:hidden;width:100%}.profile-main-content>*{box-sizing:border-box;max-width:100%}.tabs-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.activity-feed,.recent-submissions,.solved-problems-section{max-width:100%;overflow-x:hidden}.activity-item,.cyber-card,.progress-overview-card,.submissions-list{box-sizing:border-box;max-width:100%;overflow-x:hidden}.cyber-card.streak-calendar-card{background:#0000;border:none;box-shadow:none;padding:0}.streak-calendar-card .card-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.streak-calendar-card .card-title i{color:#0f8}.github-style-calendar{background:#0000}.contribution-grid{overflow-x:auto;overflow-y:hidden}.contribution-day:hover{cursor:pointer;transform:scale(1.2);transition:transform .1s ease}.achievement-grid,.badges-grid-compact,.circular-progress-section,.stats-overview{box-sizing:border-box;max-width:100%;width:100%}.progress-circle-wrapper{box-sizing:border-box;margin:0 auto;max-width:250px;width:100%}.activity-text,.submission-title,.user-display-name,.username{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.contribution-grid{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:1rem}.github-style-calendar{min-width:100%}}input[type=email],input[type=text],select,textarea{box-sizing:border-box;max-width:100%}.activity-item,.edit-form,.profile-edit-section,.submission-item{max-width:100%;overflow-x:hidden}.activity-item,.submission-item{word-wrap:break-word}.stats-overview{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:576px){.contribution-grid{font-size:.75rem}.contribution-day{height:10px;width:10px}.stats-overview{padding:.5rem}.stat-row{align-items:flex-start;flex-direction:column;gap:.5rem}}body{overflow-x:hidden}.profile-container-leetcode,.profile-main-content,.profile-section-redesign,.profile-sidebar-left{max-width:100%;overflow-x:hidden}:root{--primary-green:#0f8;--primary-green-rgb:0,255,136;--bg-dark:#0a0e1a;--bg-card:#151b2d;--bg-card-hover:#1a2138;--border-color:#00ff8826;--text-primary:#fff;--text-secondary:#8b92a8;--text-muted:#6b7280;--danger:#ff4d4d;--warning:orange;--info:#00bfff;--success:#0f8;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px #0f83}.admin-section{background:linear-gradient(135deg,#0a0e1af2,#0f172af2);min-height:100vh;padding:2rem 0}.admin-section .container{margin:0 auto;max-width:1400px;padding:0 2rem}.admin-section h1{color:#0f8;color:var(--primary-green);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-shadow:0 0 30px #00ff884d}.connection-status{align-items:center;background:#151b2d;background:var(--bg-card);border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.connection-status strong{color:#fff;color:var(--text-primary);font-weight:600;margin-right:.5rem}.connection-status .status-url{color:#0f8;color:var(--primary-green);font-family:Courier New,monospace;font-size:.9rem}.admin-tabs{border-bottom:2px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:0}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#8b92a8;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-btn:before{background:#0f8;background:var(--primary-green);bottom:-2px;box-shadow:0 0 12px #0f8;box-shadow:0 0 12px var(--primary-green);content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.tab-btn:hover{background:#00ff880d;color:#fff;color:var(--text-primary)}.tab-btn.active{background:#00ff8814;color:#0f8;color:var(--primary-green)}.tab-btn.active:before{transform:scaleX(1)}.tab-content{animation:fadeInUp .4s ease;display:none}.tab-content.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-header{align-items:center;background:#151b2d;background:var(--bg-card);border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.admin-header h2{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.admin-header h2 span{color:#0f8;color:var(--primary-green);font-size:.9rem;font-weight:500;margin-left:.5rem;opacity:.8}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;outline:none;padding:.75rem 1.5rem}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#0f8;background:var(--primary-green);box-shadow:0 4px 12px #00ff884d;color:#000}.btn-primary:hover:not(:disabled){background:#0d7;box-shadow:0 6px 20px #0f86;transform:translateY(-2px)}.btn-secondary{background:#151b2d;background:var(--bg-card);border:1px solid #00ff8826;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#1a2138;background:var(--bg-card-hover);border-color:#0f8;border-color:var(--primary-green);color:#0f8;color:var(--primary-green)}.btn-danger{background:#ff4d4d;background:var(--danger);box-shadow:0 4px 12px #ff4d4d4d}.btn-danger:hover:not(:disabled){background:#f33;box-shadow:0 6px 20px #ff4d4d66;transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.admin-header>div{display:flex;flex-wrap:wrap;gap:.75rem}.admin-table-container{background:#151b2d;background:var(--bg-card);border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md);overflow:hidden}.admin-table{background:#0000;border-collapse:collapse;width:100%}.admin-table thead{background:#00ff880d;border-bottom:2px solid #00ff8826;border-bottom:2px solid var(--border-color)}.admin-table thead th{color:#0f8;color:var(--primary-green);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.admin-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .2s ease}.admin-table tbody tr:hover{background:#00ff8808}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{color:#fff;color:var(--text-primary);font-size:.95rem;padding:1.25rem 1.5rem}.admin-table td:last-child{align-items:center;display:flex;gap:.5rem}.admin-table tbody tr td[colspan]{color:#6b7280;color:var(--text-muted);font-size:1rem;padding:3rem 2rem;text-align:center}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;padding:2rem;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#modal-content{animation:slideUp .3s ease;background:#151b2d;background:var(--bg-card);border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#modal-content h2,#modal-content h3{color:#0f8;color:var(--primary-green);font-size:1.75rem;font-weight:600;margin:0 0 1.5rem}#modal-content h3{font-size:1.5rem}#modal-content h4{border-bottom:1px solid #ffffff1a;color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem}.close-btn{align-items:center;background:#0000;border-radius:8px;color:#8b92a8;color:var(--text-secondary);display:flex;font-size:2rem;height:40px;justify-content:center;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px}.close-btn:hover{background:#ff4d4d1a;color:#ff4d4d;color:var(--danger);transform:rotate(90deg)}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea,.form-input{background:#0000004d;border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus{background:#0006;border-color:#0f8;border-color:var(--primary-green);box-shadow:0 0 0 3px #00ff881a}.form-group textarea{font-family:inherit;line-height:1.6}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.dare-section{background:#00bfff0d;border:1px solid #00bfff33;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.dare-section h4{border-bottom-color:#00bfff33;color:#00bfff;color:var(--info)}.modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-actions .btn{justify-content:center;min-width:120px}.filter-section{align-items:center;background:#0003;border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.filter-section input,.filter-section select{background:#151b2d;background:var(--bg-card);border:1px solid #00ff8826;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.95rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.filter-section input:focus,.filter-section select:focus{border-color:#0f8;border-color:var(--primary-green);box-shadow:0 0 0 3px #00ff881a;outline:none}.message{border-radius:12px;font-size:1.125rem;font-weight:500;padding:2rem;text-align:center}.message.error{background:#ff4d4d1a;border:1px solid #ff4d4d4d;color:#ff4d4d;color:var(--danger)}#modal-content::-webkit-scrollbar{width:8px}#modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}#modal-content::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px}#modal-content::-webkit-scrollbar-thumb:hover{background:#00ff8880}@media (max-width:1200px){.admin-section .container{max-width:100%;padding:0 1.5rem}}@media (max-width:768px){.admin-section h1{font-size:2rem}.admin-header{align-items:stretch;flex-direction:column;gap:1rem}.admin-header>div{flex-direction:column;width:100%}.admin-header .btn{justify-content:center;width:100%}.admin-tabs{border-bottom:none;flex-direction:column;gap:0}.tab-btn{border-bottom:1px solid #ffffff0d;border-radius:0;margin-bottom:0;text-align:left;width:100%}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.connection-status{align-items:stretch;gap:1rem}.connection-status,.filter-section{flex-direction:column}.filter-section input,.filter-section select{width:100%}#modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width:480px){.admin-section .container{padding:0 1rem}.admin-section h1{font-size:1.75rem}.admin-table tbody td,.admin-table thead th{font-size:.875rem;padding:1rem}}.loading-overlay{align-items:center;background:#000000b3;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #0f83;border-radius:50%;border-top:3px solid var(--primary-green);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .875rem;text-transform:capitalize}.badge-success{background:#00ff8826;border:1px solid #00ff884d;color:#0f8;color:var(--success)}.badge-warning{background:#ffa50026;border:1px solid #ffa5004d;color:orange;color:var(--warning)}.badge-danger{background:#ff4d4d26;border:1px solid #ff4d4d4d;color:#ff4d4d;color:var(--danger)}.badge-info{background:#00bfff26;border:1px solid #00bfff4d;color:#00bfff;color:var(--info)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body,main{background:#0000!important}main{position:relative;z-index:1}div,footer,header,nav,section{background-color:initial}.App,.container,body,html,main,section{background:#0000!important}.about-section,.features,.footer,.hero{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}canvas{height:100%;left:0;pointer-events:none;position:fixed!important;top:0;width:100%;z-index:-1!important}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{font-size:14px;padding:5px 10px}.btn-full{width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{backdrop-filter:blur(75px);-webkit-backdrop-filter:blur(75px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;z-index:1001}.close-btn:hover{color:#000}.message{border-radius:4px;margin:10px 0;padding:10px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.logout-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.logout-btn:hover{opacity:.8}.loading{color:#666;font-size:1.2rem;padding:2rem;text-align:center}@media (max-width:575px){.container{padding:0 10px}.modal-content{margin:.5rem;max-width:95%;padding:1rem;width:95%}.App{min-height:100vh;overflow-x:hidden}main{padding:0}.btn{font-size:.9rem;padding:.625rem 1rem}}@media (min-width:576px) and (max-width:768px){.container{max-width:540px;padding:0 15px}.modal-content{padding:1.25rem;width:90%}}@media (min-width:769px) and (max-width:1024px){.container{max-width:720px}.modal-content{padding:1.5rem;width:80%}}@media (min-width:1025px) and (max-width:1366px){.container{max-width:960px}}@media (min-width:1367px) and (max-width:1600px){.container{max-width:1140px}}@media (min-width:1601px){.container{max-width:1320px}}@media (max-width:768px){canvas{opacity:.6}.matrix-bg{filter:blur(1px)}.container{padding:0 15px}.modal-content{padding:1rem;width:95%}}.matrix-bg{background:#000;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body{background:#0a0f0c!important;color:#fff}
/*# sourceMappingURL=main.d9f13939.css.map*/