:root{--color-primary: #367BD6;--color-primary-hover: #2A63B8;--color-primary-light: #5A94E0;--color-primary-dark: #1E4A8A;--color-accent: #FF6B35;--color-accent-hover: #FF5722;--color-accent-light: #FF8A65;--color-accent-dark: #E64A19;--color-success: #10B981;--color-success-hover: #059669;--color-warning: #F59E0B;--color-warning-hover: #D97706;--color-error: #EF4444;--color-error-hover: #DC2626;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-tertiary: #6B7280;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-border: #E5E7EB}: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:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}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:var(--color-primary)}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:var(--color-primary-hover)}button{background-color:#f9f9f9}}.left-nav{position:relative;height:100%;width:70px;background:#111827cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(75,85,99,.4);box-shadow:2px 0 8px #00000026;flex-shrink:0;z-index:5}.nav-list{list-style:none;padding:20px 0 0;margin:0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;cursor:pointer;transition:all .2s;color:var(--color-gray-300);position:relative}.nav-item:hover{background:#37415180;color:#fff}.nav-item.active{background:#06f3;border-right:3px solid var(--color-primary);color:#fff;box-shadow:inset 0 0 20px #0066ff1a}.nav-item.active:hover{background:#0066ff4d}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:12px;right:12px;background-color:var(--color-accent);color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 2px 4px #ff6b354d}.user-menu{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#367bd6,#5a94e0);color:#fff;border:2px solid white;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #367bd64d}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #367bd666}.user-avatar:active{transform:scale(.98)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:16px;background:linear-gradient(135deg,#367bd6,#5a94e0);color:#fff}.user-menu-name{font-weight:600;font-size:16px;margin-bottom:4px;word-break:break-word}.user-menu-email{font-size:13px;opacity:.9;word-break:break-word}.user-menu-divider{height:1px;background:#e9ecef;margin:0}.user-menu-info{padding:12px 16px}.user-menu-label{font-size:11px;text-transform:uppercase;color:#6c757d;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.user-menu-value{font-size:14px;color:#212529;font-weight:500}.user-menu-logout{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#dc3545;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease;font-weight:500}.user-menu-logout:hover{background-color:#f8f9fa}.logout-icon{font-size:16px}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;margin:0;background:#111827cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026;z-index:10}.header-branding{display:flex;align-items:center;gap:.75rem;margin-left:-13px}.header-logo{height:40px;width:auto;object-fit:contain}.header-divider{width:1px;height:30px;background:#ffffff4d}.header-info h2{margin:0;color:#fff;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-user{display:flex;align-items:center;gap:1rem}.user-info{color:var(--color-gray-300);font-weight:500}.login-btn,.logout-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.login-btn{background:var(--color-primary);color:#fff}.logout-btn{background:var(--color-error);color:#fff}.login-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0066ff4d}.logout-btn:hover{background:var(--color-error-hover);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.main-content{flex:1;overflow-y:auto;background:linear-gradient(135deg,#367bd61f,#367bd614)}.editable-name{display:flex;align-items:center;gap:8px;flex:1}.editable-name.disabled{cursor:default}.editable-name .instance-name{margin:0;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;flex:1;min-width:0;word-break:break-word}.editable-name:not(.disabled) .instance-name:hover{background-color:#0000000d}.editable-name.disabled .instance-name{cursor:default}.editable-name .edit-icon{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;font-size:14px;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.editable-name .edit-icon:hover{background-color:#367bd61a;color:var(--color-primary-hover);transform:scale(1.1)}.editable-name.editing{flex-direction:column;align-items:stretch;gap:4px}.editable-name .name-input{padding:8px;border:2px solid #007bff;border-radius:4px;font-size:16px;font-weight:600;outline:none;width:100%;box-sizing:border-box}.editable-name .name-input:disabled{opacity:.6;cursor:not-allowed}.editable-name .edit-actions{display:flex;gap:4px;justify-content:flex-end}.editable-name .save-btn,.editable-name .cancel-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.editable-name .save-btn{background-color:#28a745;color:#fff}.editable-name .save-btn:hover:not(:disabled){background-color:#218838}.editable-name .cancel-btn{background-color:#6c757d;color:#fff}.editable-name .cancel-btn:hover:not(:disabled){background-color:#5a6268}.editable-name .save-btn:disabled,.editable-name .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.instance-menu{position:relative}.instance-menu .menu-button{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:20px;line-height:1;color:#6c757d;transition:background-color .2s,color .2s}.instance-menu .menu-button:hover{background-color:#0000001a;color:#495057}.instance-menu .menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:160px;z-index:1000;overflow:hidden}.instance-menu .menu-item{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#212529;transition:background-color .2s;white-space:nowrap}.instance-menu .menu-item:hover:not(:disabled){background-color:#f8f9fa}.instance-menu .menu-item:disabled{color:#6c757d;cursor:not-allowed;opacity:.6}.instance-menu .menu-divider{height:1px;background-color:#dee2e6;margin:4px 0}.instance-menu .menu-item-danger{color:#dc3545}.instance-menu .menu-item-danger:hover:not(:disabled){background-color:#f8d7da;color:#c82333}.instance-menu .menu-item-hint{padding:4px 16px;font-size:11px;color:#6c757d;font-style:italic;background-color:#f8f9fa}.temporary-access-loading{display:flex;align-items:center;gap:8px;padding:12px;font-size:13px;color:#666;background-color:#f9f9f9;border-radius:6px;margin-top:12px}.temporary-access-list{margin-top:12px;padding:12px;background-color:#f0f7ff;border:1px solid #b3d9ff;border-radius:6px}.temporary-access-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;color:#1976d2}.temporary-access-header .access-icon{font-size:14px}.temporary-access-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px;background-color:#fff;border:1px solid #d0e7ff;border-radius:4px;margin-bottom:8px;transition:border-color .2s}.temporary-access-item:last-child{margin-bottom:0}.temporary-access-item:hover{border-color:#90c9ff}.access-info{flex:1;min-width:0}.access-protocol{font-size:13px;font-weight:600;color:#1565c0;margin-bottom:6px}.access-details{display:flex;flex-direction:column;gap:4px;font-size:12px}.access-details>div{display:flex;align-items:center;gap:6px}.access-details .label{color:#666;font-weight:500;min-width:50px}.access-details .value{color:#333;font-family:Courier New,monospace;font-size:11px}.access-ip .value{background-color:#f5f5f5;padding:2px 6px;border-radius:3px}.access-expiration .expires-soon{color:#f57c00;font-weight:500}.access-expiration .expires-critical{color:#d32f2f;font-weight:600}.access-expiration .expired{color:#999;text-decoration:line-through}.access-creator .value{font-family:inherit;font-size:12px;color:#666}.revoke-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;cursor:pointer;transition:all .2s;color:#c62828}.revoke-btn:hover:not(:disabled){background-color:#ffcdd2;border-color:#ef9a9a}.revoke-btn:disabled{opacity:.6;cursor:not-allowed}.revoke-btn svg{stroke-width:2.5}.skeleton-card .instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-name{height:24px;width:200px}.skeleton-header-right{display:flex;gap:8px;align-items:center}.skeleton-badge{height:24px;width:80px;border-radius:12px}.skeleton-menu{height:24px;width:24px;border-radius:4px}.skeleton-card .instance-details{margin-bottom:16px}.skeleton-card .detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.skeleton-label{height:14px;width:100px}.skeleton-value{height:16px;width:150px}.skeleton-card .instance-actions{display:flex;gap:8px;height:14px;width:140px}.skeleton-icon-btn{height:36px;width:36px;border-radius:4px}.modal-backdrop{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#111827f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0006;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#ffffffb3;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:20px}.warning-banner,.success-banner{display:flex;gap:12px;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px}.warning-banner{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.success-banner{background-color:#d4edda;border:1px solid #28a745;color:#155724}.warning-icon,.success-icon{font-size:18px;flex-shrink:0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#fff}.required{color:#fc8181}.form-input,.form-textarea{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box;background:#ffffff0d;color:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #367bd633}.form-input:disabled,.form-textarea:disabled{background-color:#ffffff05;cursor:not-allowed;opacity:.5}.form-textarea{resize:vertical;min-height:60px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-weight:400;color:#fff}.checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.info-text{margin-top:8px;margin-left:24px;font-size:13px;color:#ffffffb3;font-style:italic}.instance-info{margin-top:16px;padding:12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;color:#ffffffe6;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.2)}.btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background-color:#ffffff26}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #367bd64d}.terminate-modal{max-width:550px}.danger-banner{display:flex;gap:12px;padding:16px;border-radius:4px;margin-bottom:20px;background-color:#f8d7da;border:2px solid #dc3545;color:#721c24}.danger-icon{font-size:24px;flex-shrink:0}.danger-banner strong{display:block;margin-bottom:4px;font-size:15px}.danger-banner p{margin:0;font-size:14px;line-height:1.4}.instance-info-box{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin-bottom:20px}.instance-info-box h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#ffffffb3;font-size:14px}.info-value{color:#fff;font-size:14px;text-align:right}.info-value.state-badge{background-color:#6c757d;color:#fff;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}.input-error{border-color:#dc3545!important}.input-error:focus{box-shadow:0 0 0 3px #dc35451a!important}.error-text{display:block;margin-top:4px;color:#dc3545;font-size:12px}.help-text{display:block;margin-top:4px;color:#ffffffb3;font-size:12px;font-style:italic}.btn-danger{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #fc81814d}.enable-remote-access-modal{max-width:550px;width:90%}.enable-remote-access-modal .instance-info{background-color:#f5f5f5;padding:12px 16px;border-radius:6px;margin-bottom:24px}.enable-remote-access-modal .instance-info p{margin:4px 0;font-size:14px}.enable-remote-access-modal .instance-id{font-family:Courier New,monospace;color:#666;font-size:13px}.enable-remote-access-modal .form-group{margin-bottom:20px}.enable-remote-access-modal label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#333}.enable-remote-access-modal input[type=text],.enable-remote-access-modal input[type=datetime-local],.enable-remote-access-modal select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.enable-remote-access-modal input[type=text]:focus,.enable-remote-access-modal input[type=datetime-local]:focus,.enable-remote-access-modal select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.enable-remote-access-modal input:disabled,.enable-remote-access-modal select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.enable-remote-access-modal .form-help{display:block;margin-top:6px;font-size:12px;color:#666;line-height:1.4}.enable-remote-access-modal .ip-input-group{display:flex;gap:8px}.enable-remote-access-modal .ip-input-group input{flex:1}.enable-remote-access-modal .use-my-ip-btn{white-space:nowrap;padding:10px 16px;font-size:13px}.enable-remote-access-modal .error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;border-left:4px solid #c62828}.enable-remote-access-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.enable-remote-access-modal .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.enable-remote-access-modal .btn-secondary{background-color:#f5f5f5;color:#333}.enable-remote-access-modal .btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.enable-remote-access-modal .btn-primary{background-color:#4caf50;color:#fff}.enable-remote-access-modal .btn-primary:hover:not(:disabled){background-color:#45a049}.enable-remote-access-modal .btn:disabled{opacity:.6;cursor:not-allowed}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.toast-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.toast-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.toast-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-action{background:#0000001a;border:none;cursor:pointer;padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;transition:background-color .2s;flex-shrink:0;color:inherit}.toast-action:hover{background:#0003}.toast-close{background:none;border:none;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.6;transition:opacity .2s,background-color .2s;flex-shrink:0}.toast-close:hover{opacity:1;background-color:#0000001a}.toast-container{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container>*{pointer-events:auto}.instances-container{padding:20px;max-width:1200px;margin:0 auto}.instances-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.instances-header h2{margin:0;color:#fff}.instance-count{background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);color:#fff;padding:5px 12px;border-radius:15px;border:2px solid white;font-size:14px;font-weight:700}.instances-filters{display:flex;gap:12px;margin-bottom:20px}.state-filter{padding:8px 32px 8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;color:#212529;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s}.state-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.instances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.instance-card{background:#111827cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.instance-card:hover{box-shadow:0 4px 8px #00000026}.instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);gap:12px}.instance-header-right{display:flex;align-items:center;gap:8px}.ami-status-badge{background-color:#17a2b8;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.instance-name{margin:0;color:#fff;font-size:18px;font-weight:600}.instance-state{color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.instance-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .label{font-weight:600;color:#fff!important;min-width:120px}.detail-row .value{color:#fff!important;text-align:right;word-break:break-all}.loading,.error,.no-instances{text-align:center;padding:40px;font-size:16px}.no-instances{color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.instance-actions{display:flex;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);justify-content:flex-start}.icon-btn{width:36px;height:36px;padding:0;border:1px solid #dee2e6;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#6b7280}.icon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon-btn:active:not(:disabled){transform:translateY(0)}.start-icon-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:#ffffff4d}.start-icon-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);border-color:#ffffff80;color:#fff}.stop-icon-btn{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;border-color:#ffffff4d}.stop-icon-btn:hover:not(:disabled){background:linear-gradient(135deg,#f56565,#e53e3e);border-color:#ffffff80;color:#fff}.icon-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f8f9fa;color:#9ca3af}.action-btn{flex:1;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.start-btn{background-color:#28a745;color:#fff}.start-btn:hover:not(:disabled){background-color:#218838}.stop-btn{background-color:#dc3545;color:#fff}.stop-btn:hover:not(:disabled){background-color:#c82333}.action-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media(max-width:768px){.instances-grid{grid-template-columns:1fr}.instances-header{flex-direction:column;gap:10px;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.instances-filters{flex-direction:column}.detail-row{flex-direction:column;align-items:flex-start;gap:2px}.detail-row .value{text-align:left}}.ami-card{background:#111827cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;cursor:pointer}.ami-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ami-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2);gap:12px}.ami-header-right{display:flex;align-items:center;gap:8px}.ami-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.platform-icon{font-size:24px;flex-shrink:0}.ami-name{margin:0;color:#fff;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ami-state{color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.ami-details{display:flex;flex-direction:column;gap:8px;flex:1}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-row .label{font-weight:600;color:#fff!important;min-width:90px;flex-shrink:0;font-size:13px}.detail-row .value{color:#fff!important;text-align:right;word-break:break-word;font-size:13px}.ami-id{font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;color:#ffffffe6}.description-row{align-items:flex-start}.description{text-align:left;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ami-usage-badge{width:24px;height:24px;background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);border:2px solid white;border-radius:50%;font-size:11px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:help}.ami-actions{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.launch-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.launch-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #367bd64d}.launch-btn:active:not(:disabled){transform:translateY(0)}.launch-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.skeleton-card{pointer-events:none}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:20px;width:70%}.skeleton-badge{height:20px;width:60px}.skeleton-label{height:14px;width:80px}.skeleton-value{height:14px;width:120px}.skeleton-button{height:40px;width:100%}.ami-details-modal{max-width:700px;max-height:90vh;overflow-y:auto}.header-title{display:flex;align-items:center;gap:12px}.platform-icon-large{font-size:32px}.ami-status-section{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.ami-state-large{color:#fff;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:600;text-transform:uppercase}.usage-badge-large{padding:6px 12px;background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:13px;color:#fff;font-weight:600}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.2)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.description-text{margin:0;line-height:1.6;color:#ffffffe6}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#fff;word-break:break-word}.ami-id-mono{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;color:#ffffffe6}.tags-list{display:flex;flex-direction:column;gap:8px}.tag-item{display:flex;gap:8px;padding:8px 12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px}.tag-key{font-weight:600;color:#ffffffb3}.tag-value{color:#fff}@media(max-width:768px){.details-grid{grid-template-columns:1fr}.ami-details-modal{max-width:95vw}}.launch-modal{max-width:600px}.ami-info-section{margin-bottom:24px}.ami-info-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.ami-info-box{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.ami-info-row{display:flex;justify-content:space-between;padding:6px 0}.ami-info-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.ami-info-label{font-weight:600;color:#ffffffb3;font-size:13px}.ami-info-value{color:#fff;font-size:13px;text-align:right;word-break:break-word}.loading-templates,.no-templates{padding:12px;text-align:center;color:#ffffffb3;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px}.no-templates{color:#fc8181}.template-info{margin-top:12px;padding:12px;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.template-info-row{display:flex;gap:8px;padding:4px 0}.template-info-label{font-weight:600;color:#ffffffb3;font-size:12px;min-width:110px}.template-info-value{color:#fff;font-size:12px;flex:1}.error-banner{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px}.error-icon{font-size:18px;flex-shrink:0}.animate-spin{animation:spin 1s linear infinite}.amis-container{padding:20px;max-width:1400px;margin:0 auto}.amis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.amis-header h2{margin:0;color:#fff}.header-actions{display:flex;align-items:center;gap:15px}.refresh-btn{width:40px;height:40px;padding:0;background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);color:#fff;border:2px solid white;border-radius:50%!important;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #367bd633}.refresh-btn svg{width:24px;height:24px}.refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #367bd64d}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ami-count{background:linear-gradient(135deg,var(--color-primary) 0%,#5A94E0 100%);color:#fff;padding:5px 12px;border-radius:15px;border:2px solid white;font-size:14px;font-weight:700}.amis-filters{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;color:#212529;transition:border-color .2s}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-input::placeholder{color:#6c757d;opacity:1}.platform-filter{padding:8px 32px 8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;color:#212529;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s}.platform-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.amis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;margin-bottom:30px}.loading,.error,.no-amis{text-align:center;padding:40px;font-size:16px}.loading{color:#007bff}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.no-amis{color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px 0}.page-btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.page-btn:hover:not(:disabled){background-color:#0056b3}.page-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.page-info{font-size:14px;color:#495057;font-weight:500}@media(max-width:1024px){.amis-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.amis-grid{grid-template-columns:1fr}.amis-header{flex-direction:column;gap:10px;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.amis-filters{flex-direction:column}}.pending-amis-section{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.pending-amis-section h3{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600}.pending-amis-list{display:flex;flex-direction:column;gap:12px}.pending-ami-card{display:flex;align-items:center;gap:15px;padding:15px;background-color:#fff;border-radius:6px;border:1px solid #dee2e6}.pending-ami-spinner{font-size:24px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pending-ami-info{flex:1}.pending-ami-name{font-weight:600;color:#212529;margin-bottom:4px}.pending-ami-id{font-size:12px;color:#6c757d;font-family:monospace;margin-bottom:4px}.pending-ami-status{font-size:13px;color:#007bff;font-weight:500}body{margin:0!important;padding:0!important;display:block!important;place-items:unset!important}.app{display:flex;flex-direction:column;height:100vh;width:100vw;margin:0;padding:0}.main-area{flex:1;display:flex;flex-direction:row;overflow:hidden}