body{margin:0;font-family:Arial,sans-serif}.welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f0f4f8,#dbeafe)}.welcome-title{font-size:2.5rem;color:#333;margin-bottom:12px}.welcome-subtitle{margin:0 0 24px;color:#4b5563}.welcome-container{text-align:center;background-color:#fff;padding:48px;border-radius:16px;box-shadow:0 18px 45px #0f172a1f;max-width:520px;width:100%}.login-button{padding:12px 24px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:.9rem}body{margin:0}.portal-layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:20px;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;gap:12px}.sidebar-title{margin:0 0 16px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav li{list-style:none}.sidebar a,.sidebar-action{color:#fff;text-decoration:none;display:block;padding:10px 15px;transition:background .3s;border-radius:8px;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.sidebar a:hover,.sidebar a.active,.sidebar-action:hover{background-color:#34495e}.portal-content{flex:1;padding:32px;background-color:#ecf0f1;overflow-y:auto}.vms-page{max-width:1100px}.vms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.vms-header h1{margin:0;font-size:1.6rem;color:#2c3e50}.btn-new{background-color:#2980b9;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-new:hover:not(:disabled){background-color:#2471a3}.btn-new:disabled{opacity:.6;cursor:not-allowed}.deploy-form-panel{background:#fff;border:1px solid #bdc3c7;border-radius:8px;padding:24px;margin-bottom:24px}.deploy-form-panel h3{margin:0 0 16px;color:#2c3e50}.yaml-editor{width:100%;min-height:200px;font-family:Courier New,Courier,monospace;font-size:.9rem;padding:12px;border:1px solid #bdc3c7;border-radius:6px;resize:vertical;box-sizing:border-box;background:#fdfefe;color:#2c3e50}.yaml-editor:focus{outline:none;border-color:#2980b9}.form-error{color:#c0392b;font-size:.9rem;margin:10px 0;background:#fdf0ed;padding:8px 12px;border-radius:4px;border-left:3px solid #c0392b}.form-actions{display:flex;gap:12px;margin-top:14px}.btn-cancel{background:transparent;color:#7f8c8d;border:1px solid #bdc3c7;padding:10px 18px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#ecf0f1}.deployment-list{display:flex;flex-direction:column;gap:12px}.deployment-list>p{color:#7f8c8d;font-style:italic}.deployment-card{background:#fff;border:1px solid #bdc3c7;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.deployment-card:hover{box-shadow:0 2px 8px #0000001a}.deployment-card.expanded{border-color:#2980b9}.deployment-meta{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;flex-wrap:wrap}.deployment-id{font-family:Courier New,Courier,monospace;font-size:.95rem;color:#2c3e50;font-weight:600;min-width:80px}.deployment-meta span{color:#566573;font-size:.9rem}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-pending{background:#f0f0f0;color:#666}.status-deploying{background:#d6eaf8;color:#1a6694}.status-running{background:#d5f5e3;color:#1e8449}.status-failed{background:#fadbd8;color:#a93226}.status-destroying{background:#fdebd0;color:#b7770d}.status-destroyed,.status-terminated{background:#f0f0f0;color:#888}.btn-destroy{margin-left:auto;background:transparent;color:#c0392b;border:1px solid #c0392b;padding:6px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.btn-destroy:hover:not(:disabled){background:#c0392b;color:#fff}.btn-destroy:disabled{opacity:.4;cursor:not-allowed}.vm-table{width:100%;border-collapse:collapse;font-size:.88rem;border-top:1px solid #e8ecef}.vm-table th{text-align:left;padding:10px 18px;background:#f8f9fa;color:#7f8c8d;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.vm-table td{padding:10px 18px;color:#2c3e50;border-top:1px solid #f0f0f0}.vm-table tr:last-child td{border-bottom:none}