@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--font-mono: "Fira Code", monospace;--bg-primary: 228 15% 6%;--bg-secondary: 228 12% 10%;--bg-tertiary: 228 10% 14%;--text-primary: 220 10% 96%;--text-secondary: 220 8% 70%;--text-muted: 220 6% 45%;--accent-purple: 263 90% 64%;--accent-purple-glow: rgba(139, 92, 246, .15);--accent-blue: 217 91% 60%;--accent-blue-glow: rgba(59, 130, 246, .15);--accent-green: 142 71% 45%;--accent-green-glow: rgba(16, 185, 129, .15);--accent-red: 350 89% 60%;--accent-red-glow: rgba(239, 68, 68, .15);--accent-yellow: 38 92% 50%;--accent-yellow-glow: rgba(245, 158, 11, .15);--glass-bg: rgba(13, 15, 23, .7);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .1);--glass-glow: 0 8px 32px 0 rgba(0, 0, 0, .37);--sidebar-width: 280px;--topbar-height: 70px;color-scheme:dark}:root.light{--bg-primary: 0 0% 98%;--bg-secondary: 0 0% 100%;--bg-tertiary: 210 20% 96%;--text-primary: 220 20% 15%;--text-secondary: 220 15% 40%;--text-muted: 220 10% 55%;--accent-purple: 263 70% 50%;--accent-blue: 217 91% 50%;--accent-green: 142 60% 40%;--accent-red: 350 80% 50%;--accent-yellow: 38 90% 45%;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .15);--glass-glow: 0 8px 32px 0 rgba(0, 0, 0, .05);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));overflow-x:hidden;-webkit-font-smoothing:antialiased}@keyframes blink{50%{opacity:0}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 10px currentColor;opacity:.8}50%{transform:scale(1.1);box-shadow:0 0 20px currentColor;opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{display:flex;min-height:100vh;background-image:radial-gradient(at 0% 0%,hsla(var(--accent-purple),.08) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(var(--accent-blue),.08) 0px,transparent 50%)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto;animation:slide-in .4s cubic-bezier(.16,1,.3,1)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-glow);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}p{color:hsl(var(--text-secondary));line-height:1.6}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background-image:radial-gradient(at 0% 0%,hsla(var(--accent-purple),.15) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(var(--accent-blue),.15) 0px,transparent 50%)}.login-card{width:100%;max-width:420px;padding:2.5rem 2rem;text-align:center}.login-header{margin-bottom:2rem}.login-header h2{font-size:1.75rem;margin:.5rem 0;color:hsl(var(--text-primary))}.login-form{text-align:left}.w-100{width:100%}.login-btn{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}input,select,button{font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,hsl(var(--accent-purple)),hsl(var(--accent-blue)));color:#fff;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:hsl(var(--bg-tertiary));border:1px solid var(--glass-border);color:hsl(var(--text-primary))}.btn-secondary:hover:not(:disabled){background:hsl(var(--bg-secondary));border-color:var(--glass-border-hover)}.btn-danger{background:hsla(var(--accent-red),.15);border:1px solid hsla(var(--accent-red),.3);color:hsl(var(--accent-red))}.btn-danger:hover:not(:disabled){background:hsla(var(--accent-red),.25);border-color:hsla(var(--accent-red),.5)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:hsl(var(--text-secondary))}.form-control{width:100%;padding:.75rem 1rem;border-radius:8px;background:hsl(var(--bg-secondary));border:1px solid var(--glass-border);color:hsl(var(--text-primary));font-size:.95rem;transition:all .2s ease}.form-control:focus{outline:none;border-color:hsl(var(--accent-purple));box-shadow:0 0 0 3px hsla(var(--accent-purple),.15)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:100px;font-size:.8rem;font-weight:500}.badge-live{background-color:var(--accent-green-glow);color:hsl(var(--accent-green));border:1px solid hsla(var(--accent-green),.2)}.badge-deploying{background-color:var(--accent-yellow-glow);color:hsl(var(--accent-yellow));border:1px solid hsla(var(--accent-yellow),.2)}.badge-failed{background-color:var(--accent-red-glow);color:hsl(var(--accent-red));border:1px solid hsla(var(--accent-red),.2)}.dot-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-live{background-color:hsl(var(--accent-green));animation:pulse-glow 2s infinite}.dot-deploying{background-color:hsl(var(--accent-yellow));animation:pulse-glow 1.2s infinite}.dot-failed{background-color:hsl(var(--accent-red));animation:pulse-glow 2.5s infinite}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}@media(max-width:992px){.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.sidebar-container{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:hsl(var(--bg-secondary));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--glass-border)}.logo-area{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:hsl(var(--text-primary))}.logo-icon{color:hsl(var(--accent-purple));width:24px;height:24px}.animate-pulse-slow{animation:blink 3s ease-in-out infinite}.logo-sub{color:hsl(var(--accent-blue));font-weight:500}.text-glow{text-shadow:0 0 10px hsla(var(--accent-blue),.5)}.system-health{margin-top:1rem;display:flex;align-items:center;gap:.5rem;background:#ffffff05;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--glass-border);width:max-content}.health-text{font-size:.75rem;font-weight:600;text-transform:capitalize}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:.35rem}.nav-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-muted));font-weight:700;margin-bottom:.35rem;padding-left:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;color:hsl(var(--text-secondary));text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);background:transparent;border:1px solid transparent;width:100%;text-align:left;cursor:pointer}.nav-link:hover{color:hsl(var(--text-primary));background:#ffffff05;border-color:#ffffff0a}.nav-link.active{color:hsl(var(--text-primary));background:hsla(var(--accent-purple),.08);border:1px solid hsla(var(--accent-purple),.25);box-shadow:0 0 15px hsla(var(--accent-purple),.05)}.settings-trigger{justify-content:space-between}.trigger-left{display:flex;align-items:center;gap:.75rem}.active-parent{color:hsl(var(--text-primary));background:#ffffff05;border-color:#ffffff0d}.submenu{display:flex;flex-direction:column;gap:.25rem;padding-left:1.25rem;margin-top:.25rem;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s ease;opacity:0}.submenu.open{max-height:120px;opacity:1}.submenu-link{padding:.5rem .75rem;font-size:.85rem}.submenu-link.active{color:hsl(var(--text-primary));background:hsla(var(--accent-blue),.08);border:1px solid hsla(var(--accent-blue),.25);box-shadow:0 0 15px hsla(var(--accent-blue),.05)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--glass-border);background:hsla(var(--bg-secondary),.8)}.user-profile{display:flex;align-items:center;gap:.75rem}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--accent-purple)),hsl(var(--accent-blue)));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;border:1px solid rgba(255,255,255,.1)}.profile-details{display:flex;flex-direction:column}.username{font-size:.85rem;font-weight:600;color:hsl(var(--text-primary))}.role{font-size:.7rem;color:hsl(var(--text-muted))}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;margin-bottom:.25rem;background:linear-gradient(135deg,#fff,hsl(var(--text-secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:.95rem;color:hsl(var(--text-secondary))}.status-indicator-card{padding:.6rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-radius:8px}.status-label{font-size:.85rem;color:hsl(var(--text-secondary))}.overview-grid{margin-bottom:2.5rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.card-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.icon-wrapper{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid var(--glass-border)}.purple-glow{color:hsl(var(--accent-purple));border-color:hsla(var(--accent-purple),.25);background:hsla(var(--accent-purple),.05);box-shadow:0 0 15px hsla(var(--accent-purple),.05)}.blue-glow{color:hsl(var(--accent-blue));border-color:hsla(var(--accent-blue),.25);background:hsla(var(--accent-blue),.05);box-shadow:0 0 15px hsla(var(--accent-blue),.05)}.green-glow{color:hsl(var(--accent-green));border-color:hsla(var(--accent-green),.25);background:hsla(var(--accent-green),.05);box-shadow:0 0 15px hsla(var(--accent-green),.05)}.card-label{font-size:.85rem;font-weight:500;color:hsl(var(--text-secondary))}.card-value{font-size:1.85rem;font-family:var(--font-display);font-weight:700;color:hsl(var(--text-primary));margin-bottom:.5rem}.card-sparkline{height:35px;width:100%;margin-top:auto}.sparkline-svg{width:100%;height:100%;overflow:visible}.control-section{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2.5rem}@media(max-width:992px){.control-section{grid-template-columns:1fr}}.metadata-card,.trigger-card{padding:1.75rem}.metadata-card h3,.trigger-card h3{font-size:1.25rem;margin-bottom:.5rem;color:hsl(var(--text-primary))}.card-desc{font-size:.9rem;color:hsl(var(--text-secondary));margin-bottom:1.5rem}.metadata-list{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}.meta-item{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:.6rem}.meta-item:last-child{border-bottom:none;padding-bottom:0}.meta-label{color:hsl(var(--text-muted));font-weight:500}.meta-value{color:hsl(var(--text-primary));font-weight:500}.domain-link{color:hsl(var(--accent-blue));text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .2s}.domain-link:hover{color:hsl(var(--text-primary));text-decoration:underline}.badge-branch{display:flex;align-items:center;gap:.35rem;background:#ffffff08;padding:.25rem .5rem;border-radius:6px;font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--glass-border)}.deploy-actions-flex{display:flex;flex-wrap:wrap;gap:1rem}.terminal-section{margin-top:2.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{font-size:1.25rem;color:hsl(var(--text-primary))}.streaming-pulse{font-size:.75rem;font-weight:700;color:hsl(var(--accent-yellow));border:1px solid hsla(var(--accent-yellow),.3);background:hsla(var(--accent-yellow),.05);padding:.25rem .5rem;border-radius:4px;animation:pulse-glow 1.5s infinite}.terminal-container{border-radius:12px;overflow:hidden;background:#07080c;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 45px #00000080;display:flex;flex-direction:column;height:350px}.terminal-header{background:#0f111a;border-bottom:1px solid rgba(255,255,255,.05);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.window-dots{display:flex;gap:.45rem;align-items:center}.dot{width:10px;height:10px;border-radius:50%;display:block}.dot-close{background-color:#ff5f56}.dot-minimize{background-color:#ffbd2e}.dot-maximize{background-color:#27c93f}.terminal-title{font-family:var(--font-mono);font-size:.8rem;color:hsl(var(--text-secondary));display:flex;align-items:center;gap:.5rem}.terminal-actions{display:flex;align-items:center}.terminal-btn{background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;padding:.3rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.terminal-btn:hover:not(:disabled){color:hsl(var(--text-primary));background:#ffffff0d}.terminal-body{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.terminal-content{display:flex;flex-direction:column;gap:.45rem}.log-line{color:hsl(var(--text-secondary));white-space:pre-wrap;word-break:break-all}.log-success{color:hsl(var(--accent-green));text-shadow:0 0 8px hsla(var(--accent-green),.2)}.log-error{color:hsl(var(--accent-red));text-shadow:0 0 8px hsla(var(--accent-red),.2)}.log-warn{color:hsl(var(--accent-yellow));text-shadow:0 0 8px hsla(var(--accent-yellow),.2)}.log-loading{display:flex;align-items:center;gap:.5rem;color:hsl(var(--text-primary))}.terminal-spinner{width:12px;height:12px;border:2px solid hsl(var(--text-muted));border-top-color:hsl(var(--accent-purple));border-radius:50%;display:inline-block;animation:spin 1s linear infinite}.terminal-cursor{animation:blink 1s step-end infinite;color:hsl(var(--accent-purple))}@keyframes spin{to{transform:rotate(360deg)}}.settings-layout-grid{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start}@media(max-width:992px){.settings-layout-grid{grid-template-columns:1fr}}.settings-sub-sidebar{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-sec-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;color:hsl(var(--text-muted));font-weight:700;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem;margin-bottom:.5rem;margin-left:.5rem}.sub-sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.sub-nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:6px;color:hsl(var(--text-secondary));text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease;border:1px solid transparent}.sub-nav-link:hover{color:hsl(var(--text-primary));background:#ffffff05;border-color:#ffffff08}.sub-nav-link.active{color:hsl(var(--text-primary));background:#ffffff0a;border-color:var(--glass-border-hover);box-shadow:0 4px 12px #0000001a}.settings-main-content{padding:2.25rem;min-height:500px}.settings-section{display:flex;flex-direction:column;gap:2rem}.section-title-area h2{font-size:1.5rem;margin-bottom:.5rem}.section-title-area p{font-size:.9rem;color:hsl(var(--text-secondary))}.domain-form{border-bottom:1px solid var(--glass-border);padding-bottom:2rem}.domain-form .form-row{display:flex;gap:1rem;align-items:center}@media(max-width:576px){.domain-form .form-row{flex-direction:column;align-items:stretch}}.input-with-icon{position:relative;flex:1}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsl(var(--text-muted));pointer-events:none}.input-with-icon .form-control{padding-left:2.5rem}.form-error-msg{display:flex;align-items:center;gap:.5rem;color:hsl(var(--accent-red));font-size:.85rem;margin-top:.5rem}.domains-list{margin-top:.5rem}.domains-table{border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;background:#0000001a}.table-header{display:grid;grid-template-columns:2fr 1fr 1.2fr 60px;padding:.85rem 1.25rem;border-bottom:1px solid var(--glass-border);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));background:#0003}.table-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 60px;padding:1.1rem 1.25rem;border-bottom:1px solid var(--glass-border);align-items:center;font-size:.9rem;transition:background-color .2s}.table-row:hover{background-color:#ffffff03}.table-row:last-child{border-bottom:none}.col-domain{display:flex;flex-direction:column;gap:.25rem}.domain-txt{font-weight:600;color:hsl(var(--text-primary))}.domain-date{font-size:.75rem;color:hsl(var(--text-muted))}.ssl-indicator{display:flex;align-items:center;gap:.35rem;font-size:.85rem}.ssl-indicator.valid{color:hsl(var(--accent-green))}.ssl-indicator.pending{color:hsl(var(--accent-yellow))}.spinner-mini{width:10px;height:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}.btn-icon{background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;padding:.5rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid transparent}.btn-icon:hover{color:hsl(var(--text-primary));background:#ffffff0a}.btn-danger-hover:hover{color:hsl(var(--accent-red));background:hsla(var(--accent-red),.15);border-color:hsla(var(--accent-red),.2)}.empty-state{padding:3rem 1.5rem;color:hsl(var(--text-muted));border:1px dashed var(--glass-border);border-radius:8px}.env-form{padding:1.5rem;border-radius:8px}.env-form .form-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem;margin-bottom:1.25rem;color:hsl(var(--text-primary))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:.5rem}@media(max-width:576px){.form-grid{grid-template-columns:1fr}}.input-with-icon-right{position:relative;width:100%}.input-with-icon-right .form-control{padding-right:2.5rem}.input-icon-right-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;display:flex;align-items:center;transition:color .2s}.input-icon-right-btn:hover{color:hsl(var(--text-primary))}.btn-submit{width:max-content;margin-top:1rem}.env-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.env-list h3{font-size:1.1rem;color:hsl(var(--text-primary));border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;margin-bottom:.5rem}.env-cards-stack{display:flex;flex-direction:column;gap:.75rem}.env-item-row{display:flex;align-items:center;padding:.9rem 1.25rem;justify-content:space-between;gap:1.5rem;transition:border-color .2s}.env-item-row:hover{border-color:var(--glass-border-hover)}.env-key{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem;color:hsl(var(--text-primary));width:25%;min-width:150px}.env-value-wrapper{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:hsl(var(--text-secondary))}.value-display{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.env-actions{display:flex;align-items:center;gap:.35rem}.text-success{color:hsl(var(--accent-green))!important}.text-capitalize{text-transform:capitalize}.text-live{color:hsl(var(--accent-green));text-shadow:0 0 10px hsla(var(--accent-green),.3)}.text-deploying{color:hsl(var(--accent-yellow));text-shadow:0 0 10px hsla(var(--accent-yellow),.3)}.text-failed{color:hsl(var(--accent-red));text-shadow:0 0 10px hsla(var(--accent-red),.3)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}