:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--bg-primary: 224 25% 10%;--bg-card: 224 25% 14%;--bg-glass: 224 25% 12% / .65;--border-glass: 224 25% 22% / .4;--text-primary: 210 40% 98%;--text-secondary: 215 20% 70%;--text-muted: 215 15% 50%;--accent-primary: 263 90% 64%;--accent-primary-hover: 263 90% 70%;--accent-success: 142 70% 50%;--accent-warning: 38 92% 50%;--accent-danger: 346 87% 55%;--accent-info: 199 89% 50%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px 2px hsla(263, 90%, 64%, .15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,hsla(263,90%,64%,.07) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(199,89%,50%,.05) 0px,transparent 50%);background-attachment:fixed}.glass-panel{background:hsl(var(--bg-glass));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--border-glass));border-radius:16px;box-shadow:var(--shadow-md)}.glow-hover:hover{box-shadow:var(--shadow-glow);border-color:hsla(var(--accent-primary) / .5);transform:translateY(-2px)}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.app-container{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.brand-section{display:flex;align-items:center;gap:.75rem}.brand-logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-info)));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px hsla(var(--accent-primary) / .3)}.brand-title{font-size:1.75rem;background:linear-gradient(to right,hsl(var(--text-primary)),hsl(var(--text-secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.875rem;color:hsl(var(--text-muted));margin-top:.125rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2.5rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.running{background-color:hsla(var(--accent-success) / .15);color:hsl(var(--accent-success));border:1px solid hsla(var(--accent-success) / .2)}.status-badge.stopped{background-color:hsla(var(--accent-danger) / .15);color:hsl(var(--accent-danger));border:1px solid hsla(var(--accent-danger) / .2)}.status-badge.transitioning{background-color:hsla(var(--accent-warning) / .15);color:hsl(var(--accent-warning));border:1px solid hsla(var(--accent-warning) / .2);animation:pulse-border 1.5s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-primary) / .8));color:#fff;box-shadow:0 4px 10px hsla(var(--accent-primary) / .2)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,hsl(var(--accent-primary-hover)),hsl(var(--accent-primary)));transform:translateY(-1px)}.btn-outline{background:transparent;border-color:hsla(var(--border-glass));color:hsl(var(--text-primary))}.btn-outline:hover:not(:disabled){background:hsla(var(--text-primary) / .05);border-color:hsla(var(--text-primary) / .2)}.btn-success{background-color:hsla(var(--accent-success) / .15);border:1px solid hsla(var(--accent-success) / .3);color:hsl(var(--accent-success))}.btn-success:hover:not(:disabled){background-color:hsla(var(--accent-success) / .25);border-color:hsla(var(--accent-success) / .5)}.btn-danger{background-color:hsla(var(--accent-danger) / .15);border:1px solid hsla(var(--accent-danger) / .3);color:hsl(var(--accent-danger))}.btn-danger:hover:not(:disabled){background-color:hsla(var(--accent-danger) / .25);border-color:hsla(var(--accent-danger) / .5)}.btn:disabled{opacity:.5;cursor:not-allowed}.env-card{padding:1.5rem;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:.5rem}.card-header .status-badge{padding:.2rem .55rem;font-size:.65rem;flex-shrink:0}.card-title{font-size:.9rem;color:hsl(var(--text-primary));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-subtitle{font-size:.7rem;color:hsl(var(--text-muted));margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.card-section{border-top:1px solid hsla(var(--border-glass));padding-top:.625rem;margin-top:.625rem}.section-title{font-size:.65rem;text-transform:uppercase;color:hsl(var(--text-muted));letter-spacing:.05em;margin-bottom:.3rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;margin-bottom:.25rem;gap:.5rem}.info-label{color:hsl(var(--text-secondary));white-space:nowrap;flex-shrink:0}.info-value{color:hsl(var(--text-primary));font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.card-actions .btn{padding:.4rem .75rem;font-size:.75rem;border-radius:8px}.table-container{overflow-x:auto;margin-bottom:2.5rem}.env-table{width:100%;border-collapse:collapse;text-align:left}.env-table th,.env-table td{padding:1rem 1.5rem}.env-table th{font-family:var(--font-display);font-weight:600;font-size:.875rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid hsla(var(--border-glass))}.env-table td{font-size:.875rem;color:hsl(var(--text-primary));border-bottom:1px solid hsla(var(--border-glass))}.env-table tbody tr:hover{background-color:hsla(var(--text-primary) / .02)}.spinner{animation:rotate 1s linear infinite;width:1.25rem;height:1.25rem}.spinner .path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.notification-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.75rem}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;color:#fff;box-shadow:var(--shadow-lg);font-size:.875rem;min-width:300px;animation:slide-in .3s cubic-bezier(.16,1,.3,1)}.toast.success{background-color:hsla(var(--accent-success) / .9);border:1px solid hsl(var(--accent-success))}.toast.error{background-color:hsla(var(--accent-danger) / .9);border:1px solid hsl(var(--accent-danger))}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes pulse-border{0%,to{box-shadow:0 0 hsla(var(--accent-warning) / .4)}50%{box-shadow:0 0 0 4px hsla(var(--accent-warning) / 0)}}@keyframes slide-in{0%{transform:translateY(1rem) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg,hsla(var(--text-primary) / .05) 25%,hsla(var(--text-primary) / .1),hsla(var(--text-primary) / .05) 75%);background-size:200% 100%;animation:loading-skeleton 1.5s infinite;border-radius:4px}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:4px;background:hsla(var(--bg-glass));border:1px solid hsla(var(--border-glass));border-radius:12px;width:fit-content}.tab-btn{background:transparent;border:none;color:hsl(var(--text-secondary));padding:.5rem 1.25rem;border-radius:8px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:hsl(var(--text-primary));background:hsla(var(--text-primary) / .05)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-primary) / .8));box-shadow:0 2px 8px hsla(var(--accent-primary) / .25)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#080a0fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fade-in .2s cubic-bezier(.16,1,.3,1)}.modal-content{width:100%;max-width:520px;padding:2rem;animation:modal-slide-up .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-lg),0 0 30px 5px hsla(var(--accent-primary) / .05);border-color:hsla(var(--border-glass))}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-family:var(--font-display);background:linear-gradient(to right,hsl(var(--text-primary)),hsl(var(--text-secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;display:flex;padding:4px;border-radius:6px}.modal-close:hover{color:hsl(var(--text-primary));background:hsla(var(--text-primary) / .1)}.modal-body{margin-bottom:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.75rem;text-transform:uppercase;color:hsl(var(--text-muted));letter-spacing:.05em;margin-bottom:.5rem}.glass-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:hsl(var(--bg-card));border:1px solid hsla(var(--border-glass));border-radius:10px;color:hsl(var(--text-primary));font-family:var(--font-sans);font-size:.875rem;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.glass-select:focus{border-color:hsla(var(--accent-primary) / .6);box-shadow:0 0 0 1px hsla(var(--accent-primary) / .4)}.glass-select option{background:hsl(var(--bg-card));color:hsl(var(--text-primary));padding:.5rem}.deployed-pill{display:inline-flex;align-items:center;gap:.25rem;background:hsla(var(--accent-success) / .1);color:hsl(var(--accent-success));border:1px solid hsla(var(--accent-success) / .2);padding:.125rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;margin-right:.375rem;margin-bottom:.375rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(1.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}