*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;color:#e2e8f0;line-height:1.6}#root{min-height:100vh}.app{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.header p{color:#94a3b8;font-size:.95rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #1e293b;padding-bottom:0}.tab{padding:.75rem 1.5rem;background:transparent;border:none;color:#94a3b8;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#e2e8f0}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#fff}.btn{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#475569;color:#fff}.btn-secondary:hover{background:#334155}.card{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.card-content{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #334155}.info-row:last-child{border-bottom:none}.info-label{color:#94a3b8;font-size:.875rem;font-weight:500}.info-value{color:#e2e8f0;font-size:.875rem;font-weight:500;text-align:right}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98133;color:#34d399}.badge-warning{background:#f59e0b33;color:#fbbf24}.badge-danger{background:#ef444433;color:#f87171}.badge-info{background:#3b82f633;color:#60a5fa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:600;color:#fff}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#94a3b8;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.625rem .875rem;background:#0f172a;border:1px solid #334155;border-radius:.5rem;color:#e2e8f0;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.form-group input::placeholder{color:#475569}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group label{margin:0;cursor:pointer}.error{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:#94a3b8}.empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #334155}.btn-small{padding:.375rem .75rem;font-size:.8rem}.vm-count{font-weight:600;color:#3b82f6}.port-info{display:flex;gap:1rem;flex-wrap:wrap}.port-item{display:flex;flex-direction:column;gap:.25rem}.port-item-label{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.port-item-value{color:#e2e8f0;font-weight:600;font-family:Courier New,monospace}code{background:#0f172a;padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.85em;color:#94a3b8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}