*{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:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .08s ease-out;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn:active{transform:scale(.97);box-shadow:0 1px 2px #0000001a;transition:all .05s ease-out}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb66}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;box-shadow:0 4px 12px #10b98166}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 12px #6b728066}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px;margin-bottom:15px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#374151;font-size:11px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;transition:all .08s ease-out}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox]{width:auto}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase}.status-running{background:#d1fae5;color:#065f46}.status-stopped{background:#fee2e2;color:#991b1b}.status-starting{background:#fef3c7;color:#92400e}.status-error{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:15px;max-width:550px;width:90%;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h2{margin:0;color:#111827;font-size:16px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;transition:all .08s ease-out;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.close-btn:hover{color:#111827;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:6px 8px;text-align:left;border-bottom:1px solid #e5e7eb}.table th{background:#f9fafb;font-weight:600;color:#374151;font-size:11px}.table tr:hover{background:#f9fafb}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:10px}.card{padding:12px;margin-bottom:10px}.btn{padding:8px 12px;font-size:13px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table th,table td{padding:8px 6px!important;font-size:12px!important}.hide-mobile{display:none!important}}@media (max-width: 480px){.container{padding:8px}.btn{padding:6px 10px;font-size:12px}table th,table td{padding:6px 4px!important;font-size:11px!important}}