body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:6px;margin:2px}::-webkit-scrollbar-thumb{background:#000;border:2px solid #f5f5f5;border-radius:6px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#333}::-webkit-scrollbar-thumb:active{background:#666}*{scrollbar-color:#000 #f5f5f5;scrollbar-width:thin}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .3s ease-in,transform .3s ease-in}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .2s ease-out,transform .2s ease-out}::selection{background:#0003;color:#000}:focus-visible{outline:2px solid #000;outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background-attachment:fixed;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.App{background:#0000;flex:1 1}.App,.app-wrapper{display:flex;flex-direction:column}.app-wrapper{min-height:100vh}.app-wrapper>:not(footer){flex:1 1}.app-loading{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.app-loading p{color:#666;font-size:16px;font-weight:500}.container{flex:1 1;margin:0 auto;max-width:1800px;padding:20px 24px;width:100%}.page-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:24px}.btn-dns-management{align-items:center;background:#000;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.btn-dns-management:hover{background:#1a1a1a;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn-dns-management .btn-icon{font-size:18px}.controls-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8f8;border:1px solid #e0e0e0;border-radius:16px;margin-bottom:30px;padding:24px}.search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-input{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:15px;background-repeat:no-repeat;background-size:18px;border:1px solid #d0d0d0;border-radius:12px;color:#000;flex:1 1;font-size:14px;min-width:250px;padding:14px 18px 14px 45px;position:relative;transition:all .3s ease}.search-input::placeholder{color:#0006}.search-input:focus{background-color:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.filter-select{background:#fff;border:1px solid #d0d0d0;border-radius:12px;color:#000;cursor:pointer;font-size:14px;padding:14px 18px;transition:all .3s ease}.filter-select:focus{background:#fff;border-color:#000;outline:none}.filter-select option{background:#fff;color:#000}.refresh-btn{align-items:center;background:#000;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.refresh-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.refresh-btn:hover:before{left:100%}.refresh-btn:hover{background:#1a1a1a;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.refresh-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-icon{animation:none;display:inline-block}.refresh-btn:disabled .btn-icon{animation:spin 1s linear infinite}.cost-report-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.cost-report-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cost-report-btn:hover:before{left:100%}.cost-report-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.cost-report-btn:active{transform:translateY(0)}.btn-text{font-size:14px;font-weight:600}.error-message{background:#fee;border:1px solid #fcc;border-left:4px solid #ef4444;border-radius:12px;color:#c00;margin-bottom:20px;padding:16px 20px}.stats-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8f8;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;margin-bottom:30px;padding:24px}.stat{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.stat-label{color:#666;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#000;font-size:28px;font-weight:700}.stat-value.running{color:#10b981}.stat-value.stopped{color:#ef4444}.tabs-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8f8;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;margin-bottom:32px;padding:8px}.tab-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:#00000008;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-button:hover{color:#000;transform:translateY(-2px)}.tab-button:hover:before{opacity:1}.tab-button.active{background:#000;box-shadow:0 4px 12px #00000026;color:#fff}.tab-button.active:before{opacity:0}.tab-icon{font-size:20px;z-index:1}.tab-text{font-size:15px;z-index:1}.tab-badge{background:#0000001a;border-radius:12px;color:#000;font-size:13px;font-weight:700;min-width:32px;padding:4px 10px;text-align:center;z-index:1}.tab-button.active .tab-badge{background:#fff3;color:#fff}@media (max-width:768px){.search-filter{flex-direction:column}.search-input{width:100%}.stats-bar{flex-direction:column;gap:15px}.tabs-container{flex-direction:column;gap:8px}.tab-button{padding:14px 20px}.tab-text{font-size:14px}.btn-add-domain,.dns-actions-bar{justify-content:center}.btn-add-domain{width:100%}.modal-content{margin:20px;width:95%}.modal-footer{flex-direction:column}.btn-cancel,.btn-create{justify-content:center;width:100%}}.dns-actions-bar{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.btn-add-domain{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-add-domain:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-add-domain:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 28px}.modal-header h2{color:#000;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-close:hover{background:#f0f0f0;color:#000}.modal-body{padding:28px}.form-group{margin-bottom:24px}.form-group label{color:#333;display:block;margin-bottom:8px}.form-input,.form-select{background:#fff;border:1px solid #d0d0d0;border-radius:10px;color:#000;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.form-input::placeholder{color:#999}.form-hint{color:#666;display:block;font-size:12px;margin-top:6px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{font-size:14px;font-weight:500}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-cancel,.btn-create{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#333}.btn-cancel:hover:not(:disabled){background:#e0e0e0;color:#000}.btn-create{background:#000;box-shadow:0 2px 8px #0003;color:#fff}.btn-create:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-create:disabled{background:#ccc;cursor:not-allowed;opacity:.5;transform:none}.dns-grid{margin:16px auto 0;max-width:100%}.dns-card{border-radius:16px;gap:20px;padding:24px}.dns-name{font-size:20px;font-weight:700;margin:0;word-break:break-word}.dns-domain-badge{padding:6px 14px;white-space:nowrap}.dns-value{color:#fff}.dns-ip{color:#60a5fa}.availability-status{flex-direction:column;gap:8px}.availability-status.available{background:#10b98126;border:1px solid #10b9814d}.availability-status.unavailable{background:#ef444426;border:1px solid #ef44444d}.status-icon{font-size:18px}.server-info{display:flex;flex-direction:column;gap:4px;margin-top:4px}.server-info small{color:#fffc;font-size:12px}.dns-card-actions{border-top:1px solid #ffffff1a}.btn-check-availability,.btn-deploy,.btn-view-server{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 18px;transition:all .3s ease;white-space:nowrap}.btn-check-availability{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-check-availability:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-check-availability:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-deploy{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.btn-deploy:hover{box-shadow:0 6px 20px #10b98166}.btn-view-server{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.btn-view-server:hover{box-shadow:0 6px 20px #667eea66}.instance-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.cost-summary-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #fff3;color:#fff;display:flex;justify-content:space-around;padding:16px 20px}.cost-info{align-items:center;display:flex;flex-direction:column;gap:4px}.cost-label{font-size:.85em;font-weight:500;opacity:.9}.cost-value{font-size:1.4em;font-weight:700}.table-container{overflow-x:auto}.instances-table{border-collapse:collapse;width:100%}.instances-table thead{background:#f8f8f8;border-bottom:2px solid #e0e0e0}.instances-table th{color:#333;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.instances-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:13px;padding:10px 12px;vertical-align:middle}.instances-table tbody tr{transition:background .2s ease}.instances-table tbody tr.clickable-row{cursor:pointer}.instances-table tbody tr.clickable-row:hover{background:#f8f8f8}.instances-table tbody tr.selected{background:#f0f0f0;border-left:3px solid #000}.state-badge{align-items:center;display:inline-flex;font-size:10px;gap:5px;padding:5px 10px;white-space:nowrap}.state-running{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.state-stopped{background:#ffebee;border-color:#ef5350;color:#c62828}.state-pending{background:#fff9e6;border-color:#ffa726;color:#f57c00}.state-stopping{background:#fff3e0;border-color:#ff9800;color:#e65100}.state-terminated{background:#f5f5f5;border-color:#9e9e9e;color:#616161}.state-unknown{background:#f5f5f5;border-color:#bdbdbd;color:#757575}.cloud-badge{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:6px;color:#333;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.instance-id{color:#666;font-family:Courier New,monospace;font-size:11px}.action-buttons{flex-wrap:wrap;gap:6px}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;gap:4px;padding:7px 12px;transition:all .2s ease;white-space:nowrap}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-start,.btn-stop{color:#fff}.btn-command{background:#000;color:#fff}.btn-command:hover{background:#333}.loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;min-height:300px;padding:40px 20px}.spinner-wrapper{margin-bottom:20px}.spinner,.spinner-wrapper{height:60px;position:relative;width:60px}.spinner{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-right:4px solid #f0f0f0;border-top:4px solid #f0f0f0;border-color:#000 #333 #f0f0f0 #f0f0f0;border-style:solid;border-width:4px;z-index:2}.spinner-glow{animation:pulse-glow 2s ease-in-out infinite;background:radial-gradient(circle,#0000001a,#0000);border-radius:50%;height:80px;left:0;position:absolute;top:0;width:80px}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.loading-title{color:#000;font-size:24px;font-weight:700;margin-bottom:12px}.loading-text{color:#666;font-size:16px;margin-bottom:20px}.loading-dots{display:flex;gap:8px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:#000;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}}.empty-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.4}.empty-state h3{color:#000;font-size:28px;font-weight:700;margin-bottom:12px}.empty-state p{color:#666;font-size:16px;margin-bottom:8px}.empty-hint{color:#999;font-size:14px}.instances-table td:nth-child(6),.instances-table td:nth-child(7){color:#555;font-family:Courier New,monospace;font-size:11px}.cost-cell{font-weight:600;text-align:right}.cost-active{color:#27ae60;font-size:.95em}.cost-zero{color:#95a5a6;font-size:.9em}.cost-loading{color:#bdc3c7;font-size:.9em}@media (max-width:768px){.instances-table td,.instances-table th{font-size:10px;padding:12px}.action-buttons{flex-direction:column}.btn{width:100%}.cost-summary-banner{flex-direction:column;gap:12px}.cost-info{flex-direction:row;justify-content:space-between;width:100%}}.command-executor-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-executor{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.command-header{align-items:flex-start;background:#000;border-bottom:2px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:18px 24px}.command-header h3{font-size:22px;margin-bottom:8px}.instance-info{font-size:14px;line-height:1.6;opacity:.9}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.command-body{flex:1 1;overflow-y:auto;padding:25px}.quick-commands{margin-bottom:25px}.quick-commands h4{color:#333;font-size:16px;margin-bottom:12px}.command-buttons{display:flex;flex-wrap:wrap;gap:10px}.quick-cmd-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.quick-cmd-btn:hover{background:#e9ecef;border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.command-input-section{margin-bottom:25px}.command-input-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.command-input{border:2px solid #dee2e6;border-radius:8px;font-family:Courier New,monospace;padding:12px;resize:vertical;transition:all .3s ease}.command-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.command-actions{gap:10px;margin-top:12px}.execute-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.execute-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.execute-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.clear-btn{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.clear-btn:hover{background:#e9ecef;border-color:#adb5bd}.loading-output{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:40px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#4caf50;height:40px;width:40px}.output-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.output-header{margin-bottom:15px}.output-header h4{color:#333;font-size:16px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.status-badge.success{background:#d4edda;color:#155724}.status-badge.error{background:#f8d7da;color:#721c24}.error-content,.output-content{margin-bottom:15px}.error-content h5,.output-content h5{color:#495057;font-size:14px;margin-bottom:8px}.error-content pre,.output-content pre{background:#282c34;max-height:300px}.command-meta{background:#fff;border-radius:6px;margin-bottom:10px;padding:12px}.command-meta p{color:#495057;font-size:13px;margin:5px 0}.info-message{background:#d1ecf1;border-left:4px solid #17a2b8;border-radius:6px;color:#0c5460;font-size:14px;margin-bottom:10px;padding:12px}.error-help{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;margin-top:15px;padding:15px}.error-help p{font-size:13px;line-height:1.5;margin:5px 0}@media (max-width:768px){.command-executor{border-radius:0;max-height:100vh;max-width:100%}.command-buttons{flex-direction:column}.quick-cmd-btn{width:100%}.command-actions{flex-direction:column}.clear-btn,.execute-btn{width:100%}}.password-status{align-items:center;background:#d4edda;border-radius:6px;color:#155724;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-top:10px;padding:10px 15px}.clear-password-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.clear-password-btn:hover{background:#218838}.password-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.password-dialog{animation:slideUp .3s ease;box-shadow:0 10px 40px #0006;max-width:450px;width:100%}.password-dialog-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.password-dialog-header h4{font-size:18px;margin:0}.dialog-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.dialog-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.password-dialog-body{padding:25px}.password-dialog-body p{color:#333;font-size:14px;margin:0 0 15px}.ssh-details{background:#f8f9fa;border-radius:6px;color:#495057;font-family:Courier New,monospace;font-size:13px;line-height:1.6;padding:12px}.password-input-group{margin:20px 0}.password-input-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.password-input{border:2px solid #dee2e6;transition:all .3s ease}.password-dialog-actions{display:flex;gap:10px;margin-top:20px}.password-submit-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.password-submit-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.password-submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.password-cancel-btn{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.password-cancel-btn:hover{background:#e9ecef;border-color:#adb5bd}.password-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin-top:15px;padding:12px}.password-note small{color:#856404;font-size:12px;line-height:1.5}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-bottom:2px solid #000;box-shadow:0 2px 8px #0000001a;color:#000;margin-bottom:0;padding:24px 20px}.header-content{flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:16px}.logo-img{height:45px;transition:all .3s ease;width:auto}.logo-img:hover{transform:scale(1.02)}.header-title{color:#000;font-size:18px;font-weight:600;letter-spacing:.5px}.title-group{display:flex;flex-direction:column;gap:4px}.header h1{color:#000;font-size:32px;font-weight:800;letter-spacing:2px;margin:0}.subtitle{color:#666;font-size:12px;font-weight:500;letter-spacing:1.5px;margin:0;text-transform:uppercase}.header-nav,.nav-link{display:flex;gap:8px}.nav-link{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.nav-link:hover{background:#f0f0f0;border-color:#d0d0d0;color:#000;transform:translateY(-1px)}.nav-link.active{background:#000;border-color:#000;color:#fff}.nav-link span{font-size:16px}.header-actions{gap:20px}.user-section{align-items:center;border-left:1px solid #e0e0e0;display:flex;gap:12px;padding-left:20px}.user-name{color:#000;font-size:14px;font-weight:500}.btn-logout{align-items:center;background:#000;border:1px solid #000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-logout:hover{background:#333;border-color:#333}.status-indicator{align-items:center;background:#e8f5e9;border:1px solid #4caf50;border-radius:20px;color:#2e7d32;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.status-dot{animation:blink 2s ease-in-out infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.header-content{flex-wrap:wrap}.header-nav{margin-top:12px;order:3;width:100%}.nav-link{flex:1 1;justify-content:center}}@media (max-width:768px){.header{padding:20px 16px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.logo-img{height:35px}.header h1{font-size:24px}.subtitle{font-size:11px}.header-nav{width:100%}.header-actions{justify-content:flex-start;width:100%}.status-indicator{font-size:12px;padding:6px 12px}}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f8f8;border-top:2px solid #000;margin-top:80px;padding:60px 20px 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 40px;max-width:1400px}.footer-section h4{color:#000;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{color:#666;cursor:pointer;font-size:14px;margin-bottom:10px;transition:all .3s ease}.footer-section ul li:hover{color:#000;transform:translateX(5px)}.footer-brand{align-items:center;display:flex;gap:16px}.footer-logo{height:40px;width:auto}.footer-brand h3{color:#000;font-size:24px;font-weight:800;letter-spacing:2px;margin:0 0 4px}.footer-brand p{color:#666;font-size:12px;letter-spacing:1px;margin:0;text-transform:uppercase}.footer-social{display:flex;gap:12px;margin-top:12px}.footer-social a{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-social a:hover{background:#000;border-color:#000;box-shadow:0 4px 15px #0003;color:#fff;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #e0e0e0;margin:0 auto;max-width:1400px;padding-top:30px;text-align:center}.footer-bottom p{color:#666;font-size:14px;margin:8px 0}.footer-tagline{color:#999;font-size:13px;font-style:italic}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr}.footer{padding:40px 20px 20px}}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumb-item{font-size:13px}.breadcrumb-item,.breadcrumb-link{color:#666;transition:all .3s ease}.breadcrumb-link{background:#f0f0f0;border-radius:6px;padding:6px 10px;text-decoration:none}.breadcrumb-link:hover{background:#e0e0e0;color:#000;transform:translateX(-2px)}.breadcrumb-current{background:#e0e0e0;border-radius:6px;color:#000;font-weight:600;padding:6px 10px}.breadcrumb-separator{color:#999;font-size:13px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.breadcrumb,.breadcrumb-item{font-size:13px}}.server-detail-page{background:#0000;min-height:100vh;padding:16px 24px}.detail-header{margin:0 auto 16px}.instance-info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:0;margin:0 auto 16px;max-width:1800px;overflow:hidden}.info-section{border-right:1px solid #e0e0e0;flex:1 1;padding:20px}.actions-section{background:#f8f8f8;display:flex;flex-direction:column;justify-content:center;padding:20px;width:250px}.info-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.info-header h2{color:#000;font-size:20px;font-weight:700;margin:0}.state-badge{border:1px solid;border-radius:20px;color:#fff;font-size:13px;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.info-item .label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item .value{color:#000;font-size:14px;font-weight:500}.dns-item{grid-column:1/-1}.dns-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:8px}@media (max-width:768px){.dns-list{grid-template-columns:1fr}}.dns-name{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.dns-name,.dns-name a{color:#000;font-weight:500}.dns-name a{text-decoration:none}.dns-name a:hover{color:#333}.dns-icon{color:#666;font-size:14px}.dns-text{flex:1 1;font-size:13px}.dns-arrow{color:#666;font-size:12px;opacity:0;transition:all .2s ease}.dns-name:hover{background:#f0f0f0;border-color:#000;box-shadow:0 1px 4px #0000001a}.dns-name:hover .dns-arrow{opacity:1}.dns-loading,.no-dns{color:#999;font-size:13px;font-style:italic}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;text-align:center;transition:all .3s ease;width:100%}.btn-start{background:#4caf50;box-shadow:0 2px 8px #4caf504d}.btn-start:hover{background:#388e3c;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-stop{background:#ef5350;box-shadow:0 2px 8px #ef53504d}.btn-stop:hover{background:#c62828;box-shadow:0 4px 12px #ef535066;transform:translateY(-2px)}.btn-restart{background:#ff9800;box-shadow:0 2px 8px #ff98004d}.btn-restart:hover{background:#f57c00;box-shadow:0 4px 12px #ff980066}.dns-management-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto 16px;max-width:1800px;padding:20px}.dns-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.dns-header h3{color:#000;font-size:15px;font-weight:600;margin:0}.dns-loading-state,.no-dns-state{background:#f8f8f8;border:1px dashed #d0d0d0;border-radius:6px;color:#666;font-size:13px;padding:12px;text-align:center}.dns-form-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto 16px;max-width:1800px;padding:20px}.btn-add-dns{background:#000;border:1px solid #000;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.btn-add-dns:hover{background:#333;border-color:#333}.add-dns-form{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:20px}.add-dns-form h3{color:#000;font-size:18px;font-weight:700;margin:0 0 16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.form-group label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.dns-input,.dns-select{background:#fff;border:1px solid #d0d0d0;border-radius:8px;color:#000;font-size:14px;padding:10px 12px;transition:all .3s ease}.dns-input::placeholder{color:#999}.dns-select option{background:#fff;color:#000}.dns-input:focus,.dns-select:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-save{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:12px;box-shadow:0 4px 15px #06b6d44d;font-size:15px;padding:14px 28px;transition:all .3s ease}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-cancel-form{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;color:#333;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-cancel-form:hover{background:#e0e0e0;border-color:#000}.commands-section{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;margin:0 auto 16px}.section-header{margin-bottom:28px}.section-header h2{font-size:24px}.btn-add-command{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-add-command:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.add-command-form{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:30px;padding:24px}.add-command-form h3{color:#000;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:0}.command-input{background:#fff;border:1px solid #d0d0d0;border-radius:12px;color:#000;font-size:14px;margin-bottom:16px;padding:14px;width:100%}.command-input::placeholder{color:#999}.command-textarea{background:#fff;border:1px solid #d0d0d0;color:#000;font-family:Courier New,monospace;margin-bottom:16px;min-height:80px;width:100%}.command-textarea::placeholder{color:#999}.command-input:focus,.command-textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.form-buttons{display:flex;gap:12px}.btn-save{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-save:hover{background:#45a049}.btn-cancel{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#e9ecef}.command-category{margin-bottom:30px}.command-category h3{border-bottom:2px solid #f0f0f0;color:#555;font-size:18px;margin-bottom:15px;padding-bottom:10px}.command-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.command-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px;transition:all .2s}.command-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.command-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.command-label{color:#333;font-size:14px;font-weight:600}.command-actions{display:flex;gap:5px}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;padding:4px;transition:opacity .2s}.btn-icon:hover{opacity:1}.command-code{background:#2d2d2d;border-radius:6px;color:#abb2bf;font-family:Courier New,monospace;font-size:12px;margin-bottom:10px;overflow-x:auto;padding:10px;white-space:nowrap}.btn-execute-small{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .2s;width:100%}.btn-execute-small:hover:not(:disabled){background:#0b7dda}.btn-execute-small:disabled{cursor:not-allowed;opacity:.5}.custom-command-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto 16px;max-width:1800px;padding:20px}.custom-command-section h2{color:#333;margin-bottom:20px;margin-top:0}.custom-command-input{border:2px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:14px;margin-bottom:15px;padding:15px;resize:vertical;width:100%}.custom-command-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-execute-main{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s}.btn-execute-main:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.btn-execute-main:disabled{cursor:not-allowed;opacity:.5;transform:none}.output-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto 16px;max-width:1800px;padding:20px}.output-section h2{color:#333;margin-bottom:20px;margin-top:0}.output-container{border-radius:8px;overflow:hidden}.output-container.success{border:2px solid #4caf50}.output-container.error{border:2px solid #f44336}.output-header{align-items:center;background:#f8f9fa;display:flex;justify-content:space-between;padding:15px}.status{border-radius:6px;font-weight:600;padding:6px 12px}.status.success{background:#d4edda;color:#155724}.status.error{background:#f8d7da;color:#721c24}.host{color:#666;font-family:Courier New,monospace;font-size:13px}.error-content,.output-content{padding:20px}.error-content h4,.output-content h4{color:#555;font-size:14px;margin-bottom:10px;margin-top:0}.error-content pre,.output-content pre{background:#2d2d2d;border-radius:6px;color:#abb2bf;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:15px}.error-content pre{background:#2d1f1f;color:#fcc}.password-overlay{background:#0009}.password-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:30px;width:90%}.password-dialog h3{color:#333;margin-bottom:15px;margin-top:0}.password-dialog p{color:#666;margin-bottom:20px}.password-input{border:2px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px;width:100%}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dialog-buttons{gap:10px}.btn-submit{background:#4caf50;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-submit:hover{background:#45a049}.error-page,.loading-page{align-items:center;color:#666;display:flex;flex-direction:column;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:768px){.instance-info-card{flex-direction:column}.info-section{border-bottom:1px solid #e0e0e0;border-right:none}.actions-section{width:100%}.command-grid,.info-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.dns-header{align-items:stretch;flex-direction:column;gap:12px}.dns-header .btn-add-dns{width:100%}}.dns-detail-page{margin:0 auto;max-width:100%;min-height:100vh;padding:16px 24px}.detail-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:1800px}.detail-header>div:first-child{flex:1 1}.header-actions{align-items:center;display:flex;gap:12px}.detail-header h1{color:#000;font-size:24px;font-weight:700;line-height:1.3;margin:0}.server-info{color:#666;font-size:14px;margin:4px 0 0}.btn-refresh{background:#000;border:1px solid #000;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-refresh:hover:not(:disabled){background:#333;border-color:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6;transform:none}.dns-info-section{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1800px}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:0;overflow:hidden}.info-content{border-right:1px solid #e0e0e0;flex:1 1;padding:20px}.info-actions{align-items:stretch;background:#f8f8f8;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px;width:200px}.info-card h2{color:#000;font-size:20px;font-weight:700;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-item{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:14px}.config-label,.info-item .label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.config-value,.info-item .value{color:#000;font-size:14px;font-weight:500}.dns-link{margin-top:16px}.btn-visit{background:#000;border-radius:6px;color:#fff;display:block;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.btn-visit:hover{background:#333}.nginx-config-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto 16px;max-width:1800px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{color:#000;font-size:20px;font-weight:700;margin:0}.btn-restart{background:#ef5350;border:none;border-radius:8px;box-shadow:0 2px 8px #ef53504d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-restart:hover{background:#c62828;box-shadow:0 4px 12px #ef535066;transform:translateY(-2px)}.config-details{grid-gap:14px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;padding:20px}.config-item{display:flex;flex-direction:column;gap:6px}.config-content{margin-top:16px}.config-content h3{color:#000;font-size:18px;font-weight:700;margin:0 0 12px}.config-content pre{background:#2d2d2d;border:1px solid #1a1a1a;border-radius:8px;color:#e8e8e8;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.6;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto 16px;max-width:1800px;padding:20px}.upload-section h2{color:#000;font-size:20px;font-weight:700;margin:0 0 16px}.upload-section p{color:#666;font-size:14px;margin:0 0 16px}.upload-form{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.file-input{display:none}.file-label{background:#f8f8f8;border:2px dashed #d0d0d0;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-weight:600;min-width:200px;padding:12px 24px;text-align:center;transition:all .3s ease}.file-label:hover{background:#ffffff1f;border-color:#8b5cf699;box-shadow:0 4px 16px #8b5cf633}.btn-upload{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 15px #06b6d44d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.btn-upload:hover:not(:disabled){box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px)}.btn-upload:disabled{cursor:not-allowed;opacity:.5;transform:none}.upload-result{animation:slideIn .3s ease;border:1px solid;border-radius:12px;margin-top:24px;padding:20px 24px}.upload-result.success{background:#10b98126;border-color:#10b9814d;color:#34d399}.upload-result.error{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.upload-result h3{font-size:18px;font-weight:700;margin:0 0 10px}.upload-result p{font-size:14px;margin:5px 0}.password-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-dialog{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #00000080;min-width:380px;padding:36px}.password-dialog h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 24px}.password-dialog input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:24px;padding:14px;transition:all .3s ease;width:100%}.password-dialog input::placeholder{color:#fff6}.password-dialog input:focus{background:#ffffff1f;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.dialog-buttons{display:flex;gap:12px}.btn-cancel,.btn-submit{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-cancel{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.btn-cancel:hover{background:#ffffff1f;border-color:#ffffff40}.error,.loading{color:#ffffffb3;font-size:18px;padding:60px 40px;text-align:center}.directory-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.directory-selector label{color:#fffc;font-size:14px;font-weight:600;letter-spacing:.5px}.directory-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:14px;padding:14px;transition:all .3s ease}.directory-input::placeholder{color:#fff6}.directory-input:focus{background:#ffffff1f;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.commands-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-left:auto;margin-right:auto;margin-top:16px;max-width:1800px;padding:20px;width:100%}.btn-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-toggle:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.custom-command,.quick-commands{margin-top:24px}.custom-command h3,.quick-commands h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 18px}.command-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:100%}.command-btn{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:16px 18px;text-align:left;transition:all .3s ease}.command-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.command-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.command-label{font-size:15px;font-weight:700;margin-bottom:6px}.command-category{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.85;text-transform:uppercase}.command-input-group{align-items:flex-start;display:flex;gap:12px}.command-textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:14px;min-height:100px;padding:14px;resize:vertical;transition:all .3s ease}.command-textarea::placeholder{color:#fff6}.command-textarea:focus{background:#ffffff1f;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.btn-execute{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.btn-execute:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-execute:disabled{cursor:not-allowed;opacity:.5;transform:none}.command-output{animation:slideIn .3s ease;border:1px solid;border-radius:12px;box-sizing:border-box;margin-top:24px;padding:24px;width:100%}.command-output.success{background:#10b98126;border-color:#10b9814d}.command-output.error{background:#ef444426;border-color:#ef44444d}.command-output h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 14px}.command-output pre{word-wrap:break-word;background:#0006;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.8;margin:0;max-height:600px;overflow-x:auto;overflow-y:auto;padding:20px;white-space:pre-wrap;width:100%}@media (max-width:768px){.info-card{flex-direction:column}.info-content{border-bottom:1px solid #e0e0e0;border-right:none}.info-actions{width:100%}.config-details,.info-grid{grid-template-columns:1fr}.upload-form{flex-direction:column}.file-label{width:100%}.command-grid{grid-template-columns:1fr}.command-input-group{flex-direction:column}.btn-execute{width:100%}}.dns-management-page{min-height:100vh;padding:20px 24px}.page-header{margin:0 auto 20px;max-width:1800px}.page-header h1{color:#000;font-size:24px;font-weight:700;line-height:1.3;margin:0}.header-top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.header-top>div{flex:1 1}.page-subtitle{color:#666;font-size:14px;line-height:1.4;margin:4px 0 0}.btn-back{background:#000;border:1px solid #000;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-back:hover{background:#333;border-color:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.dns-controls{margin:0 auto 24px;max-width:1800px}.dns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1800px}.dns-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.dns-card:hover{border-color:#000;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.dns-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.dns-name-section{flex:1 1;min-width:0}.dns-title{color:#000;font-size:20px;font-weight:700;margin:0 0 8px;word-break:break-word}.dns-domain-badge{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;color:#333;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.dns-type-badge{background:#e3f2fd;border:1px solid #2196f3;border-radius:12px;color:#1976d2;font-size:13px;font-weight:600;padding:6px 16px;white-space:nowrap}.dns-card-body{display:flex;flex:1 1;flex-direction:column;gap:12px}.dns-info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.dns-info-row:last-child{border-bottom:none}.dns-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dns-value{color:#000;font-family:Courier New,monospace;font-size:14px;font-weight:500}.availability-status{align-items:flex-start;animation:slideIn .3s ease;border-radius:12px;display:flex;gap:12px;margin-top:8px;padding:16px}.availability-status.available{background:#e8f5e9;border:1px solid #4caf50}.availability-status.unavailable{background:#ffebee;border:1px solid #ef5350}.status-icon{flex-shrink:0;font-size:20px}.availability-status.available .status-icon{color:#2e7d32}.availability-status.unavailable .status-icon{color:#c62828}.status-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.status-text{color:#000;font-size:14px;font-weight:500}.instance-info{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.instance-name{color:#000;font-size:13px;font-weight:600}.instance-state{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.dns-card-actions{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.btn-check,.btn-deploy,.btn-view-server{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-check{background:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff}.btn-check:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.btn-check:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;display:inline-block}.btn-deploy{background:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.btn-deploy:hover{background:#388e3c;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-view-server{background:#000;box-shadow:0 2px 8px #0000004d;color:#fff}.btn-view-server:hover{background:#333;box-shadow:0 4px 12px #0006;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.dns-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.dns-management-page{padding:20px 16px}.header-top{flex-direction:column;gap:12px}.dns-grid{grid-template-columns:1fr}.dns-card-actions{flex-direction:column}.btn-check,.btn-deploy,.btn-view-server{min-width:0;width:100%}}.cost-report{margin:0 auto;max-width:1400px;padding:20px}.cost-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.cost-header h1{color:#2c3e50;font-size:2em;margin:0}.refresh-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background .3s}.refresh-btn:hover{background:#2980b9}.tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1em;padding:12px 24px;transition:all .3s}.tab.active,.tab:hover{color:#3498db}.tab.active{border-bottom-color:#3498db;font-weight:600}.cost-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.cost-card h2{color:#2c3e50;font-size:1.8em;margin:0 0 20px}.cost-card h3{color:#34495e;font-size:1.3em;margin:0 0 16px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-card h2{color:#fff}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:16px}.summary-item.highlight{background:#fff3;border:2px solid #ffffff4d}.summary-item label{display:block;font-size:.9em;margin-bottom:8px;opacity:.9}.summary-item .amount{display:block;font-size:1.8em;font-weight:700}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{grid-gap:16px;align-items:center;background:#f8f9fa;border-radius:6px;display:grid;gap:16px;grid-template-columns:1fr auto auto;padding:12px;transition:background .2s}.breakdown-item:hover{background:#e9ecef}.breakdown-label{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:8px}.breakdown-amount{color:#27ae60;font-size:1.1em;font-weight:700}.breakdown-percentage{color:#7f8c8d;font-size:.9em;min-width:60px;text-align:right}.cloud-badge{background:#3498db;color:#fff}.cloud-badge,.state-badge{border-radius:12px;font-size:.85em;font-weight:600;padding:4px 12px}.state-badge.state-running{background:#d4edda;color:#155724}.state-badge.state-stopped{background:#f8d7da;color:#721c24}.instance-type{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 8px}.instance-count{color:#7f8c8d;font-size:.85em}.instance-table table,.projection-table table{border-collapse:collapse;margin-top:12px;width:100%}.instance-table th,.projection-table th{background:#34495e;color:#fff;font-size:.9em;font-weight:600;padding:12px;text-align:left}.instance-table td,.projection-table td{border-bottom:1px solid #e0e0e0;padding:12px}.instance-table tbody tr,.projection-table tbody tr{transition:background .2s}.instance-table tbody tr:hover{background:#f8f9fa;cursor:pointer}.instance-table tbody tr.zero-cost{opacity:.6}.instance-table td small{color:#7f8c8d;font-size:.85em}.projection-controls{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:16px}.projection-controls label{color:#2c3e50;font-weight:600}.projection-controls select{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1em;padding:8px 16px;transition:border-color .3s}.projection-controls select:hover{border-color:#3498db}.projection-controls select:focus{border-color:#3498db;outline:none}.cost-disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:20px;padding:16px}.cost-disclaimer p{color:#856404;line-height:1.6;margin:0}.error-message,.loading{padding:60px 20px;text-align:center}.loading{color:#7f8c8d;font-size:1.2em}.error-message{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-message h3{color:#e74c3c;margin-bottom:12px}.error-message p{color:#7f8c8d;margin-bottom:20px}.error-message button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;padding:10px 24px;transition:background .3s}.error-message button:hover{background:#2980b9}@media (max-width:768px){.cost-header{align-items:flex-start;flex-direction:column;gap:16px}.breakdown-item,.summary-grid{grid-template-columns:1fr}.breakdown-item{gap:8px}.breakdown-percentage{text-align:left}.instance-table,.projection-table,.tabs{overflow-x:auto}}.monitoring-page{margin:0 auto;max-width:1400px;padding:20px}.monitoring-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.monitoring-header h1{color:#2c3e50;font-size:1.8em;margin:0}.monitoring-header .btn-back{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95em;padding:8px 16px}.monitoring-header .btn-back:hover{background:#7f8c8d}.monitoring-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:20px}.monitoring-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1em;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.monitoring-tabs button:hover{color:#3498db}.monitoring-tabs button.active{border-bottom-color:#3498db;color:#3498db;font-weight:600}.monitoring-error{background:#fee;border-radius:6px;color:#c00;margin-bottom:16px;padding:12px 16px}.utilization-controls{align-items:center;display:flex;gap:24px;margin-bottom:20px}.utilization-controls label{align-items:center;display:flex;gap:8px}.utilization-controls select{border:1px solid #ddd;border-radius:6px;font-size:.95em;padding:8px 12px}.utilization-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.utilization-cards h2{color:#2c3e50;font-size:1.3em;grid-column:1/-1;margin:0 0 8px}.metric-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.metric-card h3{color:#34495e;font-size:1em;margin:0 0 12px}.metric-summary{color:#2c3e50;font-size:1.1em;margin-bottom:12px}.metric-chart{align-items:flex-end;display:flex;gap:2px;height:60px}.metric-chart .chart-bar{background:#3498db;border-radius:2px 2px 0 0;flex:1 1;min-width:4px;transition:height .2s}.no-data{color:#7f8c8d;font-style:italic;margin:20px 0}.loading-container{display:flex;justify-content:center;padding:40px}.spinner{animation:spin .8s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.spinner.small{border-width:2px;height:24px;width:24px}.logs-section{display:flex;gap:24px;min-height:400px}.logs-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:0 0 280px;padding:16px}.logs-sidebar h3{color:#2c3e50;font-size:1em;margin:0 0 12px}.log-group-list{list-style:none;margin:0;padding:0}.log-group-list li{border-radius:4px;cursor:pointer;font-size:.9em;padding:8px 12px;word-break:break-all}.log-group-list li:hover{background:#f0f0f0}.log-group-list li.selected{background:#3498db;color:#fff}.logs-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px}.logs-content h3{color:#2c3e50;font-size:.95em;margin:0 0 12px;word-break:break-all}.log-events{flex:1 1;font-family:monospace;font-size:.85em;overflow-y:auto}.log-event{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:12px;padding:6px 0}.log-event-ts{color:#7f8c8d;flex:0 0 180px;font-size:.9em}.log-event-msg{white-space:pre-wrap;word-break:break-all}.load-more-logs{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;margin-top:12px;padding:8px 16px}.load-more-logs:hover{background:#2980b9}.login-page{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{height:60px;margin-bottom:16px;width:auto}.login-header h1{color:#000;font-size:24px;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{align-items:center;background:#fff3f3;border:1px solid #fcc;border-radius:8px;color:#c00;display:flex;font-size:14px;gap:8px;padding:12px 16px}.error-icon{font-size:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#000;font-size:14px;font-weight:600}.form-group input{background:#fff;border:1px solid #d0d0d0;border-radius:8px;color:#000;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.login-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .2s ease}.login-button:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#ccc;cursor:not-allowed}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px;text-align:center}.login-footer p{color:#666;font-size:13px;margin:0}@media (max-width:768px){.login-container{padding:32px 24px}.login-logo{height:50px}.login-header h1{font-size:20px}}
/*# sourceMappingURL=main.0b847152.css.map*/