:root{--bg: #0f1117;--surface: #161b22;--inset: #0d1117;--border: #30363d;--border-subtle: #21262d;--text: #e1e4e8;--text-muted: #8b949e;--accent: #58a6ff;--green: #3fb950;--green-btn: #238636;--green-btn-hover: #2ea043;--green-bg: #0d2818;--yellow: #d29922;--yellow-bg: #2d1b00;--red: #f85149;--red-bg: #2d0a0d;--hover: #21262d;--radius: 8px;--radius-sm: 6px;--mono: "SF Mono", "Fira Code", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.font-mono{font-family:var(--mono);font-size:.875rem}.btn,.btn-link,.service-chip,.badge,.native-select,.icon-btn,.modal-close,.form-group input,.tag-input,.tenant-card,input{transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.btn:focus-visible,.btn-link:focus-visible,.service-chip:focus-visible,.icon-btn:focus-visible,.modal-close:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.native-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:380px}.login-card h1{font-size:1.5rem;margin-bottom:.25rem}.login-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.form-group input,.tag-input{width:100%;padding:.5rem .75rem;background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;outline:none}.form-group input:focus,.tag-input:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--hover);color:var(--text);font-size:.875rem;cursor:pointer}.btn:hover{background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green-btn);border-color:var(--green-btn-hover);color:#fff}.btn-primary:hover{background:var(--green-btn-hover)}.btn-danger{background:#b62324;border-color:#da3633;color:#fff}.btn-danger:hover{background:#da3633}.btn-small{padding:.25rem .75rem;font-size:.75rem}.spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:-1px}.spinner-lg{width:26px;height:26px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{max-width:1200px;margin:0 auto;padding:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.dashboard-title h1{font-size:1.25rem}.dashboard-subtitle{color:var(--text-muted);font-size:.8125rem;margin-top:.1rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1rem;font-weight:600}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);font-size:.875rem}.table th{color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table tbody tr:hover{background:#1c2128}.versions-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.version-latest{color:var(--accent);font-weight:600;background:#58a6ff1f;padding:.05rem .4rem;border-radius:999px}.text-center{text-align:center;color:var(--text-muted)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;background:var(--border);color:var(--text-muted)}.badge-host{font-family:var(--mono)}.badge-success{background:var(--green-bg);color:var(--green)}.badge-error{background:var(--red-bg);color:var(--red)}.badge-warning{background:var(--yellow-bg);color:var(--yellow)}.badge-success:before,.badge-error:before,.badge-warning:before{content:"●";font-size:.6em;margin-right:.35em;vertical-align:.1em}.tenant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.tenant-card{position:relative;overflow:hidden;background:var(--inset);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.tenant-card:hover{border-color:#484f58}.tenant-progress{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden}.tenant-progress:before{content:"";position:absolute;height:100%;width:40%;background:var(--accent);animation:indeterminate 1.2s ease-in-out infinite}@keyframes indeterminate{0%{left:-40%}to{left:100%}}.tenant-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem}.tenant-title{display:flex;align-items:center;gap:.5rem;min-width:0}.tenant-header h3{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.status-dot-success{background:var(--green)}.status-dot-failure{background:var(--red)}.status-dot-deploying{background:var(--yellow);animation:pulse 1.4s ease-in-out infinite}.status-dot-none{background:var(--border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tenant-meta{display:grid;grid-template-columns:auto 1fr;gap:.3rem .85rem;align-items:baseline;margin-bottom:.85rem}.meta-label{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.meta-value{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.8125rem;min-width:0}.meta-value.meta-omitted{color:var(--text-muted);word-break:break-word}.tag-value{color:var(--accent)}.tenant-deploy{display:flex;flex-direction:column;gap:.6rem;padding-top:.85rem;border-top:1px solid var(--border-subtle)}.micro-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.deploy-row{display:flex;gap:.5rem}.tag-input{flex:1}.service-select{display:flex;flex-direction:column;gap:.4rem}.service-chips{display:flex;flex-wrap:wrap;gap:.35rem}.service-chips.is-disabled{opacity:.5;pointer-events:none}.service-chip{font-family:var(--mono);font-size:.72rem;line-height:1.4;border:1px solid var(--border);border-radius:999px;padding:3px 10px;background:transparent;color:var(--text-muted);cursor:pointer}.service-chip:hover{border-color:var(--text-muted);color:var(--text)}.service-chip.is-active{border-color:var(--accent);color:var(--accent);background:#58a6ff1f}.service-chip.is-static{cursor:default}.service-chip--all{font-family:inherit}.service-chip-hint{font-size:.75rem;color:var(--yellow)}.tenant-logs{display:flex;flex-direction:column;gap:.6rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border-subtle)}.service-log-controls{display:flex;align-items:center;gap:.5rem}.service-log-controls .btn.is-live{border-color:var(--accent);color:var(--accent)}.custom-api-note{font-size:.75rem;color:var(--yellow)}.log-scroll-hint{font-size:.7rem;color:var(--text-muted);text-align:center;padding-bottom:.35rem}.log-live-warning{font-size:.75rem;color:var(--yellow);padding-bottom:.35rem}.log-retry{margin-left:.5rem}.tenant-footer{display:flex;justify-content:flex-end;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:900px;max-height:80vh;display:flex;flex-direction:column}.modal-content.modal-sm{max-width:420px}.modal-content.modal-md{max-width:560px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:.95rem;font-weight:600}.modal-close{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;line-height:1;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text)}.modal-close:disabled{opacity:.4;cursor:not-allowed}.modal-body{padding:1rem;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.modal-form-body{flex:1;min-height:0;overflow-y:auto;padding:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.confirm-line{font-size:.875rem;margin-bottom:.5rem}.confirm-services{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.confirm-services-label{font-size:.75rem;color:var(--text-muted)}.confirm-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.native-select{width:100%;padding:.5rem 2rem .5rem .75rem;background-color:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.native-select:focus{border-color:var(--accent)}.native-select:disabled{opacity:.6;cursor:not-allowed}.field-hint{font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.field-hint.inline{margin-top:0}.field-error{font-size:.75rem;color:var(--red);margin-top:.3rem}.env-confirm-lead{font-size:.875rem}.env-confirm-q{font-size:.875rem;margin-top:.75rem}.env-kv{display:grid;grid-template-columns:auto 1fr;gap:.5rem .85rem;align-items:center;margin:.85rem 0;padding:.85rem;background:var(--inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.env-kv-label{color:var(--text-muted);font-size:.75rem}.env-kv-value{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0;word-break:break-all}.env-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 0}.env-done-icon{color:var(--green);display:inline-flex}.env-done-msg{font-size:.95rem}.info-box{font-size:.8125rem;color:var(--text);background:#58a6ff14;border:1px solid rgba(88,166,255,.25);border-radius:var(--radius-sm);padding:.6rem .75rem;text-align:left}.banner{border-radius:var(--radius-sm);padding:.75rem;font-size:.8125rem}.banner-error{background:var(--red-bg);border:1px solid var(--red);color:var(--red);word-break:break-word}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:2px}.icon-btn:hover{color:var(--text);border-color:var(--border)}.log-output{background:var(--inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem;font-family:var(--mono);font-size:.8rem;line-height:1.5;color:#c9d1d9;overflow:auto;white-space:pre-wrap;word-break:break-word;flex:1;min-height:200px;max-height:calc(80vh - 120px)}.log-live-indicator{color:var(--yellow);font-size:.75rem;margin-top:.5rem;text-align:right}.btn-link{background:none;border:none;color:var(--accent);font-size:.75rem;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.loading{text-align:center;color:var(--text-muted);padding:2rem}.error-message{color:var(--red);font-size:.8125rem;margin-top:.5rem}.maintenance{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.maintenance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.maintenance-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.maintenance-refresh{padding:2px}.is-spinning{animation:spin .8s linear infinite}.maintenance-placeholder{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);padding:.35rem 0}.maintenance-unavailable{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--red-bg);border:1px solid var(--red);border-radius:var(--radius-sm);padding:.5rem .6rem;font-size:.8rem}.maintenance-unavailable-msg{color:var(--red);word-break:break-word;min-width:0}.maintenance-rows{display:flex;flex-direction:column;gap:.6rem}.maintenance-row{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem .6rem}.maintenance-row-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.maintenance-row-lead{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.maintenance-row-label{font-size:.78rem;font-weight:600;color:var(--text)}.maintenance-log-link{margin-left:auto}.maintenance-line{font-size:.78rem;color:var(--text);word-break:break-word}.maintenance-sub{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.72rem;color:var(--text-muted)}.maintenance-sub .font-mono{font-size:.72rem;color:var(--text)}.maintenance-dot-sep{color:var(--border)}.maintenance-danger{color:var(--red);font-weight:500}.maintenance-warn-text{color:var(--yellow);font-weight:500}.maintenance-mini{font-size:.72rem}.maintenance-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.maintenance-status-dot.is-ok{background:var(--green)}.maintenance-status-dot.is-bad{background:var(--red)}.maintenance-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.1rem}.maintenance-chip{font-family:var(--mono);font-size:.68rem;border-radius:999px;padding:1px 8px;border:1px solid var(--border);color:var(--text-muted)}.maintenance-chip-warn{border-color:var(--yellow);color:var(--yellow);background:var(--yellow-bg)}.maintenance-modal-actions{display:flex;justify-content:flex-end;margin-top:.6rem}@media(max-width:760px){.tenant-grid{grid-template-columns:1fr}.dashboard{padding:.75rem}.modal-content{width:94vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}