@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--green:#0b3d2e;--green2:#12614a;--bg:#f6f7f6;--card:#fff;--line:#e2e6e3;--muted:#6b766f;--dyp-green-900:#0b3d2e;--dyp-green-700:#12614a;--dyp-green-600:#1a7359;--dyp-green-100:#eef2ef;--dyp-green-050:#f0f6f3;--dyp-green-on:#cfe9df;--dyp-bg:#f6f7f6;--dyp-surface:#ffffff;--dyp-line:#e2e6e3;--dyp-ink:#16201b;--dyp-muted:#6b766f;--dyp-fill:#e7ede9;--dyp-fill-ink:#16201b;--dyp-disabled:#9aa6a0;--dyp-disabled-bg:#e7ede9;--dyp-magenta:#b0006e;--dyp-running:#1f9d57;--dyp-stopped:#b00020;--dyp-warn:#c47f00;--dyp-error-dot:#e23b3b;--dyp-provision:#e6a700;--dyp-badge-default:#64748b;--dyp-badge-dev:#7a5bff;--dyp-badge-staging:#1f9d57;--dyp-badge-prod:#2f6fed;--dyp-badge-blue:#2f6fed;--dyp-badge-green:#1f9d57;--dyp-notice-bg:#fff6e0;--dyp-notice-line:#f0d894;--dyp-secret-bg:#eef6f1;--dyp-secret-line:#9fc9b4;--dyp-term-bg:#0d1714;--dyp-term-ink:#d6ffe9;--color-bg:var(--dyp-bg);--color-surface:var(--dyp-surface);--color-border:var(--dyp-line);--color-text:var(--dyp-ink);--color-text-muted:var(--dyp-muted);--color-link:var(--dyp-green-700);--color-link-hover:var(--dyp-green-900);--color-primary:var(--dyp-green-700);--color-primary-hover:var(--dyp-green-600);--color-primary-ink:#ffffff;--color-nav-bar:var(--dyp-green-900);--color-nav-ink:var(--dyp-green-on);--color-success:var(--dyp-running);--color-danger:var(--dyp-stopped);--color-warning:var(--dyp-warn);--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,"SF Mono",Consolas,monospace;--text-xs:0.72rem;--text-sm:0.8rem;--text-base:0.9rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.55;--tracking-caps:0.04em;--tracking-wide:0.02em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--space-20:40px;--space-24:48px;--content-max:1320px;--shell-max:1180px;--sidebar-w:200px;--radius-xs:4px;--radius-sm:6px;--radius-md:7px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--shadow-none:none;--shadow-ring:0 0 0 2px rgba(0,0,0,.06);--shadow-card:0 1px 2px rgba(11,61,46,.05);--shadow-pop:0 12px 32px rgba(0,0,0,.25);--shadow-menu:0 12px 32px rgba(11,61,46,.16);--shadow-modal:0 24px 60px rgba(11,61,46,.28);--shadow-drawer:-16px 0 44px rgba(11,61,46,.20);--shadow-focus:0 0 0 3px rgba(18,97,74,.25)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#16201b}a{color:var(--green2)}.brand-bar{display:flex;align-items:center;gap:14px;height:56px;padding:0 24px;background:var(--dyp-green-900);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand-bar .spacer{flex:1 1}.brand-bar--centered{justify-content:center}.brand-bar__wordmark{display:inline-flex;align-items:center;gap:6px;margin-right:8px;font-weight:700;font-size:1rem;letter-spacing:-.01em;white-space:nowrap}.brand-bar__wordmark,.brand-bar__wordmark:hover{color:#fff;text-decoration:none}.brand-bar__mark{color:var(--dyp-green-on);font-weight:700}.brand-nav{display:flex;align-items:center;gap:3px}.nav-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:0;border-radius:9px;background:transparent;font-family:var(--font-sans);font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap}.nav-pill,.nav-pill:hover{color:var(--dyp-green-on);text-decoration:none}.nav-pill:hover{background:rgba(255,255,255,.08)}.nav-pill.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600}.nav-pill .icon{opacity:.85}.nav-pill.active .icon{opacity:1}.brand-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--dyp-green-on);cursor:pointer}.account-pill,.brand-icon-btn:hover{color:#fff;background:rgba(255,255,255,.08)}.account-pill{display:inline-flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:0;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-sans)}.account-pill:hover{background:rgba(255,255,255,.14)}.account-pill__name{font-size:.82rem;font-weight:600;white-space:nowrap}.account-pill__chev{color:var(--dyp-green-on);display:inline-flex}.menu{position:relative;display:inline-flex}.menu__panel{position:absolute;top:calc(100% + 6px);min-width:210px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-menu);padding:6px;z-index:60}.menu__panel--right{right:0}.menu__panel--left{left:0}.menu__item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-family:var(--font-sans)}.menu__item,.menu__item:hover{color:var(--color-text);text-decoration:none}.menu__item:hover{background:var(--dyp-green-100)}.menu__item .icon{color:var(--color-text-muted);flex:0 0 auto}.menu__item--current{font-weight:600}.menu__item--current .icon{color:var(--dyp-running)}.menu__item-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__divider{height:1px;background:var(--color-border);margin:6px 4px}.menu__header{padding:8px 10px 6px}.menu__name{font-weight:600;font-size:.9rem}.menu__email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.menu__label{padding:6px 10px 2px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.breadcrumb-switch{display:inline-flex;align-items:center;gap:3px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.breadcrumb-switch:hover{color:var(--color-text)}.site-search{position:relative}.site-search-input{width:190px;padding:.3rem .6rem;font-size:.85rem;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:rgba(255,255,255,.95);color:#16201b}.site-search-input::placeholder{color:#6b766f}.site-search-results{position:absolute;top:calc(100% + 6px);left:0;width:340px;max-width:80vw;max-height:60vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.25);padding:.35rem;z-index:900}.site-search-empty{padding:.5rem .6rem}.site-search-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .5rem;border-radius:7px}.site-search-row:hover{background:#eef2ef}.brand-bar .site-search-link{display:flex;align-items:baseline;gap:.5rem;min-width:0;text-decoration:none;color:#16201b}.brand-bar .site-search-results .icon-link{color:var(--green2)}.brand-bar .site-search-results .icon-link:hover{color:var(--green)}.site-search-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-search-slug{font-size:.78rem}main{max-width:1100px;margin:1.5rem auto;padding:0 1.2rem}h1{font-size:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;margin-bottom:1rem}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;color:#fff;background:#64748b}.badge.dev{background:#7a5bff}.badge.staging{background:#1f9d57}.badge.blue,.badge.production{background:#2f6fed}.badge.green{background:#1f9d57}.status-running{color:#1f9d57;font-weight:600}.status-stopped{color:#b00020;font-weight:600}.status-error,.status-provisioning{color:#c47f00;font-weight:600}.light{display:inline-block;width:12px;height:12px;border-radius:50%;background:#b8c2bc;box-shadow:0 0 0 2px rgba(0,0,0,.06)}.light-running{background:#1f9d57}.light-stopped{background:#b00020}.light-error{background:#e23b3b}.light-provisioning{background:#e6a700;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.env-label{text-decoration:none;display:inline-flex;align-items:center;gap:6px}.branch-sub{display:block;margin-top:3px;font-family:ui-monospace,Menlo,monospace;font-size:.68rem;color:var(--muted)}.btn.xs{padding:.18rem .5rem;font-size:.72rem;border-radius:6px}.btn.xs.disabled,button.xs:disabled{background:#e7ede9;color:#9aa6a0;cursor:not-allowed}.icon-btn{background:transparent;border:1px solid var(--line);color:var(--green2);border-radius:6px;padding:0 .4rem;font-size:.9rem;line-height:1.4;cursor:pointer}.sites-table{table-layout:fixed;width:100%}.sites-table td,.sites-table th{overflow:hidden;text-overflow:ellipsis}.sites-table td.actions{overflow:visible}.backups-table{table-layout:fixed;width:100%}td.actions{white-space:nowrap;text-align:right}td.actions .btn{margin-right:4px}.action-icons{display:flex;justify-content:flex-end;align-items:center;gap:10px}.icon-link{display:inline-flex;align-items:center;color:var(--green2);line-height:0}.icon-link:hover{color:var(--green)}.icon-link.disabled{color:#c4cec8;pointer-events:none;cursor:not-allowed}.site-shell{display:flex;gap:1.5rem;max-width:1180px;margin:1.5rem auto;padding:0 1.2rem;align-items:flex-start}.sidebar{width:180px;flex-shrink:0}.sidebar-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 .7rem .4rem}.sidebar a{display:block;padding:.45rem .7rem;margin-bottom:2px;border-radius:7px;color:#16201b;text-decoration:none;font-size:.9rem}.sidebar a:hover{background:#eef2ef}.sidebar a.active{background:var(--green);color:#fff}.sidebar-content{flex:1 1;min-width:0}.sidebar-content main{max-width:none;margin:0;padding:0}.btn,button{background:var(--green2);color:#fff;border:0;border-radius:7px;padding:.45rem .8rem;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary,button.secondary{background:#e7ede9;color:#16201b}button.danger{background:#b00020}.btn.queued,button.queued{background:#c47f00;color:#fff;cursor:default}button.queued:disabled{opacity:1}.sidebar-actions{margin-top:1.6rem;padding-top:.9rem;border-top:1px solid #e1e7e3;display:flex;flex-direction:column;gap:.45rem}.sidebar-actions a.btn{display:block;text-align:center;background:#fff;color:var(--green2);border:1px solid var(--green2);border-radius:7px;padding:.4rem .7rem;font-size:.82rem;font-weight:600}.sidebar-actions a.btn:hover{background:#f0f6f3}.sidebar-actions a.btn.secondary{color:#41504a;border-color:#c4cec9;font-weight:500}.sidebar-actions a.btn.secondary:hover{background:#f1f4f2}input,select,textarea{padding:.45rem .6rem;border:1px solid var(--line);border-radius:7px;font-size:.9rem;font-family:inherit}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.2rem}.field{margin-bottom:.8rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.5rem;border-bottom:1px solid var(--line);font-size:.9rem}.muted{color:var(--muted);font-size:.85rem}code,pre{font-family:ui-monospace,Menlo,monospace}pre.log{background:#0d1714;color:#d6ffe9;padding:1rem;border-radius:8px;overflow:auto;max-height:420px;font-size:.8rem}.notice{background:#fff6e0;border:1px solid #f0d894;padding:.7rem .9rem;border-radius:8px;font-size:.85rem}.secret{background:#eef6f1;border:1px dashed #9fc9b4;padding:.6rem;border-radius:8px;word-break:break-all}.inline-name-trigger{font:inherit;color:inherit;background:none;border:none;padding:2px 4px;margin:-2px -4px;border-radius:var(--radius-xs);cursor:text;text-align:left}.inline-name-trigger:hover:not(:disabled){background:var(--dyp-green-100);color:var(--color-link)}.inline-name-trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.inline-name-trigger:disabled{cursor:default;opacity:.6}.inline-name-input{min-width:160px;padding:.3rem .5rem}.inline-name-error{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--color-danger)}.page-bar{display:flex;align-items:center;gap:16px;padding:16px 32px;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:56px;z-index:40}.page-bar .spacer{flex:1 1}.page-bar__titles{min-width:0}.page-bar__crumb{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:2px}.page-bar__crumb a{color:inherit}.page-bar__title{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.01em}.page-bar__actions{display:inline-flex;align-items:center;gap:10px}.app-content{max-width:var(--content-max);margin:0 auto;padding:24px 32px 48px}.icon{display:inline-block;vertical-align:middle;flex:0 0 auto}.btn.ghost{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);font-weight:600}.btn.ghost:hover{background:var(--dyp-green-050);border-color:var(--dyp-green-600)}.btn.danger{background:var(--dyp-stopped);color:#fff}.btn.has-icon{display:inline-flex;align-items:center;gap:8px}.btn.btn--block{display:flex;width:100%;align-items:center;justify-content:center;gap:8px}.btn.disabled{background:var(--dyp-disabled-bg);color:var(--dyp-disabled);border-color:var(--color-border);cursor:not-allowed;pointer-events:none}.btn__label{display:inline-flex;align-items:center}.mono{font-family:var(--font-mono)}.avatar{justify-content:center;border-radius:var(--radius-full);color:#fff;font-weight:700;line-height:1;flex:0 0 auto}.avatar,.status-light{display:inline-flex;align-items:center}.status-light{gap:6px}.env-pill,.status-light__label{font-weight:600;font-size:var(--text-xs)}.env-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--env-color) 32%,transparent);background:color-mix(in srgb,var(--env-color) 9%,transparent);color:var(--env-color);white-space:nowrap}.env-pill--off{border-color:var(--color-border);background:var(--dyp-bg);color:var(--color-text-muted)}.env-pill__status{opacity:.75;font-weight:500}.stat-tile{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;text-align:left;padding:14px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;text-decoration:none;transition:border-color .15s ease}.stat-tile:hover{border-color:var(--dyp-green-600)}.stat-tile.active{border:1.5px solid var(--stat-accent)}.stat-tile--static{cursor:default}.stat-tile--static:hover{border-color:var(--color-border)}.stat-tile__head{display:flex;align-items:center;gap:8px}.stat-tile__icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:color-mix(in srgb,var(--stat-accent) 12%,transparent);color:var(--stat-accent)}.stat-tile__label{font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.stat-tile__value{font-size:1.9rem;font-weight:700;line-height:1;color:var(--color-text)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:.82rem;font-weight:500;cursor:pointer}.chip.active{border-color:var(--dyp-green-700);background:var(--dyp-green-700);color:#fff}.chip__count{font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);background:var(--dyp-green-100);color:var(--dyp-green-700)}.chip.active .chip__count{background:rgba(255,255,255,.22);color:#fff}.card--nested{margin-bottom:0}.card--raised{box-shadow:var(--shadow-card)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.8rem}.card__title{margin:0;font-size:var(--text-lg);font-weight:700}.card__actions{display:inline-flex;align-items:center;gap:8px}.card__body{min-width:0}.mobile-nav{display:none}@media (max-width:1024px){.brand-bar{gap:8px;padding:0 12px}.account-pill__name,.ask-ai-trigger__label,.brand-bar>.site-search,.brand-nav{display:none}.mobile-nav{display:inline-flex;align-items:center}.mobile-nav__panel{position:fixed;top:56px;left:8px;right:8px;max-height:calc(100vh - 64px);overflow-y:auto;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-menu);padding:8px;z-index:80}.mobile-nav__search{margin-bottom:6px}.mobile-nav__search .site-search,.mobile-nav__search .site-search-input{width:100%}.mobile-nav__search .site-search-input{border:1px solid var(--color-border);background:var(--color-surface)}.page-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.page-bar .spacer{display:none}.page-bar__actions{flex-wrap:wrap}.app-content{padding:16px 16px 40px}main{padding:0 1rem}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.stat-grid--scroll-mobile{display:flex!important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-grid--scroll-mobile>*{flex:0 0 auto;width:auto;min-width:190px}.site-row{flex-wrap:wrap}.site-shell{flex-direction:column;align-items:stretch;gap:1rem;padding:0 1rem;margin:1rem auto}.sidebar{width:100%;display:flex;gap:4px;overflow-x:auto;padding-bottom:6px;border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch}.sidebar-title{display:none}.sidebar a{flex:0 0 auto;margin-bottom:0;white-space:nowrap}.env-slot-grid{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;max-width:100%}.app-content,main{padding-bottom:88px}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr!important}.brand-bar__wordmark svg{height:20px;width:auto}}