@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.status-online{color:#4caf50!important;font-weight:700}.status-starting{color:#ff9800!important;font-weight:700}.status-coming-soon{color:#f44336!important;font-weight:700}.app{text-align:center;padding:0;min-height:100vh;background-color:#1a1a1a;color:#fff}.responsive-container{max-width:none;margin:0 auto;padding:0 10px}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.logo{width:200px;margin-bottom:20px}.button{display:inline-block;text-decoration:none;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.button:hover{transform:translateY(-2px);opacity:.9}.welcome-message{font-size:2em;margin:20px 0;color:#fff}.server-grid{display:grid;grid-template-columns:1fr;gap:20px;padding:20px;max-width:1400px;margin:0 auto}.modern-admin-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important;padding:5px!important;margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;overflow:visible!important}.modern-admin-grid .server-card{display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important}.server-card{background-color:#2a2a2a;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px #00000026;cursor:pointer;transition:transform .2s ease;min-height:220px;display:flex;flex-direction:column}.server-card:hover{transform:translateY(-2px)}.server-banner{height:8px;flex-shrink:0}.server-content{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.server-title{margin:0 0 16px;font-size:1.5em;line-height:1.2;font-weight:600}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;border:none!important;padding:0!important}.status-indicator.status-online{background-color:#4f4!important}.status-indicator.status-offline{background-color:#f44!important}.status-indicator.status-starting{background-color:#ff9800!important;animation:pulse 1.5s infinite}.status-indicator.status-stopping{background-color:#ff5722!important;animation:pulse 1.5s infinite}.server-buttons{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.home-content{max-width:800px;margin:0;padding:2rem 0;text-align:left}.ram-info{background-color:#1a1a1a;padding:4px 8px;border-radius:4px;font-size:.9em}.server-logs{background-color:#1a1a1a;border-radius:8px;padding:15px;margin-top:20px;max-height:300px;overflow-y:auto}.server-logs h4{margin-top:0;color:#fff}.server-logs pre{background-color:#000;color:#0f0;padding:10px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.error-message{background:#5d3131;color:#ffc107;padding:10px;border-radius:4px;margin-bottom:15px;word-wrap:break-word}.command-section{background-color:#2a2a2a;border-radius:8px;padding:15px;margin-bottom:15px}.command-input{width:100%;min-height:60px;background-color:#1a1a1a;color:#fff;border:1px solid #444;border-radius:4px;padding:10px;font-family:Courier New,monospace;font-size:14px;resize:vertical;box-sizing:border-box}.command-input:focus{outline:none;border-color:#4caf50}.send-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.copy-button{background-color:#f0ad4e;color:#000;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.logs-header h4{margin:0;color:#fff}.player-count{background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.9em;white-space:nowrap}.server-details-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.server-details-modal-content{background-color:#333;color:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.modal-header{background-color:#444;padding:20px;border-bottom:1px solid #555;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.modal-header h2{margin:0;color:#fff;font-size:1.5em}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.server-details-backdrop{background-color:#000000d9}.server-details-modal-content{width:98%;max-width:1200px;max-height:96vh}.panel-start{background:linear-gradient(180deg,#6be26b,#29a329);color:#020;border:none;padding:8px 12px;border-radius:6px;font-weight:700}.panel-start:disabled{opacity:.6}.panel-stop{background:linear-gradient(180deg,#ff7b7b,#d32f2f);color:#300;border:none;padding:8px 12px;border-radius:6px;font-weight:700}.panel-stop:disabled{opacity:.6}.admin-layout{display:flex;width:100%;min-height:100vh;background:linear-gradient(180deg,#22313a,#1f2a31)}.admin-sidebar{width:260px;background:linear-gradient(180deg,#171f23,#111417);border-right:3px solid rgba(0,255,200,.06);padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.admin-sidebar h3{color:#00f5e0;text-align:center;margin:4px 0 8px}.sidebar-user{color:#fff;text-align:center;padding:8px 6px;background:#ffffff08;border-radius:8px}.sidebar-button{width:100%;padding:10px 12px;border-radius:8px;border:none;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #00000059}.sidebar-button.green{background:linear-gradient(180deg,#5bd37b,#37a34a)}.sidebar-button.orange{background:linear-gradient(180deg,#ffb86b,#ff8a00)}.sidebar-button.blue{background:linear-gradient(180deg,#6aa8ff,#3b6eea)}.sidebar-button.purple{background:linear-gradient(180deg,#b366ff,#8a2be2)}.sidebar-button.red{background:linear-gradient(180deg,#ff7b7b,#f44)}.main-panel{flex:1;padding:26px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}.admin-title{text-align:center;color:#dffefa;margin-top:0;margin-bottom:8px;font-size:28px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:18px;align-content:start;flex:1 1 auto}.panel-card{background:#ffffff08;border-radius:12px;min-height:220px;padding:18px;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;justify-content:space-between;border:2px solid rgba(255,255,255,.02)}.panel-card .title{font-size:18px;color:#e9fff8;margin-bottom:6px}.panel-card .status{color:#cfeae6}.panel-card .action-btn{padding:8px 12px;border-radius:8px;border:none;color:#111;font-weight:700;cursor:pointer}.panel-card .top-accent{height:6px;border-top-left-radius:10px;border-top-right-radius:10px;margin:-18px -18px 10px}.control-panel-right{width:320px;background:#00000059;border-left:3px solid rgba(0,255,200,.04);padding:12px;box-sizing:border-box}.muted{color:#b8d7d1}.close-button:hover{background-color:#555}.modal-body{padding:20px;overflow-y:auto;flex:1}.command-instructions{background-color:#2a2a2a;border-radius:4px;padding:10px;margin-bottom:15px}.command-instructions p{margin:5px 0;color:#ccc;font-size:.9em}.command-buttons{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.return-button{background-color:#555;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.home-modern{background:#34495e!important;min-height:100vh;color:#f8f8f8;padding:0;font-family:Segoe UI,Roboto,Arial,sans-serif}.modern-header{background:#22304a;border-bottom:1px solid #2c3e50;box-shadow:0 2px 8px #2c3e5014;padding:32px 20px 24px;align-items:flex-start;text-align:left}.server-ips{display:flex;flex-direction:column;gap:18px;max-width:1600px;margin:25px auto;padding:0 20px}.ip-box{background:#3b5875;color:#fff;border:1.5px solid #4a6fa1;box-shadow:0 2px 8px #2c3e501a;font-size:1.1em;padding:20px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;text-align:center}.ip-box:hover{background:#466b8c;border-color:#5b8bd6;transform:translateY(-2px)}.ip-label{font-size:1em;opacity:.9;color:#a0a0a0;font-weight:500}.ip-value{font-weight:600;font-size:1.2em;color:#fff;letter-spacing:.5px;word-break:break-all}.server-cards{display:grid;grid-template-columns:1fr;gap:24px;padding:30px 20px 0;max-width:1800px;margin:0 auto;background:none}.server-card:hover{box-shadow:0 8px 32px #2c3e502e;border-color:#5b8bd6;transform:translateY(-4px) scale(1.02)}.server-content{padding:24px}.server-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #3b5875;flex-wrap:wrap;gap:10px}.server-name{font-size:1.3em;font-weight:600;margin-bottom:10px;color:#fff;flex:1;min-width:0}.server-description{color:#e0e6ed;font-size:1em;margin-bottom:10px;line-height:1.5}.player-count{background:#2c3e50;color:#fff;border-radius:10px;padding:6px 14px;font-size:.98em;border:1px solid #4a6fa1;white-space:nowrap}.server-status{padding:6px 16px;border-radius:10px;font-size:.98em;font-weight:600;border:1px solid #4a6fa1;white-space:nowrap}.status-coming-soon{background:linear-gradient(45deg,#ffc107,#ff9800);color:#fff;border-color:#ff8f00;font-weight:600;animation:pulse 2s infinite}.section-title{color:#fff;font-size:2em;margin-bottom:18px;text-align:center}.contact-grid{display:grid;grid-template-columns:1fr;gap:18px}.contact-item{background:#3b5875;border-radius:10px;border:1.5px solid #4a6fa1;color:#fff;box-shadow:0 2px 8px #2c3e5014;padding:20px;text-align:center;transition:all .3s ease}.contact-item:hover{background:#466b8c;border-color:#5b8bd6;transform:translateY(-2px)}.contact-label{color:#fff;font-weight:500;margin-bottom:8px;font-size:1.1em}.rules-list{list-style:none;padding:0;margin:0}.rule-item{display:flex;align-items:flex-start;margin-bottom:24px;padding:20px;background:#3b5875;border-radius:10px;border:1.5px solid #4a6fa1;gap:16px}.modern-title{font-size:2.5em;font-weight:700;margin:0 0 24px;text-align:center;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.floating-auth-btn{position:fixed;top:8px;right:12px;z-index:100;display:flex;align-items:center;flex-direction:column;gap:8px}.floating-auth-btn .modern-signin,.floating-auth-btn .modern-signout{font-size:.85em;padding:6px 12px;border-radius:16px;min-width:0;min-height:0;box-shadow:0 2px 12px #0008,0 0 0 2px #fff2 inset;background:linear-gradient(90deg,#4f8cff,#38ef7d);transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer;border:none;margin-left:0;height:32px;line-height:1;color:#fff;font-weight:600}.modern-admin{background:linear-gradient(90deg,#f44,#ffb347);color:#fff;border-radius:16px;font-weight:600;padding:6px 12px;border:none;box-shadow:0 2px 12px #0006;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer;font-size:.85em;height:32px;line-height:1}.modern-admin:hover{background:linear-gradient(90deg,#ffb347,#f44);box-shadow:0 4px 24px #ffb34788,0 2px 12px #0008;transform:translateY(-2px) scale(1.04)}.auth-btn-label{font-size:.95em;font-weight:600;padding:0 2px}.main-left-center{max-width:1400px;margin:0 auto;padding:20px;text-align:left}.compact-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:10px}.compact-status-box{padding:10px 14px;min-width:120px;min-height:48px;font-size:1em;border-radius:10px;box-shadow:0 1px 8px #0006,0 0 8px #fff2 inset;display:flex;align-items:center;justify-content:space-between}.button,.modern-signin,.modern-signout,.modern-admin{text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;font-family:inherit;border:none;font-weight:600;border-radius:8px;padding:8px 16px;color:#fff;min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent;user-select:none;box-sizing:border-box}.shiny-status-bar{background:linear-gradient(90deg,#4f8cff,#38ef7d);color:#fff;padding:12px 20px;border-radius:20px;font-weight:700;border:none;box-shadow:0 2px 12px #0008,0 0 0 2px #fff3 inset;text-align:center;font-size:1.1em;transition:background .2s,box-shadow .2s,transform .1s;margin-bottom:20px;width:100%;max-width:400px;margin-left:auto;margin-right:auto;display:block}.modal-status-text.online{color:#4caf50}.modal-status-text.offline{color:#ff9800}.shiny-start{background:linear-gradient(90deg,#4f4,#a8ff78)!important;color:#fff!important;border:none;border-radius:20px;padding:8px 16px;font-weight:700;box-shadow:0 2px 12px #4f48,0 0 0 2px #fff3 inset;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}.shiny-start:hover{background:linear-gradient(90deg,#a8ff78,#4f4)!important;box-shadow:0 4px 24px #4f48,0 2px 12px #0008;transform:translateY(-1px) scale(1.04)}.shiny-stop{background:linear-gradient(90deg,#f44,#ffb347)!important;color:#fff!important;border:none;border-radius:20px;padding:8px 16px;font-weight:700;box-shadow:0 2px 12px #f448,0 0 0 2px #fff3 inset;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}.shiny-stop:hover{background:linear-gradient(90deg,#ffb347,#f44)!important;box-shadow:0 4px 24px #f448,0 2px 12px #0008;transform:translateY(-1px) scale(1.04)}.shiny-pending{background:gray!important;color:#fff!important;border:none;border-radius:20px;padding:8px 16px;font-weight:700;cursor:not-allowed}input[type=text][pattern]{font-size:18px;letter-spacing:2px;text-align:center}body,.home-modern{background:#34495e!important;color:#f8f8f8;font-family:Segoe UI,Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overflow-x:hidden}.modern-header{background:#22304a;border-bottom:1px solid #2c3e50;box-shadow:0 2px 8px #2c3e5014;padding:32px 20px 24px}.server-ips{gap:18px}.ip-box{background:#3b5875;color:#fff;border:1.5px solid #4a6fa1;box-shadow:0 2px 8px #2c3e501a;font-size:1.1em}.ip-box:hover{background:#466b8c;border-color:#5b8bd6}.server-cards{background:none;gap:32px;padding:48px 20px 0}.server-card{background:#415a77;color:#fff;border-radius:14px;box-shadow:0 4px 16px #2c3e501a;border:1.5px solid #4a6fa1;transition:box-shadow .2s,border-color .2s,transform .2s}.server-card:hover{box-shadow:0 8px 32px #2c3e502e;border-color:#5b8bd6;transform:translateY(-4px) scale(1.01)}.server-banner{height:8px;background:linear-gradient(90deg,var(--banner-start) 0%,var(--banner-end) 100%)}.server-content{padding:24px 24px 18px}.server-stats{border-bottom:1px solid #3b5875;margin-bottom:14px;padding-bottom:10px}.server-name{color:#fff;font-size:1.3em;font-weight:600}.server-description{color:#e0e6ed;font-size:1em;margin-bottom:10px}.player-count{background:#2c3e50;color:#fff;border-radius:10px;padding:6px 14px;font-size:.98em;border:1px solid #4a6fa1}.server-status{padding:6px 16px;border-radius:10px;font-size:.98em;font-weight:600;border:1px solid #4a6fa1}.status-online{background:#2ecc71;color:#fff;border-color:#27ae60}.status-offline{background:#e74c3c;color:#fff;border-color:#c0392b}.contact-section,.rules-section{background:#415a77;border-radius:14px;box-shadow:0 2px 12px #2c3e501a;border:1.5px solid #4a6fa1;margin:48px auto 0;padding:36px 24px;max-width:1200px}.section-title{color:#fff;font-size:2em;margin-bottom:18px}.contact-grid{gap:18px}.contact-item{background:#3b5875;border-radius:10px;border:1.5px solid #4a6fa1;color:#fff;box-shadow:0 2px 8px #2c3e5014}.contact-item:hover{background:#466b8c;border-color:#5b8bd6}.contact-label{color:#fff;font-weight:500}.contact-value{color:#6ba4ff;font-weight:600;font-size:1.2em;text-decoration:none;transition:color .3s ease;cursor:pointer;display:inline-block}.contact-value:hover{color:#a8cfff}.rules-list{margin:0;padding:0}.rule-item{background:#3b5875;border-radius:10px;border:1.5px solid #4a6fa1;margin-bottom:24px;padding:20px;display:flex;align-items:flex-start;gap:16px}.rule-number{background:linear-gradient(135deg,#4f8cff,#38ef7d);color:#fff;font-weight:700;padding:8px 12px;border-radius:50%;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1em;flex-shrink:0}.rule-text{color:#e0e6ed;line-height:1.6;flex:1}.button,.modern-signin,.modern-signout,.modern-admin{text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;font-family:inherit;border:none;font-weight:600;border-radius:8px;padding:8px 16px;color:#fff}.button:hover,.modern-signin:hover,.modern-signout:hover,.modern-admin:hover{text-decoration:none;transform:translateY(-1px)}@media (max-width: 1200px){.server-cards{grid-template-columns:repeat(2,1fr);padding:30px 20px 0}}@media (max-width: 768px){.server-cards{grid-template-columns:1fr;padding:16px 20px 0}.contact-section,.rules-section{padding:18px 16px}}@media (max-width: 1100px){.main-left-center{max-width:100%;padding:20px}}@media (max-width: 700px){.main-left-center{padding:15px}}@keyframes flash{0%,50%{opacity:1}25%,75%{opacity:.5}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.system-management{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.page-header h2{margin:0;color:#fff;font-size:1.8em}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#3d4043);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:#ffffff1a;border-radius:12px;padding:25px;margin-bottom:25px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card h3{margin:0 0 20px;color:#fff;font-size:1.4em}.card h4{margin:25px 0 15px;color:#fff;font-size:1.2em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.info-grid div{background:#ffffff0d;padding:12px 16px;border-radius:8px;color:#fff;font-size:.95em}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.service-status{padding:12px 16px;border-radius:8px;font-size:.9em;font-weight:500;text-align:center;transition:all .3s ease}.service-status.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.service-status.inactive{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.auth-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#ffffff0d;border-radius:10px;padding:20px;border:1px solid rgba(255,255,255,.1)}.stat-card h5{margin:0 0 15px;color:#fff;font-size:1.1em}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:.9em}.stat-item:last-child{border-bottom:none}.stat-value{font-weight:600;color:#4fc3f7}.recent-list{max-height:200px;overflow-y:auto}.recent-item{background:#ffffff08;padding:10px 12px;margin-bottom:8px;border-radius:6px;border-left:3px solid #4fc3f7;color:#fff;font-size:.85em}.recent-item strong{color:#4fc3f7}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-error{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid #bd2130}.alert-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:1px solid #1e7e34}.danger-zone{border:2px solid #dc3545;border-radius:12px;padding:25px;background:#dc35451a}.danger-zone h4{color:#dc3545;margin-top:0}.danger-actions{display:flex;gap:15px;flex-wrap:wrap}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:500;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.2)}.modal-content h3{margin:0 0 20px;color:#fff;font-size:1.3em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.form-control{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.95em;box-sizing:border-box}.form-control:focus{outline:none;border-color:#4fc3f7;background:#ffffff26}.form-control::placeholder{color:#fff9}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.checkbox-group input[type=checkbox]{width:18px;height:18px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.btn-cancel{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 480px){.system-management{padding:10px}.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-header h2{font-size:1.4em;text-align:center}.btn-secondary,.btn-danger,.btn-primary{width:100%;padding:12px;font-size:1em;min-height:48px;-webkit-tap-highlight-color:transparent}.card{padding:15px;margin-bottom:15px}.card h3{font-size:1.2em}.card h4{font-size:1.1em;margin:20px 0 10px}.info-grid{grid-template-columns:1fr;gap:10px}.services-grid{grid-template-columns:1fr;gap:8px}.service-status{padding:10px 12px;font-size:.85em}.auth-stats-grid{grid-template-columns:1fr;gap:15px}.stat-card,.danger-zone{padding:15px}.danger-actions{flex-direction:column}.modal-overlay{padding:10px}.modal-content{padding:20px;max-height:95vh}.modal-content h3{font-size:1.1em}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%;padding:12px}}@media (min-width: 481px) and (max-width: 768px){.system-management{padding:15px}.page-header h2{font-size:1.6em}.info-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.auth-stats-grid{grid-template-columns:1fr}.danger-actions{justify-content:center}.modal-content{max-width:90vw}}@media (min-width: 769px) and (max-width: 1024px){.info-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.auth-stats-grid{grid-template-columns:repeat(2,1fr)}}.permissions-page{display:flex!important;flex-direction:row!important;height:100vh;background:#34495e;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;align-items:stretch}.permissions-sidebar{width:280px;background:#2c3e50;border-right:1px solid #34495e;display:flex;flex-direction:column;overflow:hidden;height:100vh;flex-shrink:0;flex-basis:280px}.sidebar-header{padding:20px;border-bottom:1px solid #34495e;background:#1a252f}.sidebar-header h3{margin:0 0 10px;font-size:1.2em;color:#fff}.player-count{display:flex;align-items:center;gap:8px}.player-count .count{background:#27ae60;color:#fff;padding:4px 12px;border-radius:12px;font-weight:600;font-size:.9em}.player-count .label{color:#bdc3c7;font-size:.9em}.search-box{padding:15px 20px;border-bottom:1px solid #34495e}.search-input{width:100%;padding:10px 15px;border:1px solid #34495e;border-radius:8px;background:#34495e;color:#fff;font-size:.9em;box-sizing:border-box}.search-input:focus{outline:none;border-color:#3498db;background:#415a77}.search-input::placeholder{color:#7f8c8d}.players-list{flex:1;overflow-y:auto;padding:10px 0}.players-list::-webkit-scrollbar,.player-details-content::-webkit-scrollbar{width:8px}.players-list::-webkit-scrollbar-track,.player-details-content::-webkit-scrollbar-track{background:#1a252f;border-radius:4px}.players-list::-webkit-scrollbar-thumb,.player-details-content::-webkit-scrollbar-thumb{background:#34495e;border-radius:4px}.players-list::-webkit-scrollbar-thumb:hover,.player-details-content::-webkit-scrollbar-thumb:hover{background:#415a77}.skin-viewer-3d-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#1a252f;border-bottom:1px solid #34495e;border-radius:8px 8px 0 0}.skin-viewer-3d-controls{display:flex;align-items:center;gap:15px}.status-indicator{display:flex;align-items:center;gap:6px}.status-dot{font-size:.8em}.status-text{font-size:.85em;color:#bdc3c7}.skin-viewer-3d.bedrock{border:2px solid rgba(34,197,94,.3)}.skin-viewer-3d.bedrock .skin-viewer-3d-header{background:linear-gradient(135deg,#1a252f,#22c55e1a)}.bedrock-skin-notice{margin-top:15px;padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:.85em}.bedrock-skin-notice p{margin:0;color:#bdc3c7;line-height:1.4}.bedrock-skin-notice strong{color:#22c55e}.player-header .player-skin-section{flex:0 0 auto;min-width:350px;max-width:400px}.player-header-info{flex:1;min-width:300px;padding-left:20px}.player-header-info h1{margin:0 0 15px;font-size:2.2em;color:#fff;word-break:break-word}.player-basic-info{display:flex;flex-direction:column;gap:10px}.player-basic-info>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #34495e}.player-basic-info>div:last-child{border-bottom:none}.info-label{font-weight:500;color:#bdc3c7;min-width:120px}.info-value{color:#fff;font-weight:500;text-align:right;word-break:break-all}@media (max-width: 1200px){.player-header{flex-direction:column;align-items:stretch}.player-header .player-skin-section{min-width:auto;max-width:none;align-self:center}.player-header-info{padding-left:0;min-width:auto}}.server-section{margin-bottom:20px}.server-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#1a252f;border-top:1px solid #34495e;border-bottom:1px solid #34495e;user-select:none;transition:background-color .2s ease}.server-header:hover{background:#243242}.collapse-icon{margin-right:8px;font-size:12px;color:#aaa;transition:transform .2s ease}.server-players{margin-left:0}.server-header h4{margin:0;font-size:1em;color:#3498db;text-transform:uppercase;letter-spacing:.5px}.server-count{background:#3498db;color:#fff;padding:2px 8px;border-radius:10px;font-size:.8em;font-weight:600}.player-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.player-item:hover{background:#34495e;border-left-color:#3498db}.player-item.selected{background:#415a77;border-left-color:#3498db}.player-avatar{margin-right:12px}.player-avatar img{width:32px;height:32px;border-radius:4px;border:1px solid #34495e}.player-info{flex:1}.player-name{font-weight:600;font-size:.95em;color:#fff;margin-bottom:2px}.player-group{font-size:.8em;font-weight:500;opacity:.9}.player-status{width:8px;height:8px;border-radius:50%;margin-left:8px}.player-status.online{background:#27ae60;box-shadow:0 0 6px #27ae60}.player-status.offline{background:#95a5a6;box-shadow:0 0 6px #95a5a6}.sidebar-controls{border-bottom:1px solid #34495e}.player-toggle{display:flex;padding:15px 20px 10px;gap:8px}.toggle-btn{flex:1;padding:8px 16px;border:1px solid #34495e;border-radius:6px;background:#34495e;color:#bdc3c7;cursor:pointer;font-size:.85em;transition:all .2s ease}.toggle-btn:hover{background:#415a77;border-color:#3498db}.toggle-btn.active{background:#3498db;color:#fff;border-color:#3498db}.offline-players-section{padding:0}.player-stats{font-size:.8em;color:#bdc3c7;margin-bottom:4px}.join-count{font-weight:500}.player-last-seen{font-size:.75em;color:#7f8c8d}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-section .loading-spinner{width:24px;height:24px;border:2px solid #34495e;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-section p{color:#bdc3c7;font-size:.9em;margin:0}.no-players{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#7f8c8d}.no-players p{margin:4px 0;font-size:.9em}.permissions-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;width:100%}.main-header{padding:20px 30px;border-bottom:1px solid #34495e;background:#2c3e50}.tab-buttons{display:flex;gap:8px}.tab-btn{padding:10px 20px;border:none;border-radius:8px;background:transparent;color:#bdc3c7;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.tab-btn.active{background:#3498db;color:#fff}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;height:100vh;position:relative}.overview-content{flex:1;overflow-y:auto;padding:0 20px 20px;height:100%;box-sizing:border-box;width:100%}.tab-navigation,.main-header{flex-shrink:0;padding:20px 30px;background:#34495e;border-bottom:1px solid #3e5368}.tab-buttons{display:flex;gap:10px}.tab-btn{padding:12px 24px;background:#2c3e50;border:1px solid #34495e;color:#bdc3c7;cursor:pointer;border-radius:8px;font-weight:500;transition:all .2s ease}.tab-btn:hover{background:#34495e;color:#fff}.tab-btn.active{background:#3498db;color:#fff;border-color:#3498db}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.permissions-main-panel{flex:1 1 auto;display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0;background:#34495e;order:2}.alert{padding:12px 20px;margin:0 30px 20px;border-radius:8px;font-weight:500}.alert-error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#2c3e50;border-radius:12px;padding:20px;border:1px solid #34495e;display:flex;align-items:center;gap:15px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2em}.stat-info{flex:1}.stat-value{font-size:1.8em;font-weight:700;color:#3498db;margin-bottom:4px}.stat-label{color:#bdc3c7;font-size:.9em}.groups-overview{margin-top:40px}.groups-overview h3{margin:0 0 20px;font-size:1.4em;color:#fff}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.group-card{background:#2c3e50;border-radius:10px;padding:16px;border:1px solid #34495e;cursor:pointer;transition:all .2s ease}.group-card:hover{background:#34495e;transform:translateY(-1px)}.group-card .group-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.group-color{width:12px;height:12px;border-radius:50%}.group-name{font-weight:600;color:#fff}.group-weight,.group-perms{font-size:.85em;color:#bdc3c7;margin-bottom:4px}.player-details-content{flex:1;overflow-y:auto;padding:0 20px 20px;height:100%;box-sizing:border-box;width:100%}.no-player-selected{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.no-player-message{padding:40px;background:#2c3e50;border-radius:12px;border:1px solid #34495e}.no-player-message h3{margin:0 0 15px;color:#3498db;font-size:1.5em}.no-player-message p{margin:0;color:#bdc3c7;font-size:1.1em}.player-details{background:#2c3e50;border-radius:12px;overflow:hidden;border:1px solid #34495e;margin-top:20px}.player-header{display:flex;align-items:flex-start;padding:30px;background:#1a252f;border-bottom:1px solid #34495e;gap:30px;flex-wrap:wrap}.player-avatar-large{margin-right:25px}.player-avatar-large img{width:80px;height:80px;border-radius:8px;border:2px solid #34495e}.player-info-large h2{margin:0 0 8px;font-size:1.8em;color:#fff}.player-group-large{font-size:1.1em;font-weight:600;margin-bottom:6px}.player-server{color:#bdc3c7;font-size:.95em;margin-bottom:4px}.player-status-large{font-size:.9em;font-weight:500}.player-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:30px}.info-section h4{margin:0 0 15px;font-size:1.2em;color:#3498db;border-bottom:2px solid #3498db;padding-bottom:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #34495e}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:#bdc3c7}.info-value{color:#fff;font-weight:500}.info-value.uuid{font-family:Courier New,monospace;font-size:.85em;background:#34495e;padding:4px 8px;border-radius:4px}.player-skin-section{padding:30px;border-top:1px solid #34495e}.player-skin-section h4{margin:0 0 20px;font-size:1.2em;color:#3498db}.skin-viewer{display:flex;justify-content:center}.player-skin{max-width:200px;height:auto;border-radius:8px;border:2px solid #34495e}.permissions-section{padding:30px;border-top:1px solid #34495e}.permissions-section h4{margin:0 0 20px;font-size:1.2em;color:#3498db}.permissions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.permission-item{background:#34495e;padding:8px 12px;border-radius:6px;border-left:3px solid #3498db}.permission-node{font-family:Courier New,monospace;font-size:.85em;color:#fff}.no-permissions{color:#7f8c8d;font-style:italic;text-align:center;padding:20px}.groups-content{max-width:1200px}.groups-list-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:30px}.group-item-detailed{background:#2c3e50;border-radius:10px;padding:16px;border:1px solid #34495e;cursor:pointer;transition:all .2s ease}.group-item-detailed:hover{background:#34495e}.group-item-detailed.selected{background:#415a77;border-color:#3498db}.group-item-detailed .group-header{display:flex;align-items:center;gap:12px}.group-item-detailed .group-color{width:16px;height:16px;border-radius:50%}.group-item-detailed .group-name{font-weight:600;font-size:1.1em;color:#fff;margin-bottom:4px}.group-meta{font-size:.85em;color:#bdc3c7}.group-details{background:#2c3e50;border-radius:12px;border:1px solid #34495e;overflow:hidden}.group-details-header{display:flex;align-items:center;padding:25px 30px;background:#1a252f;border-bottom:1px solid #34495e;gap:20px}.group-color-large{width:24px;height:24px;border-radius:50%}.group-details-header h3{margin:0 0 6px;font-size:1.6em;color:#fff}.group-meta-large{color:#bdc3c7;font-size:.95em}.group-info-grid{padding:30px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#bdc3c7}.loading-spinner{width:40px;height:40px;border:4px solid #34495e;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.no-details{text-align:center;color:#7f8c8d;font-style:italic;padding:40px}.main-content{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:15px;gap:10px}.stat-icon{font-size:1.5em}.stat-value{font-size:1.4em}.groups-grid{grid-template-columns:1fr;gap:12px}.player-header{flex-direction:column;text-align:center;padding:20px}.player-avatar-large{margin-right:0;margin-bottom:15px}.player-info-grid{grid-template-columns:1fr;gap:20px;padding:20px}.permissions-list{grid-template-columns:1fr}.groups-list-detailed{grid-template-columns:1fr;gap:12px}.server-header{padding:8px 15px}.main-content{padding:15px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.player-header{padding:15px}.player-avatar-large img{width:60px;height:60px}.player-info-large h2{font-size:1.4em}.player-info-grid,.permissions-section,.player-skin-section,.group-details-header,.group-info-grid{padding:15px}.offline-players-toggle{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.offline-players-toggle label{display:flex;align-items:center;gap:8px;color:#e0e0e0;cursor:pointer;font-size:14px}.offline-players-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#4fc3f7}.offline-search-container{margin-bottom:16px}.offline-search-container input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.offline-search-container input:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f733}.search-box{position:relative;display:flex;align-items:center}.clear-search-btn{position:absolute;right:8px;background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .2s ease}.clear-search-btn:hover{color:#fff;background:#ffffff1a}.search-info{padding:8px 12px;background:#4fc3f71a;border:1px solid rgba(79,195,247,.3);border-radius:6px;color:#4fc3f7;font-size:12px;margin-top:8px}.search-info strong{color:#fff}.player-status.offline{background:#f44336;position:relative}.player-status.offline:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%;opacity:.8}.player-last-seen{font-size:11px;color:#888;margin-top:2px}.player-actions{display:flex;gap:12px;margin-top:16px;align-items:center}.update-player-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #4fc3f74d}.update-player-btn:hover:not(:disabled){background:linear-gradient(135deg,#29b6f6,#039be5);transform:translateY(-1px);box-shadow:0 4px 12px #4fc3f766}.update-player-btn:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.update-player-btn .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.basic-info-section{background-color:#2a2a2a;border-radius:10px;padding:20px;margin-bottom:20px}.basic-info-section h3{color:#fff;margin:0 0 15px;font-size:1.2em;font-weight:600}.basic-info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.permissions-section{background-color:#2a2a2a;border-radius:10px;padding:20px;margin-bottom:20px;transition:all .3s ease}.permissions-section.server-section{border-left:4px solid var(--server-color, #6b7280)}.permissions-section.greyed-out{opacity:.6;background-color:#1f1f1f;filter:grayscale(.3)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3{color:#fff;margin:0;font-size:1.2em;font-weight:600}.op-status-simple,.op-status-container{display:flex;align-items:center;gap:12px}.op-status-label{color:#ccc;font-size:.9em;font-weight:500;margin-right:8px}.op-toggle-display{display:flex;align-items:center;gap:8px}.op-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;transition:all .3s ease}.op-toggle.enabled{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.op-toggle.disabled{background:#6b72801a;border:1px solid rgba(107,114,128,.3)}.op-toggle-switch{width:40px;height:20px;border-radius:10px;position:relative;transition:background-color .3s ease}.op-toggle.enabled .op-toggle-switch{background:linear-gradient(135deg,#22c55e,#16a34a)}.op-toggle.disabled .op-toggle-switch{background:#374151}.op-toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.op-toggle-thumb:not(.active){transform:translate(2px)}.op-toggle-thumb.active{transform:translate(22px)}.op-toggle-text{font-weight:600;font-size:.85rem;color:#e5e7eb}.op-status-message{color:#9ca3af;font-size:.8em;font-style:italic}.restriction-notice{color:#ff9800;font-size:.8em;font-weight:500;font-style:italic;margin-top:8px;padding:6px 12px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;text-align:center}.permission-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.permission-row.disabled{opacity:.5;pointer-events:none}.permission-input{flex:1;background-color:#1a1a1a;border:1px solid #404040;border-radius:6px;padding:10px 12px;color:#fff;font-size:.9em;transition:all .3s ease}.permission-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.permission-input::placeholder{color:#888}.permission-input:disabled{background-color:#0f0f0f;border-color:#2a2a2a;color:#666;cursor:not-allowed}.add-permission-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s ease}.add-permission-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.add-permission-btn:disabled{background-color:#404040;color:#888;cursor:not-allowed;transform:none}.permission-note{color:#888;font-size:.8em;font-style:italic;margin-top:5px}.global-op-notice{color:#10b981;font-size:.85em;font-weight:500;font-style:italic}.permission-meta{margin-top:10px;padding-top:10px;border-top:1px solid #404040}.granted-info{color:#888;font-size:.8em}.server-sections{display:flex;flex-direction:column;gap:15px}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:10px}.op-status-simple{align-self:flex-end}.permission-row{flex-direction:column;align-items:stretch}.add-permission-btn{align-self:flex-end;width:auto}}@media (max-width: 480px){.permissions-section{padding:15px}.section-header h3{font-size:1.1em}.op-toggle{padding:4px 8px}.op-toggle-text{font-size:.8rem}}.dialog-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.dialog-content{background-color:#2a2a2a;border-radius:12px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0009;border:1px solid #444}.op-warning-dialog .dialog-header{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:20px;border-radius:12px 12px 0 0;text-align:center}.op-warning-dialog .dialog-header h3{margin:0;font-size:1.4em;font-weight:600}.op-warning-dialog .dialog-body{padding:24px}.warning-content p{font-size:1.1em;font-weight:600;color:#ff6b6b;margin-bottom:20px;text-align:center}.warning-points{margin:20px 0}.warning-point{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px;background-color:#1a1a1a;border-radius:8px;border-left:4px solid #ff6b6b}.warning-icon{font-size:1.2em;flex-shrink:0;margin-top:2px}.warning-point span:last-child{color:#e0e0e0;line-height:1.4}.warning-point strong{color:#fff}.op-info{background-color:#1a1a1a;padding:16px;border-radius:8px;border:2px solid #ff6b6b;margin-top:20px;text-align:center}.op-info p{margin:0!important;color:#f99;font-weight:600;font-size:1.05em}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;background-color:#1a1a1a;border-radius:0 0 12px 12px;border-top:1px solid #444}.btn-danger{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95em}.btn-danger:hover{background:linear-gradient(135deg,#ff3742,#ff2737);transform:translateY(-1px);box-shadow:0 4px 12px #ff475766}.dialog-actions .btn-secondary{background-color:#444;color:#ccc;border:1px solid #666;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95em}.dialog-actions .btn-secondary:hover{background-color:#555;color:#fff;border-color:#777;transform:translateY(-1px)}@media (max-width: 768px){.dialog-overlay{padding:10px}.dialog-content{max-width:100%;max-height:95vh}.op-warning-dialog .dialog-header{padding:16px}.op-warning-dialog .dialog-header h3{font-size:1.2em}.op-warning-dialog .dialog-body{padding:20px}.warning-point{flex-direction:column;gap:8px;padding:10px}.warning-icon{align-self:flex-start}.dialog-actions{flex-direction:column-reverse;padding:16px 20px}.dialog-actions button{width:100%;margin:0}}@media (max-width: 480px){.warning-content p{font-size:1em}.warning-point{margin-bottom:12px}.op-info p{font-size:.95em}}.skin-viewer-3d{margin:20px 0;padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;border:1px solid #444;box-shadow:0 4px 20px #0000004d}.skin-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.skin-viewer-header h4{margin:0;color:#fff;font-size:1.2em;font-weight:600}.skin-viewer-controls{display:flex;gap:8px;flex-wrap:wrap}.skin-control-btn{padding:6px 12px;background:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85em;transition:all .2s ease;white-space:nowrap}.skin-control-btn:hover{background:#357abd;transform:translateY(-1px)}.skin-control-btn:active{transform:translateY(0)}.skin-viewer-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px;background:radial-gradient(circle at center,#333,#1a1a1a 70%);border-radius:8px;border:1px solid #555;overflow:hidden}.skin-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;gap:15px}.skin-viewer-loading .loading-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}.skin-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff6b6b;gap:10px;text-align:center;padding:20px}.skin-viewer-error .error-detail{color:#999;font-size:.9em}.skin-viewer-error .fallback-skin{max-width:200px;max-height:300px;border-radius:8px;border:2px solid #555;margin-top:10px}.skin-viewer-instructions{margin-top:15px;padding:12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.skin-viewer-instructions p{margin:0 0 8px;color:#ccc;font-weight:600;font-size:.9em}.skin-viewer-instructions ul{margin:0;padding-left:20px;color:#aaa;font-size:.85em}.skin-viewer-instructions li{margin:4px 0;line-height:1.4}@media (max-width: 768px){.skin-viewer-3d{margin:15px 0;padding:15px}.skin-viewer-header{flex-direction:column;align-items:flex-start;gap:12px}.skin-viewer-controls{width:100%;justify-content:center}.skin-control-btn{flex:1;min-width:0;padding:8px 10px;font-size:.8em}.skin-viewer-container{min-height:300px}.skin-viewer-error .fallback-skin{max-width:150px;max-height:200px}}@media (max-width: 480px){.skin-viewer-controls{flex-direction:column}.skin-control-btn{width:100%}.skin-viewer-container{min-height:250px}}.player-header .skin-viewer-3d{margin:0;flex:1;max-width:400px}.player-header-with-skin{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.player-info-section{flex:1;min-width:300px}@media (max-width: 768px){.player-header-with-skin{flex-direction:column}.player-header .skin-viewer-3d{max-width:100%}}.skin-viewer-error .fallback-skin{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#34495e;border-radius:8px;margin-top:10px}.skin-viewer-error .fallback-skin-img{width:128px;height:128px;border-radius:8px;border:2px solid #34495e;image-rendering:pixelated}.skin-viewer-error .fallback-skin p{margin:0;color:#bdc3c7;font-size:.9em}.skin-viewer-info{text-align:center;padding:8px;background:#34495e;border-radius:6px;margin-top:10px}.skin-viewer-info small{color:#bdc3c7;font-size:.8em}.game-version-indicator{margin-left:auto}.version-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:600;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.version-badge.bedrock{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.version-badge.java{background:#f59e0b33;border-color:#f59e0b4d;color:#f59e0b}.version-badge.unknown{background:#8883;border-color:#8888884d;color:#888}.permissions-instructions{background:linear-gradient(135deg,#2196f31a,#4caf501a);border:2px solid rgba(33,150,243,.3);border-radius:12px;margin-bottom:20px}.instructions-content{display:flex;flex-direction:column;gap:20px}.instruction-card{background:#ffffff0d;border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,.1)}.instruction-card h4{color:#2196f3;margin-bottom:15px;font-size:1.1em}.instruction-list{list-style:none;padding:0;margin:0}.instruction-list li{margin-bottom:15px;padding-left:0}.instruction-list li:last-child{margin-bottom:0}.command-example{background:#0000004d;border:1px solid rgba(76,175,80,.3);border-radius:6px;padding:10px 15px;margin:8px 0;font-family:Courier New,monospace}.command-example code{color:#4caf50;font-weight:700;font-size:1.1em}.command-note{color:#aaa;font-size:.9em;font-style:italic;margin-top:5px}.permissions-coming-soon{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:15px;text-align:center}.permissions-coming-soon h4{color:#ffc107;margin-bottom:10px;font-size:1em}.permissions-coming-soon p{color:#ddd;margin:0;font-size:.9em}.current-permissions{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px}.permissions-status{display:flex;flex-direction:column;gap:12px}.server-permission-status{background:#ffffff08;border-radius:8px;padding:15px;transition:all .2s ease}.server-permission-status:hover{background:#ffffff0d}.server-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.server-name{font-weight:700;font-size:1.1em}.permission-badge{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.permission-badge.op{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 2px 8px #ff6b354d}.permission-badge.normal{background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.2)}.permission-meta{margin-top:8px}.permission-meta small{color:#aaa;font-size:.8em}@media (max-width: 768px){.instructions-content{gap:15px}.instruction-card{padding:15px}.instruction-card h4{font-size:1em}.command-example{padding:8px 12px}.command-example code{font-size:1em}.server-info{flex-direction:column;align-items:flex-start;gap:8px}.permission-badge{align-self:flex-start}}@media (max-width: 480px){.instruction-card{padding:12px}.command-example{padding:6px 10px}.command-example code{font-size:.9em}.server-permission-status{padding:12px}}.pending-op-display.compact{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:6px;min-height:38px;font-size:.9em}.pending-text-compact{color:#ffc107;font-weight:500;flex-grow:1;text-align:left}.cancel-btn-compact{background:#dc3545cc;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;flex-shrink:0}.cancel-btn-compact:hover{background:#dc3545;transform:scale(1.1)}.pending-count-compact{font-size:.8em;color:#ffc107;text-align:center;margin-top:4px;opacity:.8}@media (max-width: 768px){.pending-op-display.compact{padding:6px 10px;font-size:.85em;min-height:32px}.cancel-btn-compact{width:20px;height:20px;font-size:10px}}.minecraft-icon{width:16px;height:16px;vertical-align:middle;margin-right:4px;background:transparent;border-radius:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform .2s ease}.minecraft-icon:hover{transform:scale(1.1)}.minecraft-icon.bedrock{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.minecraft-icon.java{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.game-version-indicator{position:absolute;top:8px;right:8px;z-index:10;background:#000000b3;backdrop-filter:blur(4px);border-radius:12px;padding:4px 8px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0000004d}.version-badge{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.version-badge.bedrock{color:#22c55e}.version-badge.java{color:#f59e0b}.enhanced-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2px 6px;border-radius:8px;font-size:.65rem;font-weight:700;margin-left:4px;box-shadow:0 1px 3px #0000004d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.ban-status-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;margin:15px 0;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;border:2px solid #d97706;color:#1f2937;font-weight:700}.ban-status-container{margin:15px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.ban-status-container.banned{background:linear-gradient(135deg,#dc2626,#b91c1c);border:3px solid #991b1b;animation:banPulse 2s infinite}.ban-header{padding:15px 20px;text-align:center;border-bottom:2px solid rgba(255,255,255,.2)}.ban-title{margin:0;font-size:1.8rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.ban-details{padding:20px}.ban-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.ban-info-row:last-child{border-bottom:none;margin-bottom:0}.ban-label{font-weight:700;color:#f3f4f6;min-width:100px;text-align:left}.ban-value{font-weight:600;color:#fff;text-align:right;max-width:70%;word-break:break-word}.ban-id{font-family:Courier New,monospace;font-size:.85rem;background:#0000004d;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.permanent-ban{color:#fbbf24;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:permanentBlink 3s infinite}.countdown-timer{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;color:#fbbf24;background:#0000004d;padding:6px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.3);text-shadow:0 1px 2px rgba(0,0,0,.5);display:inline-block;min-width:120px;text-align:center}.countdown-timer.expired{color:#ef4444;border-color:#ef44444d;animation:expiredFlash 1s infinite}@keyframes banPulse{0%,to{box-shadow:0 4px 12px #dc26264d}50%{box-shadow:0 4px 20px #dc262699,0 0 30px #dc262666}}@keyframes permanentBlink{0%,50%,to{opacity:1}25%,75%{opacity:.7}}@keyframes expiredFlash{0%,to{opacity:1}50%{opacity:.5}}.filter-bar{background:#ffffff0d;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.1)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff}.filter-toggle-btn{background:none;border:none;color:#fff;display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s;width:100%;justify-content:space-between}.filter-toggle-btn:hover{background:#ffffff1a}.filter-arrow{transition:transform .2s;font-size:.8rem}.filter-arrow.open{transform:rotate(180deg)}.filter-content{margin-top:16px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-count{background:#3b82f6;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.clear-filters-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#ef44444d}.clear-filters-btn.secondary{background:#6b728033;color:#9ca3af;border-color:#6b72804d}.filter-group{margin-bottom:16px}.filter-label{display:block;color:#d1d5db;font-size:13px;font-weight:500;margin-bottom:6px}.filter-select{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#d1d5db;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.filter-btn:hover{background:#ffffff26}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.platform-icon{width:16px;height:16px}.platform-icon-small{width:12px;height:12px}.platform-icon-tiny{width:10px;height:10px}.filter-stats{margin-top:6px;color:#9ca3af;font-size:12px}.filter-note{margin-top:6px;color:#9ca3af;font-size:11px}.rcon-verification{margin-top:8px}.rcon-checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer;color:#d1d5db;font-size:13px}.rcon-checkbox input[type=checkbox]{margin:0;accent-color:#3b82f6}.rcon-label{display:flex;flex-direction:column;gap:2px}.rcon-label small{color:#9ca3af;font-size:11px}.results-summary{background:#0003;border-radius:6px;padding:12px;margin-bottom:16px}.results-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.results-count{font-weight:600;color:#3b82f6}.results-total{color:#9ca3af;font-size:13px}.rcon-indicator{background:#3b82f633;color:#60a5fa;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.platform-summary{display:flex;gap:12px}.platform-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#d1d5db}.platform-stat.java{color:#f59e0b}.platform-stat.bedrock{color:#10b981}.player-item.enhanced{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;background:#ffffff05;border:1px solid rgba(255,255,255,.05);margin-bottom:4px}.player-item.enhanced:hover{background:#ffffff0d;border-color:#ffffff1a}.player-item.enhanced.selected{background:#3b82f61a;border-color:#3b82f6}.player-item.enhanced.online{border-left:3px solid #10b981}.player-item.enhanced.offline{border-left:3px solid #6b7280}.player-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.player-avatar img{width:100%;height:100%;border-radius:6px}.platform-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1f2937}.platform-badge.java{background:#f59e0be6}.platform-badge.bedrock{background:#10b981e6}.status-indicator{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid #1f2937}.status-indicator.online{background:#10b981}.status-indicator.online.rcon-verified{background:#3b82f6}.status-indicator.offline{background:#6b7280}.player-info{flex:1;min-width:0}.player-name{font-weight:600;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:6px}.bedrock-alias{color:#10b981;font-size:12px;font-weight:400}.player-stats{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px}.playtime{color:#60a5fa;font-weight:500}.current-server{color:#10b981;background:#10b9811a;padding:2px 6px;border-radius:4px;font-size:11px}.last-seen{color:#9ca3af;font-size:12px}.player-metadata{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.platform-tag{background:#6b728033;color:#d1d5db;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase}.platform-tag.java{background:#f59e0b33;color:#fbbf24}.platform-tag.bedrock{background:#10b98133;color:#34d399}.version-tag{background:#3b82f633;color:#60a5fa;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.ban-indicator{background:#ef444433;color:#f87171;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.player-actions{display:flex;align-items:center;gap:6px}.rcon-verified-badge{background:#3b82f633;color:#60a5fa;padding:4px 6px;border-radius:4px;font-size:12px}.no-players{text-align:center;padding:40px 20px}.no-players-message{display:flex;flex-direction:column;align-items:center;gap:16px}.no-players-icon{font-size:48px;opacity:.5}.no-players-message p{color:#9ca3af;margin:0}@media (max-width: 768px){.filter-buttons{flex-direction:column}.filter-btn{justify-content:center}.player-item.enhanced{padding:8px;gap:8px}.player-metadata{flex-direction:column;align-items:flex-start;gap:4px}}.realtime-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.realtime-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:#d1d5db;font-size:13px;font-weight:500}.realtime-toggle input[type=checkbox]{margin:0;accent-color:#10b981;transform:scale(1.2)}.realtime-label{display:flex;align-items:center;gap:4px;transition:color .2s}.realtime-toggle:hover .realtime-label{color:#fff}.manual-refresh-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;margin-left:24px;display:flex;align-items:center;gap:4px}.manual-refresh-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680}.manual-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.polling-interval{display:flex;align-items:center;gap:8px;margin-left:24px;padding:8px 0}.interval-label{color:#9ca3af;font-size:12px;white-space:nowrap}.interval-select{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;color:#fff;font-size:12px;min-width:100px}.interval-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.realtime-status{padding:6px 0;border-top:1px solid rgba(255,255,255,.1)}.status-live{color:#10b981;font-weight:500;display:flex;align-items:center;gap:4px}.status-manual{color:#9ca3af;display:flex;align-items:center;gap:4px}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.status-live{animation:pulse-live 2s ease-in-out infinite}.keyboard-hints{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05)}.hint{color:#6b7280;font-size:10px;margin-right:12px;padding:2px 4px;background:#ffffff0d;border-radius:3px;font-family:monospace}.results-summary{background:#0003;border-radius:6px;padding:12px;margin-bottom:16px;position:relative}.results-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#10b981,transparent);border-radius:6px 6px 0 0;opacity:0;transition:opacity .3s}.results-summary.live-updating:before{opacity:1;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.realtime-controls{gap:6px}.polling-interval{flex-direction:column;align-items:flex-start;margin-left:16px;gap:4px}.interval-select{width:100%}.realtime-status{padding:4px 0}.status-live,.status-manual{font-size:11px}}.group-details-header{flex-direction:column;text-align:center;padding:20px}.group-info-grid{padding:20px}.checkbox-filters{display:flex;flex-direction:column;gap:8px;margin-top:8px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px}.filter-checkbox input[type=checkbox]{margin:0}.filter-checkbox span{display:flex;align-items:center;gap:4px;font-size:.9em}.rcon-status{margin-top:12px;padding:8px 12px;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:6px}.rcon-always-on{font-size:.85em;color:#3498db;font-weight:500;display:flex;align-items:center;gap:6px}.platform-icon-small{width:16px;height:16px}.permissions-page{display:flex!important;align-items:center!important;justify-content:center!important;height:100vh!important;background:linear-gradient(135deg,#34495e,#2c3e50)!important;color:#fff!important;font-family:Segoe UI,Roboto,Arial,sans-serif!important;padding:20px!important;overflow:auto!important}.coming-soon-container{text-align:center;max-width:600px;width:100%;z-index:9999}.coming-soon-content{background:#0000004d;border-radius:20px;padding:60px 40px;border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}.coming-soon-icon{font-size:5rem;margin-bottom:30px;animation:bounce 2s infinite}.coming-soon-content h1{font-size:3rem;margin-bottom:10px;color:#fff;font-weight:700}.coming-soon-content h2{font-size:2rem;margin-bottom:30px;color:#3498db;font-weight:600}.coming-soon-content p{font-size:1.2rem;margin-bottom:40px;color:#bdc3c7;line-height:1.6}.features-preview{text-align:left;background:#ffffff0d;border-radius:15px;padding:30px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1)}.features-preview h3{font-size:1.5rem;margin-bottom:20px;color:#fff;text-align:center}.features-preview ul{list-style:none;padding:0;margin:0}.features-preview li{font-size:1.1rem;margin-bottom:12px;color:#ecf0f1;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.features-preview li:last-child{border-bottom:none}.eta{font-size:1rem;color:#95a5a6;font-style:italic;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.permissions-page .permissions-sidebar,.permissions-page .permissions-main-panel,.permissions-page .permissions-main{display:none!important}.passkey-auth-container{max-width:400px;margin:2rem auto;padding:2rem;background:#23272f;border-radius:8px;box-shadow:0 4px 24px #00000040;color:#e0e0e0}.passkey-auth-container h2{margin-bottom:1.5rem;color:#f3f3f3;text-align:center;font-weight:700;letter-spacing:.5px}.passkey-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#bfc7d5;font-size:1rem}.form-group input{padding:.75rem;background:#181a20;color:#e0e0e0;border:1px solid #444a57;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#4f8cff;box-shadow:0 0 0 2px #4f8cff40}.form-group input::placeholder{color:#888}.passkey-select{padding:.75rem;background:#181a20;color:#e0e0e0;border:1px solid #444a57;border-radius:6px;font-size:1rem;transition:border-color .2s ease;cursor:pointer}.passkey-select:focus{outline:none;border-color:#4f8cff;box-shadow:0 0 0 2px #4f8cff40}.passkey-select option{background:#181a20;color:#e0e0e0;padding:.5rem}.error-message{color:#ff5c5c;background-color:#2d1b1e;border:1px solid #5c2829;padding:.75rem;border-radius:4px;margin:.5rem 0;font-size:.9rem;font-weight:500}.auth-buttons{display:flex;flex-direction:column;gap:.75rem}button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.primary-auth-btn{background:linear-gradient(90deg,#4f8cff,#2356a8);color:#fff}.primary-auth-btn:hover:not(:disabled){background:linear-gradient(90deg,#3d7ae6,#1e4a95)}.secondary-auth-btn{background:#3a4252;color:#bfc7d5;border:1px solid #444a57}.secondary-auth-btn:hover:not(:disabled){background:#424856;border-color:#5a616f}button:disabled{background:#3a4252;color:#888;cursor:not-allowed;border:1px solid #444a57}button.loading{position:relative;color:transparent}button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:button-loading-spinner .8s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.text-muted{color:#888;font-size:.9rem;margin:.5rem 0}.storage-info{background:#2a2e37;border:1px solid #3a4252;border-radius:6px;padding:.75rem;margin:1rem 0}.storage-info .text-muted{margin:0;font-size:.85rem;color:#bfc7d5}@media (max-width: 480px){.passkey-auth-container{margin:1rem;padding:1.5rem}button{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}*{margin:0;padding:0;box-sizing:border-box}