:root{color-scheme:light;--bg: #f3efe6;--ink: #1c1914;--muted: #6b6458;--card: #fffdf8;--line: #ddd4c4;--accent: #0f6b5c;--accent-ink: #f7fffc;--danger: #9b1c1c;font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#d9ebe4 0%,transparent 40%),linear-gradient(180deg,#f7f2e8,var(--bg));color:var(--ink)}.center,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.5rem;display:grid;gap:.85rem;box-shadow:0 18px 50px #281e0a14}.card.wide{width:min(920px,100%)}.card.page-card{margin-inline:auto}.brand{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--accent)}h1{margin:0;font-size:1.6rem}label{display:grid;gap:.35rem;font-size:.92rem}input,textarea{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font:inherit;background:#fff}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.4}select{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font:inherit;background:#fff}button{border:0;border-radius:999px;padding:.75rem 1rem;font:inherit;font-weight:600;background:var(--accent);color:var(--accent-ink);cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.compact{padding:.4rem .75rem;font-size:.9rem}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.6;cursor:wait}.success{margin:0;color:var(--accent)}.muted{color:var(--muted);margin:0}.small{font-size:.8rem}.secret code,.wrap{word-break:break-all}.error{margin:0;color:var(--danger)}.app-shell{min-height:100vh}.app-shell.with-sidebar{display:grid;grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:100vh;position:sticky;top:0;padding:1.15rem .85rem;border-right:1px solid var(--line);background:#fffdf8f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:hidden}.sidebar-top{display:grid;gap:1.25rem;min-width:0}.sidebar-brand{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;text-decoration:none;padding:.15rem .35rem;overflow:hidden}.sidebar-logo{display:block;width:100%;max-width:100%;height:auto;max-height:36px;object-fit:contain;object-position:left center}.sidebar-nav{display:grid;gap:.25rem;min-width:0}.sidebar-link{display:block;padding:.55rem .75rem;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;max-width:100%;overflow-wrap:anywhere}.sidebar-link:hover{background:#1c19140d}.sidebar-link.active{background:#0f6b5c1f;color:var(--accent)}.sidebar-footer{display:grid;gap:.35rem;min-width:0;padding-top:.75rem;border-top:1px solid var(--line)}.sidebar-footer-lang{padding:.15rem .35rem .35rem;min-width:0}.sidebar-config{font-weight:600}.sidebar-logout{justify-self:stretch;width:100%;max-width:100%;text-align:left;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:500;padding:.35rem .75rem;border-radius:8px;cursor:pointer}.sidebar-logout:hover{color:var(--danger);background:#9b1c1c0f}.app-main{min-width:0;min-height:100vh;overflow-x:hidden}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--line);background:#fffdf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-brand{display:inline-flex;align-items:center;text-decoration:none}.topbar-logo,.auth-logo{height:36px;width:auto;display:block}.auth-logo{height:40px}.topbar-right{display:flex;gap:.35rem;align-items:center}.menu{position:relative}button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.25rem;min-height:2.25rem;padding:.4rem .55rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}button.icon-btn:hover,button.icon-btn[aria-expanded=true]{background:#1c19140d;border-color:var(--line)}button.lang-btn{padding-inline:.65rem}.lang-code{font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.menu-panel{position:absolute;top:calc(100% + .35rem);right:0;min-width:11rem;padding:.35rem;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 12px 32px #281e0a1f;display:grid;gap:.15rem;z-index:20}a.menu-item,button.menu-item{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:.55rem .7rem;background:transparent;color:var(--ink);font:inherit;font-weight:500;text-decoration:none;cursor:pointer}a.menu-item:hover,button.menu-item:hover,button.menu-item.active{background:#0f6b5c1a}button.menu-item.danger{color:var(--danger)}.content{padding:1.5rem;display:grid;justify-items:center;width:100%}.empty-state{width:min(520px,100%);margin-top:3rem;display:grid;gap:.85rem;justify-items:center;text-align:center}.checklist{margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}.qr-wrap{justify-self:center;padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:12px}.col-actions{width:2.75rem;text-align:right}.menu-end .menu-panel{right:0;left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#1c191459}.modal{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.25rem;box-shadow:0 18px 50px #281e0a2e;display:grid;gap:.85rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.modal-head h2{margin:0;font-size:1.15rem}.modal-body{display:grid;gap:.65rem}.modal-footer{display:flex;justify-content:flex-end;gap:.65rem;align-items:center}.secret-alert{padding:.75rem .9rem;border-radius:8px;border:1px solid #e8c26a;background:#fff8e6;color:#5c4813;font-size:.92rem;line-height:1.4}.secret-alert p{margin:0 0 .45rem}.secret-alert p:last-child{margin-bottom:0}.secret-panel{display:grid;gap:.75rem;padding:.85rem;border-radius:8px;border:1px solid var(--line);background:var(--surface-2, rgba(0, 0, 0, .03))}.secret-meta{display:grid;gap:.55rem;padding-bottom:.65rem;border-bottom:1px solid var(--line)}.secret-meta>div{display:grid;grid-template-columns:minmax(7rem,10rem) 1fr;gap:.5rem .75rem;align-items:baseline}.secret-plain{font-size:.95rem;word-break:break-all}.secret-row{display:grid;grid-template-columns:minmax(7rem,10rem) 1fr auto;gap:.5rem .75rem;align-items:center}.secret-label{font-size:.85rem;color:var(--muted)}.secret-value{display:block;overflow-x:auto;padding:.4rem .55rem;border-radius:6px;background:var(--surface, #fff);border:1px solid var(--line);font-size:.85rem;word-break:break-all}.secret-confirm{display:flex;align-items:flex-start;gap:.65rem;margin-top:.35rem;font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none}.secret-confirm input{margin-top:.2rem;width:1.05rem;height:1.05rem;flex-shrink:0}.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:6px;padding:.35rem .65rem;font-size:.85rem;cursor:pointer;white-space:nowrap}.ghost-btn:hover{background:var(--surface-2, rgba(0, 0, 0, .04))}.modal-footer button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:640px){.secret-row{grid-template-columns:1fr auto}.secret-label{grid-column:1 / -1}}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.75rem 1.15rem;font-weight:600;text-decoration:none;background:var(--accent);color:var(--accent-ink)}.button-link.compact{padding:.55rem .95rem;font-size:.92rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{text-align:left;padding:.65rem .35rem;border-bottom:1px solid var(--line)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;align-items:center}.ghost-link{color:var(--muted);text-decoration:none}.auth-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;background:#eee8dc}.status-running{background:#d9f5e7}.status-queued,.status-provisioning,.status-initiating{background:#fff0cc}.status-error{background:#f8d7da}.account-card{width:min(640px,100%);margin-inline:auto;gap:1rem}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--line);padding-bottom:.35rem}button.tab{border-radius:999px;padding:.45rem .9rem;background:transparent;color:var(--muted);border:1px solid transparent;font-weight:600;font-size:.92rem}button.tab:hover{background:#1c19140d;color:var(--ink)}button.tab.active{background:#0f6b5c1f;color:var(--accent);border-color:transparent}.tab-panel{display:grid;gap:.85rem;padding-top:.35rem}.tab-panel.stack,.stack{display:grid;gap:1rem}.stack-tight{display:grid;gap:.35rem}.subcard{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff}.subcard h2{margin:0;font-size:1.05rem}.breadcrumb{margin:0 0 .75rem;font-size:.92rem;color:var(--muted)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.table-link{color:var(--ink);font-weight:600;text-decoration:none}.table-link:hover{color:var(--accent);text-decoration:underline}.instance-detail{gap:1rem}.env-head{align-items:flex-start}.env-grid{display:grid;gap:.85rem}.env-card{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff}.env-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.env-card-head-main{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;min-width:0}.env-card-head h2{margin:0;font-size:1.1rem}.env-meta{margin:0;display:grid;gap:.55rem}.env-meta>div{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;align-items:baseline}.env-meta dt{margin:0;font-size:.85rem;color:var(--muted)}.env-meta dd{margin:0;word-break:break-word}.modal-footer.form-actions-inline,.form-actions-inline{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;margin-top:.75rem}.delete-confirm-body{display:grid;gap:.5rem}.delete-confirm-body p{margin:0}button.danger-text,.ghost.danger-text{color:var(--danger);border-color:#e4c0c0}.tab-heading{margin:0;font-size:1.1rem}.stack-form{display:grid;gap:.85rem}.status-planned{background:#ece7dc;color:#5c5346}.status-linking{background:#e7eef8;color:#2a4a7a}@media(max-width:860px){.app-shell.with-sidebar{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-footer{border-top:0}}