@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0f19;--secondary-bg-color:#111827;--card-bg-color:#1e293b66;--card-border-color:#ffffff14;--text-color:#f3f4f6;--text-secondary:#9ca3af;--hint-color:#6b7280;--primary-color:#4f46e5;--primary-glow:#4f46e54d;--primary-hover:#6366f1;--text-on-primary:#fff;--success-color:#10b981;--success-bg:#10b98126;--warning-color:#f59e0b;--warning-bg:#f59e0b26;--danger-color:#ef4444;--danger-bg:#ef444426;--info-color:#3b82f6;--info-bg:#3b82f626;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--transition-speed:.25s}body.telegram-theme{--bg-color:var(--tg-theme-bg-color,#0b0f19);--secondary-bg-color:var(--tg-theme-secondary-bg-color,#111827);--text-color:var(--tg-theme-text-color,#f3f4f6);--hint-color:var(--tg-theme-hint-color,#6b7280);--primary-color:var(--tg-theme-button-color,#4f46e5);--primary-hover:var(--tg-theme-button-color,#6366f1);--text-on-primary:var(--tg-theme-button-text-color,#fff);--card-bg-color:#ffffff08;--card-border-color:#ffffff0f;--text-secondary:rgba(var(--tg-theme-text-color,243, 244, 246), .6)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{background:linear-gradient(135deg,#4f46e50d 0%,#0000 100%);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:90px;display:flex;position:relative}.header{border-bottom:1px solid var(--card-border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#0b0f19cc;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}body.telegram-theme .header{background-color:rgba(var(--tg-theme-bg-color,11, 15, 25), .85)}.logo-section{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary-color) 0%, #a855f7 100%);border-radius:var(--border-radius-sm);color:#fff;width:32px;height:32px;box-shadow:0 0 15px var(--primary-glow);justify-content:center;align-items:center;font-weight:700;display:flex}.logo-title{letter-spacing:-.5px;font-size:16px;font-weight:700}.project-selector-wrapper{position:relative}.project-select{background:var(--secondary-bg-color);color:var(--text-color);border:1px solid var(--card-border-color);appearance:none;cursor:pointer;border-radius:20px;outline:none;padding:6px 30px 6px 12px;font-size:13px;font-weight:500}.project-selector-wrapper:after{content:"▼";pointer-events:none;color:var(--text-secondary);font-size:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.page-content{animation:fadeIn var(--transition-speed) ease-out;flex:1;padding:16px}.glass-card{background:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-speed) ease, border-color var(--transition-speed) ease;margin-bottom:16px;padding:16px;box-shadow:0 4px 30px #0003}.glass-card:hover{border-color:#ffffff26}.navbar{background:var(--secondary-bg-color,#111827);border-top:1px solid var(--card-border-color);-webkit-backdrop-filter:blur(15px);z-index:1000;grid-template-columns:repeat(3,1fr);width:100%;max-width:600px;height:64px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0006}body.telegram-theme .navbar{background:var(--tg-theme-secondary-bg-color,#111827)}.nav-item{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed) ease;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary-color)}.nav-icon{font-size:20px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.badge-running{color:var(--success-color);background:var(--success-bg)}.badge-running:before{background:var(--success-color)}.badge-off{color:var(--danger-color);background:var(--danger-bg)}.badge-off:before{background:var(--danger-color)}.badge-warning{color:var(--warning-color);background:var(--warning-bg)}.badge-warning:before{background:var(--warning-color)}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-color);color:var(--text-on-primary);box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-color);border:1px solid var(--card-border-color);background:#ffffff14}.btn-secondary:hover{background:#ffffff1f}.btn-danger{background:var(--danger-color);color:#fff;box-shadow:0 4px 14px var(--danger-bg)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{border-radius:var(--border-radius-sm);padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.server-card{position:relative;overflow:hidden}.server-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.server-name{letter-spacing:-.3px;font-size:16px;font-weight:700}.server-specs{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.server-meta-row{border-top:1px solid var(--card-border-color);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.server-ip{color:var(--primary-hover);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.server-actions-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.server-action-btn{border:1px solid var(--card-border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-color);transition:all var(--transition-speed) ease;background:#ffffff0a;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:500;display:flex}.server-action-btn:hover{border-color:var(--primary-color);background:#ffffff14}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--card-border-color);width:100%;color:var(--text-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-speed) ease;background:#0003;outline:none;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--primary-color)}.options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-box{border:1px solid var(--card-border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-speed) ease;text-align:left;background:#ffffff08;padding:12px}.option-box.selected{border-color:var(--primary-color);background:#4f46e51a;box-shadow:inset 0 0 10px #4f46e51a}.option-title{font-size:13px;font-weight:600}.option-desc{color:var(--text-secondary);font-size:11px}.tabs-header{border-bottom:1px solid var(--card-border-color);gap:16px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 4px 12px;font-size:13px;font-weight:600;position:relative}.tab-btn.active{color:var(--text-color)}.tab-btn.active:after{content:"";background:var(--primary-color);width:100%;height:2px;position:absolute;bottom:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--secondary-bg-color);border:1px solid var(--card-border-color);border-radius:var(--border-radius-lg);width:100%;max-width:450px;padding:20px;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUp;box-shadow:0 10px 40px #00000080}.modal-title{margin-bottom:10px;font-size:18px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary-color);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:1000;flex-direction:column;gap:8px;width:90%;max-width:500px;display:flex;position:fixed;top:75px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--border-radius-md);color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s slideDown;display:flex;box-shadow:0 4px 12px #0000004d}.toast-success{background-color:var(--success-color)}.toast-danger{background-color:var(--danger-color)}.toast-info{background-color:var(--info-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-item{border-bottom:1px solid var(--card-border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-item:last-child{border-bottom:none}