:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding:2rem;width:100%}body{background:linear-gradient(135deg,#066,#2e2d2e);min-height:100vh;margin:0;padding:0}h1{color:#fff;text-align:center;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.servers-container{width:100%;display:flex;flex-direction:column;gap:3rem;padding:20px;margin-top:80px}.category-section{width:100%}.category-header{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db;text-align:left;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.servers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.server-card{border:none;border-radius:12px;padding:24px;background:#fff;color:#333;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.server-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.server-card.expanded{grid-column:1 / -1;background:linear-gradient(to bottom,#fff,#f8f9fa)}.card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:2px}.card-header a{text-decoration:none;color:inherit;transition:all .3s ease;display:inline-block}.card-header a:hover{color:#667eea;text-decoration:underline;transform:scale(1.02)}.card-header h2{margin:0;color:#2c3e50;font-size:20px;transition:color .3s ease}.card-header a:hover h2{color:#667eea}.expand-icon{font-size:16px;color:#667eea;transition:transform .3s;font-weight:700}.server-card p{margin:4px 0;color:#555;font-size:14px}.server-card p strong{color:#2c3e50}.flags{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap;padding:8px 0 0}.badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge.calendar{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff}.badge.access{background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff}.expanded-content{margin-top:20px;cursor:default;padding-top:20px;border-top:2px solid #e0e0e0}.expanded-content hr{display:none}.expanded-content h3{margin:20px 0 12px;color:#2c3e50;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.details-section{margin:16px 0;background:#f8f9fa;padding:16px;border-radius:8px}.control-section{margin:20px 0;background:#f8f9fa;padding:16px;border-radius:8px}.control-section label{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.version-select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#2c3e50;cursor:pointer;transition:border-color .3s}.version-select:focus{outline:none;border-color:#667eea}.update-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s}.update-btn:hover{transform:scale(1.05)}.analytics-section{margin:20px 0;background:#f8f9fa;padding:16px;border-radius:8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.stat-item{display:flex;flex-direction:column;gap:6px;background:#fff;padding:12px;border-radius:8px;border-left:4px solid #667eea}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:#2c3e50}.actions-section{margin:20px 0;background:#f8f9fa;padding:16px;border-radius:8px}.action-btn{padding:10px 18px;margin-right:8px;margin-bottom:8px;background:#fff;color:#2c3e50;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.action-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.action-btn.restart{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none}.action-btn.restart:hover{transform:translateY(-2px) scale(1.05)}.status-online{font-size:20px;color:#28a745;font-weight:700}.status-offline{font-size:20px;color:#dc3545;font-weight:700}.status-pending{font-size:20px;color:#ffc107;font-weight:700}.admin-users-section{margin:20px 0;background:#f8f9fa;padding:16px;border-radius:8px}.admin-user-card{display:flex;align-items:center;gap:8px;padding:10px;background-color:#f5f5f5;border-radius:6px;border-left:3px solid #4caf50}.user-icon{font-size:18px}.user-email{font-size:13px;word-break:break-all}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e0e0e0}.modal-header h2{margin:0;color:#2c3e50;font-size:20px}.modal-close{background:none;border:none;font-size:28px;color:#888;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.logs-display{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:0}.logs-loading{text-align:center;padding:60px 20px}.logs-loading p{margin-top:16px;color:#667eea;font-size:16px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-spinner{display:inline-block;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:14px;height:14px;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}button:disabled{opacity:.7;cursor:not-allowed}.update-btn:disabled,.action-btn.restart:disabled{opacity:.8;cursor:wait}.sticky-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:linear-gradient(135deg,#16c9c9,#066464);padding:1rem 0;margin:0;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:.5rem}.sticky-header .button-container{display:flex;justify-content:center;gap:10px;margin-top:.5rem}h1{color:#fff;text-align:center;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.loading-text{text-align:center;color:#fff;margin:2rem 0}.auth-container{display:flex;justify-content:center;align-items:center}.signup-btn{margin-left:10px}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;gap:20px}.auth-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;min-width:350px;margin-top:100px}.auth-box-header{background:linear-gradient(135deg,#16c9c9,#066464);padding:20px;text-align:center}.auth-box-header h2{margin:0;color:#fff;font-size:22px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.auth-box-content{padding:30px;display:flex;flex-direction:column;gap:15px;align-items:center}.auth-box-content button{width:100%;max-width:250px}.action-btn.backup{background:linear-gradient(135deg,#5ef09b,#01e827);color:#fff}.action-btn.backup:hover:not(:disabled){background-color:#218838}.action-btn:disabled{opacity:.6;cursor:not-allowed}.backups-modal{max-width:800px}.no-backups{text-align:center;padding:40px 20px;color:#888}.backups-list{display:flex;flex-direction:column;gap:12px}.backup-item{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s}.backup-item:hover{border-color:#667eea}.backup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;cursor:pointer;transition:background .2s}.backup-header:hover{background:#e9ecef}.backup-info{display:flex;flex-direction:column;gap:6px}.backup-timestamp{font-size:16px;font-weight:600;color:#2c3e50}.backup-meta{font-size:13px;color:#888}.backup-expand-icon{font-size:14px;color:#667eea;font-weight:700}.backup-files{padding:12px;background:#fff;border-top:1px solid #e0e0e0}.backup-file{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:8px}.backup-file:hover{background:#f0f4ff;transform:translate(4px)}.file-icon{font-size:20px}.file-name{flex:1;font-weight:500;color:#2c3e50}.file-type{font-size:12px;color:#888;background:#f0f0f0;padding:4px 8px;border-radius:4px}.backup-section-header{margin-top:16px;margin-bottom:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-weight:600;color:#2c3e50;font-size:14px}.project-backups-note{padding:12px;background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px;font-size:13px;color:#856404;margin-top:8px}.download-all-section{margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.download-all-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.download-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.download-all-btn:active{transform:translateY(0)}.file-size{font-size:12px;color:#888;background:#f0f0f0;padding:4px 8px;border-radius:4px;margin-right:8px}.sticky-header button{padding:10px 20px;margin:0 10px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.sticky-header button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.sticky-header button[data-selected=true]{background:#fffffff2;color:#066464;border-color:#fff;box-shadow:0 4px 12px #0003;font-weight:700}.sticky-header button[data-selected=true]:hover{background:#fff;transform:translateY(-2px)}.snapshots-container{position:fixed;inset:140px 0 0;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#066,#2e2d2e)}.snapshots-content{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;gap:20px;padding-top:10px}.snapshots-header{display:flex;justify-content:center;flex-shrink:0}.system-actions{display:flex;justify-content:center;padding:20px}.system-btn{padding:14px 28px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.system-btn.snapshot{background:linear-gradient(135deg,#16c9c9,#066464);color:#fff;box-shadow:0 4px 12px #667eea4d}.system-btn.snapshot:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.system-btn:disabled{opacity:.7;cursor:wait}.snapshots-loading,.snapshots-error,.no-snapshots{text-align:center;padding:40px 20px;color:#666}.snapshots-error{color:#e74c3c}.snapshots-loading .spinner{width:40px;height:40px;margin:0 auto 16px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.snapshots-table-container{width:100%;max-width:1200px;margin:0 auto;overflow-x:auto;overflow-y:auto;max-height:100%;flex:1;border:2px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a}.snapshots-table{width:100%;border-collapse:collapse;background:#fff}.snapshots-table thead{position:sticky;top:0;background:linear-gradient(135deg,#16c9c9,#066464);z-index:10}.snapshots-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#fff;border-bottom:2px solid rgba(255,255,255,.3)}.snapshots-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.snapshots-table tbody tr:hover{background-color:#f8f9fa}.snapshots-table tbody tr:last-child{border-bottom:none}.snapshots-table td{padding:16px 20px;font-size:14px;color:#333}.snapshot-name{font-weight:600;color:#066464;font-family:Monaco,Courier New,monospace}.snapshot-date{color:#666}.snapshot-size{font-weight:600;color:#667eea}.snapshot-actions{text-align:center}.delete-btn{padding:8px 16px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #e74c3c4d}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.delete-btn:active{transform:translateY(0);box-shadow:0 1px 4px #e74c3c4d}@media(max-width:768px){.snapshots-table th,.snapshots-table td{padding:12px 16px;font-size:13px}.snapshots-table-container{max-height:calc(100vh - 200px)}}