*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e27;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;overflow:hidden;width:100vw}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:#1f2747;border:2px solid #0a0e27;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00ff41}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.App,.loading-screen{display:flex;flex-direction:column;height:100%;width:100%}.loading-screen{align-items:center;background:#0a0e27;justify-content:center}.loading-spinner{border:4px solid #1f27474d;border-top-color:#00ff41;box-shadow:0 0 20px #00ff414d;height:50px;margin-bottom:20px;width:50px}.loading-screen p{color:#b0b8cc;font-size:16px;font-weight:600;letter-spacing:1px}.btn{border-radius:8px;font-size:14px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{box-shadow:0 4px 15px #00ff414d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #00ff4166}.btn-secondary{background-color:#1f2747;border:2px solid #1f2747;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#2a3456;border-color:#00ff41;color:#00ff41}.btn-danger{background-color:#ff4655;box-shadow:0 4px 15px #ff46554d;color:#fff}.btn-danger:hover:not(:disabled){background-color:#e63d4a;box-shadow:0 6px 20px #ff465566;transform:translateY(-1px)}.input{background-color:#0a0e2799;border:2px solid #1f2747;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{background-color:#0a0e27cc;border-color:#00ff41;box-shadow:0 0 0 3px #00ff411a;outline:none}.input::placeholder{color:#6b7280}.card{background-color:#151b3b;border:2px solid #1f2747;border-radius:12px;padding:20px;transition:all .3s ease}.card:hover{border-color:#00ff414d;box-shadow:0 4px 20px #0000004d}.container{margin:0 auto;max-width:1200px;padding:20px}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.text-center{text-align:center}.text-muted{color:#b0b8cc}.text-error{color:#ff4655}.text-success{color:#00ff41}.auth-container{align-items:center;background:#0a0e27;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.auth-background-pattern{animation:gridSlide 20s linear infinite;background-image:linear-gradient(#00ff411a 1px,#0000 0),linear-gradient(90deg,#00ff411a 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;opacity:.03;pointer-events:none;position:absolute;right:0;top:0}@keyframes gridSlide{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-box{backdrop-filter:blur(10px);background:linear-gradient(135deg,#151b3b,#0a0e27);border:2px solid #1f2747;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #00ff411a,inset 0 1px 0 #ffffff0d;max-width:480px;padding:48px 40px;position:relative;width:100%;z-index:1}.auth-box:before{background:linear-gradient(90deg,#0000,#00ff4180 50%,#0000);border-radius:16px 16px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{animation:logoGlow 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:24px}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,65,.3))}50%{filter:drop-shadow(0 0 20px rgba(0,255,65,.5))}}.logo-image{animation:pulse 2s ease-in-out infinite;height:80px;object-fit:contain;width:80px}.auth-header h1{color:#00ff41;font-family:Rajdhani,-apple-system,sans-serif;font-size:42px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 20px #00ff414d;text-transform:uppercase}.auth-subtitle{color:#b0b8cc;font-size:11px;font-weight:500;letter-spacing:1px;margin-bottom:12px;opacity:.7}.auth-tagline{color:#00ff41;font-size:14px;font-weight:500;margin-top:8px;opacity:.9}.auth-tagline,.auth-tagline em{font-style:italic}.auth-environment{background:linear-gradient(135deg,#1f274766,#151d3d66);border:1px solid #00ff4126;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff08,0 4px 12px #0003;margin-top:24px;overflow:hidden;padding:20px;position:relative}.auth-environment:before{background:linear-gradient(90deg,#0000,#00ff414d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.environment-label{color:#00ff41;display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.environment-select{appearance:none;background:linear-gradient(135deg,#0a0e27e6,#0f142de6);background-image:linear-gradient(135deg,#0a0e27e6,#0f142de6),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%2300FF41' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:0 0,right 16px center;background-repeat:no-repeat,no-repeat;border:2px solid #1f2747;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff0d,0 2px 8px #0000004d;color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:600;padding:14px 45px 14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.environment-select:before{background:linear-gradient(135deg,#00ff411a,#0000 50%);border-radius:8px;bottom:-2px;content:"";left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.environment-select:hover{border-color:#00ff4199;box-shadow:inset 0 1px 0 #ffffff14,0 4px 12px #0006,0 0 0 1px #00ff4133}.environment-select:focus,.environment-select:hover{background-image:linear-gradient(135deg,#0f142df2,#141932f2),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%2300FF41' d='M7 10 2 5h10z'/%3E%3C/svg%3E");transform:translateY(-1px)}.environment-select:focus{border-color:#00ff41;box-shadow:inset 0 1px 0 #ffffff1a,0 0 0 3px #00ff4126,0 0 20px #00ff4140,0 4px 12px #0006;outline:none}.environment-select:active{box-shadow:inset 0 1px 0 #ffffff0d,0 2px 6px #0000004d;transform:translateY(0)}.environment-select option{background:#0a0e27;border-bottom:1px solid #1f274780;color:#fff;font-size:15px;font-weight:600;padding:14px 18px}.environment-select option:hover{background:linear-gradient(90deg,#00ff4126,#00ff4114);color:#00ff41}.environment-select option:checked{background:linear-gradient(90deg,#00ff4133,#00ff411a);color:#00ff41;font-weight:700}.environment-select option:checked:before{color:#00ff41;content:"✓ ";font-weight:700;margin-right:8px}.environment-hint{color:#b0b8cc;display:block;font-size:11px;margin-top:8px;opacity:.8;padding-left:4px}.auth-footer{border-top:1px solid #1f274780;margin-top:32px;padding-top:24px;text-align:center}.auth-form{gap:24px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#00ff41;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.form-group .input{background:#0a0e2799;border:2px solid #1f2747;border-radius:8px;color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:15px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group .input:focus{background:#0a0e27cc;border-color:#00ff41;box-shadow:0 0 0 3px #00ff411a,0 0 20px #00ff4133;outline:none;transform:translateY(-1px)}.form-group .input::placeholder{color:#6b7280}.form-hint{color:#b0b8cc;font-size:11px;margin-top:-6px;padding-left:4px}.error-message{animation:shake .5s;background:#ff46551a;border:2px solid #ff46554d;border-radius:8px;color:#ff4655;font-size:13px;font-weight:600;padding:14px 18px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.btn-block{margin-top:8px;width:100%}.btn-primary{background:linear-gradient(135deg,#00ff41,#00cc34);border:none;border-radius:8px;box-shadow:0 4px 15px #00ff414d,0 0 0 2px #00ff4100;color:#0a0e27;font-size:14px;font-weight:700;letter-spacing:2px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00ff41,#00e63a);box-shadow:0 8px 25px #00ff4166,0 0 0 4px #00ff4133;transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){box-shadow:0 2px 10px #00ff414d,0 0 0 2px #00ff4133;transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-loading{align-items:center;display:flex;gap:12px;justify-content:center}.spinner{animation:spin .8s linear infinite;border:2px solid #0a0e274d;border-radius:50%;border-top-color:#0a0e27;height:16px;width:16px}.auth-footer p{color:#b0b8cc;font-size:15px;font-weight:500}.link-button{background:none;border:none;color:#00ff41;cursor:pointer;font-size:14px;font-weight:700;padding:4px 8px;position:relative;text-decoration:underline;text-underline-offset:3px;transition:all .2s ease}.link-button:hover{color:#00e63a;text-shadow:0 0 10px #00ff4180;transform:scale(1.05)}.link-button:active{transform:scale(.98)}@media (max-width:600px){.auth-box{margin:20px;padding:36px 28px}.auth-header h1{font-size:36px}.logo-image{height:64px;width:64px}}.settings-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.settings-modal{animation:slideUp .3s ease-out;background-color:#1a2332;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;width:90%}.settings-header{align-items:center;border-bottom:1px solid #2d3741;display:flex;justify-content:space-between;padding:24px 30px}.settings-header h2{color:#e1e8ed;font-size:24px;font-weight:600;margin:0}.settings-close{align-items:center;background:none;border:none;border-radius:6px;color:#8899a6;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.settings-close:hover{background-color:#2d3741;color:#e1e8ed}.settings-body{display:flex;flex:1 1;overflow:hidden}.settings-sidebar{background-color:#141c29;border-right:1px solid #2d3741;padding:20px 0;width:220px}.settings-sidebar nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#8899a6;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 24px;text-align:left;transition:all .2s}.settings-nav-item:hover{background-color:#1a2332;color:#e1e8ed}.settings-nav-item.active{background-color:#1a2332;border-left-color:#00d4ff;color:#00d4ff}.settings-nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;width:24px}.settings-nav-label{flex:1 1}.settings-content{flex:1 1;overflow-y:auto;padding:30px}.settings-section{max-width:900px}.settings-section h3{color:#e1e8ed;font-size:20px;margin:0 0 8px}.settings-section>p{color:#8899a6;font-size:14px;margin:0 0 24px}.settings-footer{border-top:1px solid #2d3741;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.compression-settings{display:flex;flex-direction:column;gap:32px}.compression-section-title{color:#e1e8ed;font-size:18px;font-weight:600;margin:0 0 16px}.profile-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px}.profile-card{background-color:#0f1419;border:2px solid #2d3741;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.profile-card:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff33;transform:translateY(-2px)}.profile-card.active{background-color:#00d4ff1a;border-color:#00d4ff}.profile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.profile-card-title{align-items:center;color:#e1e8ed;display:flex;font-size:16px;font-weight:600;gap:8px}.profile-card-icon{font-size:20px}.profile-card-badge{background-color:#00d4ff;border-radius:4px;color:#0f1419;font-size:11px;font-weight:600;padding:2px 8px}.profile-card-check{color:#00d4ff;font-size:24px;font-weight:700;position:absolute;right:12px;top:12px}.profile-card-details{display:flex;flex-direction:column;gap:8px}.profile-card-detail{display:flex;font-size:13px;justify-content:space-between}.profile-card-label{color:#8899a6}.profile-card-value{color:#e1e8ed;font-weight:500}.profile-card-description{color:#8899a6;font-size:12px;line-height:1.4;margin-top:8px}.profile-card-use-case{border-top:1px solid #2d3741;color:#00d4ff;font-size:12px;font-style:italic;margin-top:8px;padding-top:8px}.quality-bar{background-color:#2d3741;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.quality-bar-fill{background:linear-gradient(90deg,#ff6b6b,#ffd93d 50%,#6bcf7f);height:100%;transition:width .3s}.profile-actions{display:flex;flex-wrap:wrap;gap:12px}.custom-profile-form{background-color:#0f1419;border:2px solid #2d3741;border-radius:8px;margin-top:16px;padding:20px}.custom-profile-form h4{color:#e1e8ed;font-size:16px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-label{color:#8899a6;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input-group{display:flex;gap:12px}.form-input{background-color:#1a2332;border:1px solid #2d3741;border-radius:6px;color:#e1e8ed;flex:1 1;font-size:14px;padding:8px 12px}.form-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.form-input-separator{align-items:center;color:#8899a6;display:flex;font-size:18px}.quality-slider{margin-top:8px}.quality-slider input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#ff6b6b,#ffd93d 50%,#6bcf7f);border-radius:3px;height:6px;outline:none;width:100%}.quality-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#00d4ff;border:3px solid #1a2332;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.quality-slider input[type=range]::-moz-range-thumb{background:#00d4ff;border:3px solid #1a2332;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.quality-value{color:#00d4ff;font-size:14px;font-weight:600;margin-top:8px;text-align:center}.test-results{background-color:#0f1419;border:2px solid #2d3741;border-radius:8px;margin-top:24px;padding:20px}.test-results h4{align-items:center;color:#e1e8ed;display:flex;font-size:16px;gap:8px;margin:0 0 16px}.test-results-table{border-collapse:collapse;width:100%}.test-results-table thead{background-color:#1a2332}.test-results-table th{color:#8899a6;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.test-results-table td{border-top:1px solid #2d3741;color:#e1e8ed;font-size:14px;padding:12px}.test-results-table tr.best{background-color:#00d4ff1a}.test-results-table tr.best td{color:#00d4ff;font-weight:600}.test-result-badge{background-color:#00d4ff;border-radius:3px;color:#0f1419;font-size:10px;font-weight:600;margin-left:6px;padding:2px 6px}.test-progress{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.test-progress-item{align-items:center;display:flex;gap:12px}.test-progress-spinner{animation:spin .8s linear infinite;border:2px solid #2d3741;border-radius:50%;border-top-color:#00d4ff;height:20px;width:20px}.test-progress-label{color:#e1e8ed;flex:1 1;font-size:14px}.test-progress-status{color:#8899a6;font-size:13px}.network-speed-bar{align-items:center;display:flex;gap:8px}.network-speed-bar-fill{background-color:#2d3741;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.network-speed-bar-fill-inner{background:linear-gradient(90deg,#00d4ff,#0f8);height:100%;transition:width .3s}.network-speed-value{color:#8899a6;font-size:12px;min-width:50px;text-align:right}@media (max-width:768px){.settings-modal{max-height:90vh;width:95%}.settings-body{flex-direction:column}.settings-sidebar{border-bottom:1px solid #2d3741;border-right:none;width:100%}.settings-sidebar nav{flex-direction:row;overflow-x:auto}.profile-grid{grid-template-columns:1fr}}.mobile-nav-backdrop{animation:fadeIn .3s ease;backdrop-filter:blur(2px);background-color:#00000080;left:0;z-index:999}.mobile-nav,.mobile-nav-backdrop{bottom:0;position:fixed;right:0;top:0}.mobile-nav{background-color:#1a2332;box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;max-width:85vw;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.mobile-nav.open{transform:translateX(0)}.mobile-nav-header{border-bottom:1px solid #2d3741;display:flex;justify-content:flex-end;padding:16px}.mobile-nav-close{align-items:center;background:none;border:none;border-radius:8px;color:#e1e8ed;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;transition:all .2s;width:48px}.mobile-nav-close:hover{background-color:#1d9bf01a;color:#1d9bf0}.mobile-nav-close:active{transform:scale(.95)}.mobile-nav-user{border-bottom:1px solid #2d3741;gap:12px;padding:20px 16px}.mobile-nav-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:50%;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.user-info{flex:1 1;min-width:0}.user-name{color:#e1e8ed;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{align-items:center;color:#8899a6;display:flex;font-size:13px;gap:6px}.status-indicator{background-color:#8899a6;border-radius:50%;height:8px;width:8px}.status-indicator.online{background-color:#17bf63;box-shadow:0 0 8px #17bf6380}.mobile-nav-items{flex:1 1;overflow-y:auto;padding:8px 0}.mobile-nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#e1e8ed;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:16px 20px;position:relative;text-align:left;transition:all .2s;width:100%}.mobile-nav-item:hover{background-color:#1d9bf01a;border-left-color:#1d9bf0}.mobile-nav-item:active{background-color:#1d9bf033}.mobile-nav-item.active{background-color:#1d9bf026;border-left-color:#1d9bf0;color:#1d9bf0;font-weight:600}.nav-icon{flex-shrink:0;font-size:24px;text-align:center;width:32px}.nav-label{flex:1 1}.mobile-nav-item.logout{color:#f4511e}.mobile-nav-item.logout:hover{background-color:#f4511e1a;border-left-color:#f4511e}.mobile-nav-divider{background-color:#2d3741;height:1px;margin:8px 16px}.mobile-nav-footer{border-top:1px solid #2d3741;padding:16px 20px}.app-version{color:#8899a6;font-size:12px;text-align:center}.mobile-nav-items::-webkit-scrollbar{width:6px}.mobile-nav-items::-webkit-scrollbar-track{background:#0000}.mobile-nav-items::-webkit-scrollbar-thumb{background-color:#2d3741;border-radius:3px}.mobile-nav-items::-webkit-scrollbar-thumb:hover{background-color:#3d4751}@media (hover:none) and (pointer:coarse){.mobile-nav-item{min-height:56px;padding:18px 20px}.mobile-nav-close{min-height:56px;min-width:56px}}@supports (padding:env(safe-area-inset-right)){.mobile-nav{padding-right:env(safe-area-inset-right)}.mobile-nav-footer,.mobile-nav-header,.mobile-nav-item,.mobile-nav-user{padding-right:calc(20px + env(safe-area-inset-right))}}@media (orientation:landscape) and (max-height:600px){.mobile-nav{width:240px}.mobile-nav-user{padding:12px 16px}.user-avatar{font-size:18px;height:40px;width:40px}.mobile-nav-item{padding:12px 16px}}.dashboard{background-color:#0a0e27;display:flex;flex-direction:column;height:100%;width:100%}.dashboard.loading{align-items:center;justify-content:center}.dashboard-header{background:linear-gradient(135deg,#151b3b,#0a0e27);border-bottom:2px solid #1f2747;box-shadow:0 2px 10px #0000004d;justify-content:space-between;padding:20px 30px}.dashboard-header,.header-logo{align-items:center;display:flex}.header-logo{gap:16px}.dashboard-logo{filter:drop-shadow(0 0 8px rgba(0,255,65,.3));height:48px;object-fit:contain;width:48px}.header-left h1{color:#00ff41;font-family:Rajdhani,-apple-system,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;margin-bottom:2px;text-shadow:0 0 15px #00ff414d}.welcome-text{color:#b0b8cc;font-size:13px;font-weight:500}.dashboard-content{background:#0a0e27;flex:1 1;overflow-y:auto;padding:30px}.dashboard-grid{display:grid;gap:24px;margin:0 auto;max-width:1400px}.dashboard-section{background:linear-gradient(135deg,#151b3b,#0a0e27cc);border:2px solid #1f2747;border-radius:12px;padding:28px;position:relative;transition:all .3s ease}.dashboard-section:before{background:linear-gradient(90deg,#0000,#00ff4180 50%,#0000);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dashboard-section:hover{border-color:#00ff414d;box-shadow:0 4px 20px #0006}.dashboard-section h2{color:#00ff41;font-family:Rajdhani,-apple-system,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{margin-bottom:0}.btn-sm{padding:8px 16px}.stats-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#0a0e2799;border:2px solid #1f2747;border-radius:12px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0000,#00ff410d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.stat-card:hover{border-color:#00ff41;box-shadow:0 6px 20px #00ff4133;transform:translateY(-4px)}.stat-card:hover:before{left:100%}.stat-icon{filter:grayscale(.3);font-size:32px;margin-bottom:12px}.stat-value{color:#00ff41;font-family:Rajdhani,-apple-system,sans-serif;font-size:32px;margin-bottom:8px;text-shadow:0 0 10px #00ff414d}.stat-label{color:#b0b8cc;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{align-items:center;border:2px solid #1f2747;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.session-card:before{background:#00ff41;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.session-card:hover:before{transform:scaleY(1)}.session-card:hover{border-color:#00ff41;box-shadow:0 4px 15px #00ff4133;transform:translateX(4px)}.session-info h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px}.session-stats{align-items:center;color:#b0b8cc;font-size:14px;gap:8px}.stat-highlight{color:#00ff41;font-size:18px;font-weight:700}.squads-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.squad-card{border:2px solid #1f2747;cursor:pointer;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.squad-card:after{background:linear-gradient(135deg,#00ff41,#0000);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.squad-card:hover:after{opacity:1}.squad-card:hover{border-color:#00ff41;box-shadow:0 6px 20px #00ff4133;transform:translateY(-4px)}.squad-card h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.actions-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-button{background:#0a0e2799;border:2px solid #1f2747;cursor:pointer;overflow:hidden;padding:28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:before{background:#00ff411a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.action-button:hover:before{height:300px;width:300px}.action-button:hover{border-color:#00ff41;box-shadow:0 6px 20px #00ff4133;transform:translateY(-4px)}.action-icon{font-size:48px;margin-bottom:16px;position:relative;z-index:1}.action-button h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px;position:relative;z-index:1}.action-button p{color:#b0b8cc;font-size:13px;position:relative;z-index:1}.empty-state{color:#b0b8cc;padding:48px 24px}.empty-icon{filter:grayscale(1);font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{color:#fff;font-weight:600;margin-bottom:8px}.empty-state small{color:#b0b8cc;font-size:13px}.badge{background:linear-gradient(135deg,#00ff4133,#00ff411a);border:1px solid #00ff414d;border-radius:6px;color:#00ff41;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:6px 12px;text-transform:uppercase}@media (max-width:768px){.dashboard-header{padding:16px 20px}.dashboard-logo{height:40px;width:40px}.header-left h1{font-size:22px}.dashboard-content{padding:20px}.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.btn-hamburger{color:#00ff41}.btn-hamburger:hover{background-color:#00ff411a}@media (max-width:1024px){.dashboard-header{padding:16px 20px}.dashboard-logo{height:40px;width:40px}.header-left h1{font-size:24px}.welcome-text{font-size:12px}}@media (max-width:768px){.dashboard-header{padding:12px 16px}.header-logo{gap:12px}.dashboard-logo{height:36px;width:36px}.header-left h1{font-size:20px}}.squad-manager{background-color:#0f1419;display:flex;flex-direction:column;height:100%;width:100%}.squad-manager.loading{align-items:center;color:#8899a6;justify-content:center}.squad-header{align-items:center;background-color:#1a2332;border-bottom:1px solid #2d3741;display:flex;justify-content:space-between;padding:20px 30px}.squad-header h1{color:#e1e8ed;font-size:24px}.squad-content{display:flex;flex:1 1;overflow:hidden}.squads-sidebar{background-color:#1a2332;border-right:1px solid #2d3741;overflow-y:auto;padding:20px;width:300px}.squads-sidebar h3{color:#e1e8ed;font-size:16px;margin-bottom:16px}.squads-list{display:flex;flex-direction:column;gap:8px}.squad-item{background-color:#0f1419;border:1px solid #2d3741;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s ease}.squad-item.active,.squad-item:hover{border-color:#1da1f2}.squad-item.active{background-color:#1da1f21a}.squad-item h4{color:#e1e8ed;font-size:14px;margin-bottom:4px}.squad-item p{color:#8899a6;font-size:12px}.squad-main{flex:1 1;overflow-y:auto;padding:30px}.squad-details{margin-bottom:24px}.squad-details-header{align-items:flex-start;display:flex;justify-content:space-between}.squad-actions{align-items:center;display:flex;gap:10px}.squad-details h2{color:#e1e8ed;font-size:24px;margin-bottom:8px}.members-section{margin-top:24px}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.members-header h3{color:#e1e8ed;font-size:18px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{background-color:#0f1419;border:1px solid #2d3741;border-radius:6px;justify-content:space-between;padding:12px}.member-info,.member-item{align-items:center;display:flex}.member-info{gap:12px}.member-info strong{color:#e1e8ed}.btn-sm{font-size:12px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#1a2332;border:1px solid #2d3741;border-radius:8px;max-width:500px;padding:24px;width:90%}.modal h3{color:#e1e8ed;font-size:20px;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}textarea.input{resize:vertical}@media (max-width:1024px){.squad-header{padding:12px 16px}.squad-header h1{font-size:18px}.squad-content{flex-direction:column}.squads-sidebar{border-bottom:1px solid #2d3741;border-right:none;max-height:200px;overflow-y:auto;width:100%}.squad-details{width:100%}}@media (max-width:768px){.squad-header{padding:10px 12px}.squad-header h1{font-size:16px}.squad-item{padding:12px}.squad-item h4{font-size:14px}}.lightbox-overlay{align-items:center;animation:lightbox-fade-in .2s ease;background-color:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.lightbox-close{align-items:center;background-color:#1a2332cc;border:2px solid #2d3741;border-radius:50%;color:#e1e8ed;cursor:pointer;display:flex;font-size:48px;height:88px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:88px;z-index:10001}.lightbox-close:hover{background-color:#1a2332;border-color:#1d9bf0;transform:scale(1.1)}.lightbox-zoom-controls{align-items:center;background-color:#1a2332e6;border:2px solid #2d3741;border-radius:44px;display:flex;gap:12px;left:20px;padding:12px 20px;position:absolute;top:20px;z-index:10001}.lightbox-zoom-btn{align-items:center;background-color:initial;border:2px solid #2d3741;border-radius:50%;color:#e1e8ed;cursor:pointer;display:flex;font-size:40px;font-weight:700;height:64px;justify-content:center;line-height:1;transition:all .2s;width:64px}.lightbox-zoom-btn:hover:not(:disabled){background-color:#1d9bf033;border-color:#1d9bf0;transform:scale(1.1)}.lightbox-zoom-btn:disabled{cursor:not-allowed;opacity:.3}.lightbox-zoom-level{color:#e1e8ed;font-size:20px;font-weight:600;min-width:70px;text-align:center}.lightbox-zoom-reset{font-size:36px;margin-left:6px}.lightbox-main{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:20px;position:relative;user-select:none}.lightbox-image{animation:lightbox-image-in .3s ease;border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:100%;max-width:100%;object-fit:contain}@keyframes lightbox-image-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-nav{align-items:center;background-color:#1a2332cc;border:1px solid #2d3741;border-radius:50%;color:#e1e8ed;cursor:pointer;display:flex;font-size:36px;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:60px;z-index:10001}.lightbox-nav:hover{background-color:#1a2332;border-color:#1d9bf0;transform:translateY(-50%) scale(1.1)}.lightbox-nav-prev{left:20px}.lightbox-nav-next{right:20px}.lightbox-metadata{align-items:center;background-color:#1a2332e6;border-top:1px solid #2d3741;color:#e1e8ed;display:flex;justify-content:space-between;padding:20px 40px}.lightbox-info{align-items:center;display:flex;font-size:14px;gap:8px}.lightbox-info strong{color:#1d9bf0}.lightbox-separator{color:#8899a6}.lightbox-counter{color:#8899a6;font-size:14px;font-weight:500}.lightbox-thumbnails{background-color:#0f1419f2;border-top:1px solid #2d3741;overflow-x:auto;overflow-y:hidden;padding:15px 20px}.lightbox-thumbnails-container{display:flex;gap:10px;min-width:min-content}.lightbox-thumbnail{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:80px;position:relative;transition:all .2s;width:120px}.lightbox-thumbnail:hover{border-color:#8899a6;transform:scale(1.05)}.lightbox-thumbnail.active{border-color:#1d9bf0;box-shadow:0 0 0 3px #1d9bf033}.thumbnail-indicator{background-color:#1d9bf0;border-radius:0 0 4px 4px;bottom:0;height:3px;left:0;position:absolute;right:0}.lightbox-thumbnails::-webkit-scrollbar{height:8px}.lightbox-thumbnails::-webkit-scrollbar-track{background:#0003;border-radius:4px}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:#2d3741;border-radius:4px}.lightbox-thumbnails::-webkit-scrollbar-thumb:hover{background:#3d4751}@media (max-width:768px){.lightbox-close{font-size:28px;height:48px;right:10px;top:10px;width:48px}.lightbox-zoom-controls{border-radius:28px;gap:8px;left:10px;padding:6px 12px;top:10px}.lightbox-zoom-btn{font-size:24px;height:40px;width:40px}.lightbox-zoom-level{font-size:14px;min-width:50px}.lightbox-zoom-reset{font-size:24px;height:40px;width:40px}.lightbox-nav{font-size:28px;height:44px;width:44px}.lightbox-nav-prev{left:10px}.lightbox-nav-next{right:10px}.lightbox-metadata{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.lightbox-info{flex-wrap:wrap;font-size:12px;gap:6px}.lightbox-thumbnail{height:60px;width:80px}.lightbox-main{padding:5px}.lightbox-image{max-height:calc(100vh - 200px);max-width:100vw}}@media (max-width:375px){.lightbox-close{font-size:24px;height:42px;right:8px;top:8px;width:42px}.lightbox-zoom-controls{gap:6px;left:8px;padding:4px 10px;top:8px}.lightbox-zoom-btn{font-size:20px;height:36px;width:36px}.lightbox-zoom-level{font-size:12px;min-width:45px}.lightbox-zoom-reset{font-size:20px;height:36px;width:36px}.lightbox-nav{font-size:24px;height:38px;width:38px}.lightbox-metadata{gap:6px;padding:10px 12px}.lightbox-info{font-size:11px;gap:4px}.lightbox-counter{font-size:12px}.lightbox-thumbnail{height:50px;width:70px}}.camera-modal{align-items:center;animation:cameraFadeIn .3s ease;background:#000;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:10000}.camera-preview{background:#000;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.camera-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.camera-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#00d4ff;height:48px;margin:0 auto 16px;width:48px}.camera-loading p{font-size:16px;margin:0;opacity:.9}.camera-error{backdrop-filter:blur(10px);background:#000000d9;border-radius:12px;color:#fff;left:50%;max-width:80%;padding:24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.camera-error .error-icon{animation:errorPulse 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}.camera-error .error-message{font-size:16px;line-height:1.5;margin:0 0 24px;opacity:.9}.camera-error .error-actions{display:flex;gap:12px;justify-content:center}.camera-error .btn-close-error,.camera-error .btn-retry{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;touch-action:manipulation;transition:all .2s}.camera-error .btn-retry{background:#00d4ff;color:#000}.camera-error .btn-retry:active{background:#00b8e6;transform:scale(.95)}.camera-error .btn-close-error{background:#ffffff1a;color:#fff}.camera-error .btn-close-error:active{background:#fff3;transform:scale(.95)}.camera-btn{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:absolute;touch-action:manipulation;transition:all .2s;width:56px;z-index:20}.camera-btn:hover{background:#000000b3;transform:scale(1.05)}.camera-btn:active{transform:scale(.95)}.camera-btn:disabled{cursor:not-allowed;opacity:.5}.camera-btn .btn-icon{font-size:24px;line-height:1}.camera-close{left:20px;top:20px}.camera-switch{right:20px;top:20px}.camera-info{backdrop-filter:blur(10px);background:#00000080;border-radius:20px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:20px;transform:translateX(-50%);z-index:20}.camera-mode-indicator{align-items:center;display:flex;gap:6px}.camera-capture{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);background:#ffffff4d;border:6px solid #fff;border-radius:50%;bottom:160px;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;touch-action:manipulation;transform:translateX(-50%);transition:all .2s;width:80px;z-index:20}.camera-capture:hover{border-color:#00d4ff;transform:translateX(-50%) scale(1.05)}.camera-capture:active{transform:translateX(-50%) scale(.95)}.camera-capture:disabled{cursor:not-allowed;opacity:.5}.camera-capture .capture-inner{background:#fff;border-radius:50%;height:64px;transition:all .15s;width:64px}.camera-capture:active .capture-inner{transform:scale(.85)}.camera-capture.capturing{animation:captureFlash .3s ease;pointer-events:none}.camera-capture.capturing .capture-inner{background:#00d4ff}@keyframes cameraFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes captureFlash{0%{background:#ffffff4d;border-color:#fff}50%{background:#00d4ff80;border-color:#00d4ff}to{background:#ffffff4d;border-color:#fff}}@media (hover:none) and (pointer:coarse){.camera-btn{height:64px;width:64px}.camera-capture{bottom:180px;height:88px;width:88px}.camera-capture .capture-inner{height:72px;width:72px}}@supports (padding:env(safe-area-inset-top)){.camera-close,.camera-info,.camera-switch{top:calc(20px + env(safe-area-inset-top))}.camera-capture{bottom:calc(160px + env(safe-area-inset-bottom))}@media (hover:none) and (pointer:coarse){.camera-capture{bottom:calc(180px + env(safe-area-inset-bottom))}}}@media (orientation:landscape) and (max-height:600px){.camera-close{left:12px;top:12px}.camera-switch{right:12px;top:12px}.camera-info{top:12px}.camera-capture{bottom:80px;height:72px;width:72px}.camera-capture .capture-inner{height:56px;width:56px}.camera-btn{height:48px;width:48px}}@media (max-width:375px){.camera-close,.camera-switch{height:48px;width:48px}.camera-info{font-size:13px;padding:6px 12px}.camera-error{padding:20px}.camera-error .error-message{font-size:14px}.camera-error .btn-close-error,.camera-error .btn-retry{font-size:14px;padding:10px 20px}}body.camera-modal-open{height:100%;overflow:hidden;position:fixed;width:100%}@media (prefers-contrast:high){.camera-btn{border:2px solid #fff}.camera-capture{border-width:8px}}@media (prefers-reduced-motion:reduce){.camera-btn,.camera-capture,.camera-capture .capture-inner,.camera-modal{animation:none;transition:none}}.fab{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #00d4ff66,0 2px 4px #0003;cursor:pointer;display:flex;height:56px;justify-content:center;left:auto!important;overflow:visible;position:fixed!important;right:24px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:9999}.fab:hover{box-shadow:0 6px 16px #00d4ff80,0 3px 6px #0000004d;transform:scale(1.1)}.fab:active{transform:scale(.95)}.fab.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.fab.hidden{opacity:0;pointer-events:none;transform:scale(0)}.fab-icon{font-size:28px;line-height:1;position:relative;z-index:2}.fab-idle{animation:fabPulse 2s ease-in-out infinite}.fab-capturing{background:linear-gradient(135deg,#1d9bf0,#1a8cd8)}.fab-uploading{background:linear-gradient(135deg,orange,#ff8c00)}.fab-success{animation:fabSuccess .5s ease;background:linear-gradient(135deg,#17bf63,#15a555)}.fab-error{animation:fabShake .5s ease;background:linear-gradient(135deg,#f4511e,#d84315)}.fab-progress{height:62px;left:-3px;pointer-events:none;position:absolute;top:-3px;width:62px;z-index:1}.fab-progress-bar{transition:stroke-dashoffset .3s ease}@keyframes fabPulse{0%,to{box-shadow:0 4px 12px #00d4ff66,0 2px 4px #0003}50%{box-shadow:0 4px 16px #00d4ff99,0 2px 6px #0000004d}}@keyframes fabSuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fabShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.fab-quick-actions-backdrop{animation:fadeIn .3s ease;backdrop-filter:blur(2px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:898}.fab-quick-actions{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background-color:#1a2332;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;left:0;max-height:50vh;overflow:hidden;position:fixed;right:0;z-index:899}.quick-actions-header{align-items:center;border-bottom:1px solid #2d3741;color:#e1e8ed;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px 20px 16px}.close-quick-actions{align-items:center;background:none;border:none;border-radius:8px;color:#8899a6;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.close-quick-actions:hover{background-color:#8899a61a;color:#e1e8ed}.quick-actions-list{padding:8px}.quick-action{align-items:center;background:none;border:none;border-radius:12px;color:#e1e8ed;cursor:pointer;display:flex;font-size:16px;gap:16px;padding:16px;text-align:left;transition:all .2s;width:100%}.quick-action:hover{background-color:#1d9bf01a}.quick-action:active{background-color:#1d9bf033;transform:scale(.98)}.quick-action-icon{align-items:center;background-color:#1d9bf026;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.quick-action-label{flex:1 1;font-weight:500}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (hover:none) and (pointer:coarse){.fab{bottom:28px;height:64px;right:28px;width:64px}.fab-icon{font-size:32px}.quick-action{min-height:64px;padding:20px 16px}}@supports (padding:env(safe-area-inset-bottom)){.fab{bottom:calc(24px + env(safe-area-inset-bottom))}.fab-quick-actions{padding-bottom:env(safe-area-inset-bottom)}}@media (orientation:landscape) and (max-height:600px){.fab{bottom:16px;height:48px;right:16px;width:48px}.fab-icon{font-size:24px}}@media (min-width:1025px){.fab{display:none}}.session-view{background-color:#0f1419;display:flex;flex-direction:column;height:100%;width:100%}.session-view.loading{align-items:center;justify-content:center}.session-header{background-color:#1a2332;border-bottom:1px solid #2d3741;justify-content:space-between;padding:20px 30px}.header-left,.session-header{align-items:center;display:flex}.header-left{gap:20px}.session-info h1{align-items:center;color:#e1e8ed;display:flex;font-size:24px;gap:12px;margin-bottom:4px}.deleted-badge{background-color:#f4433633;border:1px solid #f4433666;border-radius:20px;color:#f44336;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.header-right,.mobile-action-bar{display:flex;gap:12px}.mobile-action-bar{align-items:center;background-color:#1a2332;border-bottom:1px solid #2d3741;justify-content:center;padding:12px 20px}.mobile-action-bar .btn{flex:0 1 auto;font-size:14px;max-width:180px;min-width:140px;padding:10px 16px}@media (min-width:769px){.mobile-action-bar{display:none}}.session-content{flex:1 1;overflow-y:auto;padding:30px}.upload-progress-container{background-color:#1a2332;border:1px solid #2d3741;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:50%;position:fixed;top:80px;transform:translateX(-50%);width:400px;z-index:1000}.upload-progress-bar{background:linear-gradient(90deg,#00d4ff,#09c);height:40px;justify-content:center}.upload-progress-text{font-size:14px;text-shadow:0 1px 2px #0000004d}.session-stats{display:flex;gap:40px;margin-bottom:24px;padding:24px}.stat{display:flex;flex-direction:column;gap:8px}.stat-label{color:#8899a6;font-size:14px}.stat-value{color:#1da1f2;font-size:28px;font-weight:700}.stat-value.status-active{color:#17bf63}.stat-value.status-paused{color:#ffad1f}.stat-value.status-ended{color:#8899a6}.session-actions{margin-bottom:24px}.session-actions h3{color:#e1e8ed;font-size:18px;margin-bottom:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.btn-camera{font-size:18px;min-width:180px;padding:14px 28px}.camera-hint{font-size:13px;margin-top:12px}.screenshots-section h2{color:#e1e8ed;font-size:20px;margin-bottom:20px}.screenshots-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.screenshot-card{overflow:hidden;padding:0}.screenshot-image{display:block;height:200px;object-fit:cover;width:100%}.screenshot-info{align-items:center;display:flex;justify-content:space-between;padding:12px}.screenshot-info strong{color:#e1e8ed;display:block;margin-bottom:4px}.upload-time{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:4px;padding:3px 8px;text-transform:uppercase}.upload-time-excellent{background-color:#10b98126;border:1px solid #10b9814d;color:#10b981}.upload-time-good{background-color:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.upload-time-slow{background-color:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.upload-time-very-slow{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444}.upload-time-unknown{background-color:#8899a626;border:1px solid #8899a64d;color:#8899a6}.compression-profile{background-color:#8899a61a;border-radius:3px;color:#8899a6;display:inline-block;font-size:11px;font-weight:500;margin-top:4px;padding:2px 6px}.screenshots-section{margin-top:30px}.screenshots-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.screenshots-header h2{color:#e1e8ed;margin:0}.screenshots-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.toolbar-item{align-items:center;display:flex;gap:8px}.toolbar-item label{color:#8899a6;font-size:14px;font-weight:500}.sort-dropdown,.user-filter-dropdown{background-color:#1a2332;border:1px solid #2d3741;border-radius:6px;color:#e1e8ed;cursor:pointer;font-size:14px;min-width:150px;padding:6px 12px;transition:all .2s}.sort-dropdown:hover,.user-filter-dropdown:hover{border-color:#1d9bf0}.sort-dropdown:focus,.user-filter-dropdown:focus{border-color:#1d9bf0;box-shadow:0 0 0 3px #1d9bf01a;outline:none}.btn-sm{font-size:13px;padding:6px 12px}.screenshot-card{position:relative;transition:all .2s}.screenshot-card.selected{border:2px solid #1d9bf0;box-shadow:0 0 0 3px #1d9bf033;transform:scale(.98)}.screenshot-checkbox{background-color:#1a2332e6;border-radius:6px;left:8px;padding:8px;position:absolute;top:8px;z-index:10}.screenshot-checkbox input[type=checkbox]{accent-color:#1d9bf0;cursor:pointer;height:45px;width:45px}.empty-state{color:#8899a6;padding:60px 20px;text-align:center}.empty-state p{font-size:16px}@media (max-width:1024px){.session-header{padding:12px 16px}.session-info h1{font-size:18px}.screenshots-grid{grid-template-columns:1fr}.screenshot-card{min-height:80px}.toolbar-item select{font-size:16px;padding:10px 14px}.btn-sm{font-size:14px;min-height:44px;padding:10px 16px}}@media (max-width:768px){.session-header{padding:10px 12px}.header-right{display:flex;flex-wrap:nowrap;gap:6px}.btn-hamburger{font-size:18px;padding:10px 14px}.session-info h1{font-size:16px}.mobile-action-bar{padding:10px 16px}.mobile-action-bar .btn{font-size:13px;max-width:170px;min-width:130px;padding:10px 14px}.screenshot-card{margin:0}.screenshots-section{padding:12px}.session-content{padding:16px 12px}}.map-display{background-color:#0f1419;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.map-display.loading{align-items:center;justify-content:center}.map-header{align-items:center;background-color:#1a2332;border-bottom:1px solid #2d3741;display:flex;justify-content:space-between;padding:20px 30px;z-index:10}.map-header h1{color:#e1e8ed;flex:1 1;font-size:24px;text-align:center}.map-controls{align-items:center;display:flex;gap:12px}.map-controls span{color:#e1e8ed;font-weight:600;min-width:60px;text-align:center}.map-container{flex:1 1;overflow:hidden;position:relative}.map-container canvas{display:block;user-select:none}.map-legend{background-color:#1a2332;border:1px solid #2d3741;border-radius:8px;bottom:20px;left:20px;min-width:200px;padding:16px;position:absolute}.map-legend h3{color:#e1e8ed;font-size:14px;margin-bottom:12px}.legend-item{align-items:center;display:flex;gap:10px;margin-bottom:8px}.legend-icon{border-radius:4px;height:20px;width:20px}.legend-item span{color:#8899a6;font-size:12px}@media (max-width:1024px){.map-header{padding:12px 16px}.map-header h1{font-size:18px}.map-controls .btn:not(.btn-hamburger),.map-controls span{display:none}}@media (max-width:768px){.map-header{padding:10px 12px}.map-header h1{font-size:16px}}.fps-view{background-color:#0f1419;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.fps-view.empty,.fps-view.error,.fps-view.loading{align-items:center;justify-content:center}.fps-header{align-items:center;background-color:#1a2332;border-bottom:1px solid #2d3741;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px;z-index:10}.fps-title{flex:1 1;margin:0 20px;text-align:center}.fps-title h1{color:#e1e8ed;font-size:22px;margin:0 0 4px}.fps-title .text-muted{color:#8899a6;font-size:13px;margin:0}.fps-controls{align-items:center;display:flex;gap:12px}.btn-camera{font-size:16px;min-width:140px;padding:10px 20px;touch-action:manipulation}.layout-selector{background-color:#0f1419;border:1px solid #2d3741;border-radius:6px;display:flex;gap:4px;padding:4px}.layout-btn{align-items:center;background-color:initial;border:1px solid #0000;border-radius:4px;color:#8899a6;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:40px}.layout-btn:hover{background-color:#1d9bf01a;color:#1d9bf0}.layout-btn.active{background-color:#1d9bf0;border-color:#1d9bf0;color:#fff}.upload-progress-container{background-color:#2d3741;height:4px;overflow:hidden;position:relative;width:100%}.upload-progress-bar{align-items:center;background:linear-gradient(90deg,#1d9bf0,#1a8cd8);display:flex;height:100%;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.upload-progress-text{color:#fff;font-size:10px;font-weight:600;text-shadow:0 1px 2px #00000080}.fps-content{display:flex;flex:1 1;overflow:hidden;position:relative}.fps-content.layout-bottom{flex-direction:column}.fps-content.layout-bottom .fps-main-display{display:flex;flex:1 1;flex-direction:column;min-height:0}.fps-content.layout-bottom .fps-thumbnails-section{background-color:#1a2332;border-top:2px solid #2d3741;flex-shrink:0;height:180px;overflow-x:auto;overflow-y:hidden;padding:12px 16px}.fps-content.layout-bottom .fps-thumbnails-container{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;height:100%;justify-content:flex-start}.fps-content.layout-right{flex-direction:row}.fps-content.layout-right .fps-main-display{display:flex;flex:1 1;flex-direction:column;min-width:0}.fps-content.layout-right .fps-thumbnails-section{background-color:#1a2332;border-left:2px solid #2d3741;flex-shrink:0;overflow-y:auto;padding:20px 16px;width:280px}.fps-content.layout-right .fps-thumbnails-container{display:flex;flex-direction:column;gap:16px}.fps-content.layout-left{flex-direction:row}.fps-content.layout-left .fps-main-display{display:flex;flex:1 1;flex-direction:column;min-width:0}.fps-content.layout-left .fps-thumbnails-section{background-color:#1a2332;border-right:2px solid #2d3741;flex-shrink:0;order:-1;overflow-y:auto;padding:20px 16px;width:280px}.fps-content.layout-left .fps-thumbnails-container{display:flex;flex-direction:column;gap:16px}.fps-main-display{background-color:#0f1419;display:flex;flex-direction:column}.main-image-container{align-items:center;background-color:#0f1419;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:20px}.main-image{border-radius:8px;box-shadow:0 8px 32px #00000080;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.main-image-info{background-color:#1a2332;border-top:1px solid #2d3741;flex-shrink:0;justify-content:space-between;padding:16px 20px}.main-image-info,.player-info{align-items:center;display:flex}.player-info{gap:14px}.player-avatar{align-items:center;background:linear-gradient(135deg,#1d9bf0,#1a8cd8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.player-details h3{color:#e1e8ed;font-size:18px;font-weight:600;margin:0}.player-details .timestamp{color:#8899a6;font-size:13px;margin:4px 0 0}.screenshot-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-badge{background-color:#1d9bf01a;border:1px solid #1d9bf04d;border-radius:16px;color:#1d9bf0;font-size:13px;font-weight:500;padding:6px 12px;white-space:nowrap}.stat-badge.auto-badge{animation:pulse 2s ease-in-out infinite;background-color:#ffa5001a;border-color:#ffa5004d;color:orange}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fps-thumbnails-section{position:relative}.thumbnails-header{color:#e1e8ed;font-size:15px;font-weight:600;margin:0 0 12px}.fps-content.layout-bottom .thumbnails-header{display:none}.fps-thumbnail{background-color:#0f1419;border:2px solid #2d3741;border-radius:8px;cursor:pointer;flex-shrink:0;overflow:hidden;transition:all .2s ease}.layout-bottom .fps-thumbnail{display:flex;flex-direction:column;height:140px;width:180px}.layout-bottom .thumbnail-image-wrapper{flex:1 1}.layout-bottom .thumbnail-info{flex-shrink:0}.layout-left .fps-thumbnail,.layout-right .fps-thumbnail{width:100%}.fps-thumbnail:hover{border-color:#1d9bf0;box-shadow:0 4px 16px #1d9bf033;transform:scale(1.02)}.fps-thumbnail.active{border-color:#1d9bf0;box-shadow:0 0 0 3px #1d9bf033}.thumbnail-image-wrapper{aspect-ratio:16/9;background-color:#1a2332;overflow:hidden;position:relative;width:100%}.thumbnail-image{display:block;height:100%;object-fit:cover;width:100%}.active-indicator{align-items:center;background-color:#1d9bf0;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.thumbnail-info{background-color:#1a2332;padding:10px}.thumbnail-name{color:#e1e8ed;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-time{color:#8899a6;font-size:12px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #2d3741;border-radius:50%;border-top-color:#1d9bf0;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.fps-view.empty p,.fps-view.error p,.fps-view.loading p{color:#8899a6;font-size:16px;margin-top:16px}.empty-state,.error-message{background-color:#1a2332;border:1px solid #2d3741;border-radius:12px;max-width:500px;padding:40px;text-align:center}.empty-state h2,.error-message h2{color:#e1e8ed;font-size:24px;margin:0 0 12px}.empty-state p,.error-message p{color:#8899a6;font-size:16px;margin-bottom:24px}.empty-state button,.error-message button{margin:0 8px}.fps-thumbnails-section::-webkit-scrollbar{height:8px;width:8px}.fps-thumbnails-section::-webkit-scrollbar-track{background:#0f1419}.fps-thumbnails-section::-webkit-scrollbar-thumb{background:#2d3741;border-radius:4px}.fps-thumbnails-section::-webkit-scrollbar-thumb:hover{background:#3d4751}@media (max-width:1024px){.fps-content.layout-left,.fps-content.layout-right{flex-direction:column!important}.fps-content.layout-left .fps-thumbnails-section,.fps-content.layout-right .fps-thumbnails-section{border-left:none!important;border-right:none!important;border-top:2px solid #2d3741!important;height:180px!important;order:1!important;width:100%!important}.fps-content.layout-left .fps-thumbnails-container,.fps-content.layout-right .fps-thumbnails-container{flex-direction:row!important;flex-wrap:wrap;justify-content:center}.layout-left .fps-thumbnail,.layout-right .fps-thumbnail{width:180px!important}}@media (max-width:768px){.fps-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.fps-title{flex-basis:100%;margin:0;order:-1;text-align:left}.fps-title h1{font-size:18px}.fps-title .text-muted{font-size:12px}.fps-controls{flex-wrap:wrap;gap:8px}.layout-selector{display:none}.main-image-container{flex:1 1;min-height:0;overflow:hidden;padding:0}.main-image-info{display:none}.main-image{border-radius:0;box-shadow:none;height:100%;max-height:100%;max-width:100%;object-fit:cover;object-position:center;width:100%}.player-avatar{font-size:18px;height:40px;width:40px}.player-details h3{font-size:16px}.fps-content.layout-bottom .fps-thumbnails-section{flex-shrink:0;height:140px;overflow-x:auto;overflow-y:hidden;padding:8px 12px}.fps-content.layout-bottom .fps-thumbnails-container{gap:8px}.layout-bottom .fps-thumbnail{height:120px;width:140px}.thumbnail-info{padding:6px 8px}.thumbnail-name{font-size:12px}.thumbnail-time{font-size:10px}.stat-badge{font-size:11px;padding:4px 10px}.fps-main-display{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.fps-view{bottom:0;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;right:0;top:0}}@media (max-width:480px){.layout-bottom .fps-thumbnail{width:140px}.fps-content.layout-bottom .fps-thumbnails-section{height:140px}}.btn-hamburger{align-items:center;background:none;border:none;border-radius:8px;color:#e1e8ed;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;transition:all .2s;width:48px}.btn-hamburger:hover{background-color:#1d9bf01a;color:#1d9bf0}.btn-hamburger:active{transform:scale(.95)}@media (max-width:1024px){.fps-header{flex-wrap:wrap;padding:12px 16px}.fps-title h1{font-size:18px}.fps-title .text-muted{display:none}.fps-controls{gap:8px}.fps-controls .btn:not(.btn-hamburger),.layout-selector{display:none}.main-image-container{border-radius:12px}.fps-thumbnails-container{gap:8px}.fps-thumbnail{min-width:100px}}@media (max-width:768px){.fps-header{padding:10px 12px}.fps-title h1{font-size:16px}.main-image-container{border-radius:8px}.player-info{padding:8px 12px}.fps-thumbnails-section h3{font-size:14px}}@media (orientation:landscape) and (max-height:600px){.fps-header{padding:8px 12px}.fps-title h1{font-size:16px}.main-image-info{padding:8px}}
/*# sourceMappingURL=main.a5f1835f.css.map*/