:root{--color-primary: #4f39f6;--color-primary-hover: #4330d9;--color-primary-active: #3826bd;--color-primary-subtle: #eef0ff;--color-primary-subtle-2: #e0e2ff;--color-primary-ring: rgba(79, 57, 246, .16);--color-success: #16a34a;--color-success-subtle: #dcfce7;--color-warning: #b45309;--color-warning-subtle: #fef3c7;--color-danger: #dc2626;--color-danger-subtle: #fee2e2;--color-info: #2563eb;--color-info-subtle: #dbeafe;--color-text: #111827;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-text-inverse: #f9fafb;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-border-danger: #fecaca;--color-hairline: #f3f4f6;--color-surface: #ffffff;--color-surface-sunken: #f9fafb;--color-surface-sunken-2: #f3f4f6;--color-sidebar-bg: #0b0b1a;--color-sidebar-bg-2: #12122a;--font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.625rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14);--sidebar-width: 250px;--content-max-width: 1440px;--topbar-height: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background:var(--color-surface-sunken);-webkit-font-smoothing:antialiased}#app{min-height:100vh}input,select,textarea,button{font-family:inherit;font-size:inherit}a{color:inherit}::placeholder{color:var(--color-text-faint)}h1,h2,h3{margin:0}.ic{display:inline-block;width:1em;height:1em;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--ic) no-repeat center / contain;mask:var(--ic) no-repeat center / contain;vertical-align:-.14em}.ic--lg{font-size:1.25rem}.ic--xl{font-size:1.5rem}.connect{display:flex;min-height:100vh}.connect__brand{width:44%;min-width:380px;background:radial-gradient(120% 90% at 15% 10%,rgba(79,57,246,.35),transparent 55%),radial-gradient(90% 80% at 90% 90%,rgba(109,92,248,.28),transparent 50%),var(--color-sidebar-bg);color:var(--color-text-inverse);padding:var(--space-8) 3.5rem;display:flex;flex-direction:column;justify-content:center}.connect__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10)}.connect__mark{width:40px;height:40px}.connect__mark img{width:100%;height:100%;display:block}.connect__product{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.connect__headline{font-size:2.1rem;font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.02em;max-width:440px}.connect__subhead{font-size:var(--font-size-md);color:#f9fafbad;margin-top:var(--space-5);max-width:420px;line-height:1.6}.connect__features{margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-4)}.connect__feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:#f9fafbd1}.connect__feature .ic{color:#a5b4fc;font-size:1.1rem}.connect__panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-surface)}.connect__form{width:100%;max-width:400px}.connect__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin-bottom:var(--space-2)}.connect__lede{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-6)}.connect__error{margin-bottom:var(--space-4)}.password-field{position:relative}.password-field .input{padding-right:3rem}.password-field__toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);background:none;border:none;-webkit-user-select:none;user-select:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.password-field__toggle:hover{color:var(--color-text);background:var(--color-surface-sunken)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar-bg);color:var(--color-text-inverse);display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);position:sticky;top:0;height:100vh;overflow:hidden}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-5) var(--space-2)}.sidebar__mark{width:30px;height:30px;flex-shrink:0}.sidebar__mark img{width:100%;height:100%;display:block}.sidebar__product{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.sidebar__section-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;color:#f9fafb66;padding:0 var(--space-2);margin-bottom:var(--space-2);text-transform:uppercase}.sidebar__add{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);background:#ffffff14;color:#f9fafbb3;text-decoration:none;font-size:.85rem}.sidebar__add:hover{background:var(--color-primary);color:#fff}.sidebar__current-app{display:flex;align-items:center;gap:var(--space-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-5);text-decoration:none;color:inherit}.sidebar__current-app:hover{background:#ffffff14}.sidebar__current-app-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6d5cf8,var(--color-primary));display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0;color:#fff}.sidebar__current-app-text{min-width:0;flex:1}.sidebar__current-app-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__current-app-id{font-size:var(--font-size-xs);color:#f9fafb66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__current-app-chevron{color:#f9fafb66;font-size:1rem}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:2px;text-decoration:none;color:#f9fafbc7;transition:background .12s ease,color .12s ease}.sidebar__nav-item .ic{font-size:1.1rem;color:#f9fafb80}.sidebar__nav-item:hover{background:#ffffff0d;color:#fff}.sidebar__nav-item:hover .ic{color:#f9fafbd9}.sidebar__nav-item--active{background:var(--color-primary);color:#fff}.sidebar__nav-item--active .ic{color:#fff}.sidebar__nav-item--active:hover{background:var(--color-primary)}.sidebar__nav-item--last{margin-bottom:var(--space-5)}.sidebar__spacer{flex:1}.sidebar__tables{flex:1;overflow-y:auto;margin-bottom:var(--space-4);min-height:40px}.sidebar__tables::-webkit-scrollbar{width:6px}.sidebar__tables::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sidebar__table-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#f9fafbc7;text-decoration:none}.sidebar__table-row .ic{font-size:1rem;color:#f9fafb66}.sidebar__table-row:hover{background:#ffffff0d;color:#fff}.sidebar__table-row--active{background:#ffffff14;color:#fff}.sidebar__table-row--active .ic{color:#a5b4fc}.sidebar__table-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__table-count{color:#f9fafb80;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:#ffffff12;border-radius:999px;padding:1px 8px}.sidebar__footer{border-top:1px solid rgba(255,255,255,.09);padding-top:var(--space-4)}.sidebar__server{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:#f9fafb80;overflow:hidden;margin-bottom:var(--space-3)}.sidebar__server .ic{font-size:.9rem;flex-shrink:0}.sidebar__server-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__disconnect-form{margin:0}.sidebar__disconnect{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;color:#f9fafb8c;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer}.sidebar__disconnect:hover{color:#fca5a5}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);flex-shrink:0;border-bottom:1px solid var(--color-border);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8)}.breadcrumb{display:flex;align-items:center;min-width:0}.breadcrumb__link{color:var(--color-text-muted);font-size:var(--font-size-base);text-decoration:none;white-space:nowrap}.breadcrumb__link:hover{color:var(--color-text)}.breadcrumb__current{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap}.breadcrumb__sep{color:var(--color-border-strong);margin:0 var(--space-2);display:inline-flex;font-size:.9rem}.topbar__right{display:flex;align-items:center;gap:var(--space-4)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 12px;border-radius:999px;background:var(--color-success-subtle);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-pill__dot{width:7px;height:7px;border-radius:50%;background:var(--color-success)}.topbar__icon{color:var(--color-text-muted);display:inline-flex;font-size:1.15rem}.content{flex:1;padding:var(--space-8);max-width:var(--content-max-width);width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-head__id{display:flex;gap:var(--space-4);align-items:flex-start;min-width:0}.page-head__icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6d5cf8,var(--color-primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:var(--shadow-sm)}.page-head__icon--soft{background:var(--color-primary-subtle);color:var(--color-primary)}.page-head__icon--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.page-head__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.page-title--sm{font-size:var(--font-size-lg)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-1);max-width:640px}.page-head__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-head__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-head__meta-sep{width:3px;height:3px;border-radius:50%;background:var(--color-border-strong)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.toolbar__search{flex:1;max-width:380px}.search-box{position:relative}.search-box .ic{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-faint);font-size:1.05rem;pointer-events:none}.search-box .input{padding-left:2.4rem}.search-input{width:360px;max-width:100%;margin-bottom:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);padding:.5625rem 1rem;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn .ic{font-size:1.05rem}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.btn--disabled-link{pointer-events:none;opacity:.45}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken-2);color:var(--color-text)}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-border-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-subtle)}.btn-danger-solid{background:var(--color-danger);color:#fff}.btn-danger-solid:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:.3125rem .6875rem;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-sm .ic{font-size:.95rem}.btn-icon{width:30px;height:30px;padding:0;border-radius:var(--radius-sm);background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.btn-icon:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.btn-icon.btn-danger:hover:not(:disabled){color:var(--color-danger)}.field{margin-bottom:var(--space-5)}.field:last-child{margin-bottom:0}.field label,.field-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.req{color:var(--color-danger);font-weight:var(--font-weight-bold)}.optional-tag{color:var(--color-text-faint);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}.field-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);line-height:1.5}.field-error{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-2)}.input,select.input,textarea.input{width:100%;padding:.5625rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text);transition:border-color .12s ease,box-shadow .12s ease}.input:hover:not(:disabled):not(:focus),select.input:hover,textarea.input:hover{border-color:var(--color-text-faint)}.input:focus,select.input:focus,textarea.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}textarea.input{resize:vertical;min-height:90px}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url(/assets/icons/chevron-down.svg);background-repeat:no-repeat;background-position:right .7rem center;background-size:1.05em;padding-right:2.4rem;cursor:pointer}.input--mono{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.input--readonly{background:var(--color-surface-sunken);color:var(--color-text-muted);border-color:var(--color-border)}.status-toggle{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-sunken-2);border-radius:var(--radius-md)}.status-toggle__option{position:relative}.status-toggle__input{position:absolute;opacity:0;pointer-events:none}.status-toggle__label{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:all .12s ease}.status-toggle__input:checked+.status-toggle__label{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.status-toggle__input:checked+.status-toggle__label .status-toggle__dot{background:var(--color-success)}.status-toggle__dot{width:7px;height:7px;border-radius:50%;background:var(--color-border-strong)}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);padding-top:var(--space-3);border-top:1px solid var(--color-hairline)}.meta-grid__value{color:var(--color-text);font-weight:var(--font-weight-semibold)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--color-hairline);gap:var(--space-4)}.toggle-row:first-child{padding-top:0}.toggle-row:last-child{border-bottom:none;padding-bottom:0}.toggle-row__label{display:flex;align-items:center;gap:var(--space-3)}.toggle-row__icon{width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.toggle-row__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.toggle-row__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;max-width:560px}.switch{position:relative;flex-shrink:0;display:inline-block;width:40px;height:22px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border-strong);border-radius:999px;transition:background .15s ease;pointer-events:none}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-xs);transition:transform .15s ease}.switch input:checked+.switch__track{background:var(--color-primary)}.switch input:checked+.switch__track:after{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 3px var(--color-primary-ring)}.toggle-row__input{width:20px;height:20px;flex-shrink:0}.checkbox-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-base);cursor:pointer}.checkbox-row:hover{background:var(--color-surface-sunken)}.checkbox-row input{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.checkbox-row label{cursor:pointer;margin:0}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-hairline)}.form-actions--split{justify-content:space-between}.action-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin:var(--space-6) calc(-1 * var(--space-8)) calc(-1 * var(--space-8));padding:var(--space-4) var(--space-8);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);z-index:10}.action-bar--split{justify-content:space-between}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-6);align-items:start}.form-main{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.form-aside{display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:calc(var(--topbar-height) + var(--space-6))}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.form-section__head{margin-bottom:var(--space-5)}.form-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.form-section__title .ic{color:var(--color-primary);font-size:1.1rem}.form-section__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.form-grid--single{grid-template-columns:1fr}.field--full{grid-column:1 / -1}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.info-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.info-card__title .ic{color:var(--color-primary)}.info-card__body{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.info-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.info-card__link:hover{text-decoration:underline}.tip-list{display:flex;flex-direction:column;gap:var(--space-4)}.tip{display:flex;gap:var(--space-3)}.tip__icon{width:30px;height:30px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.tip__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tip__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;line-height:1.5}.checklist{display:flex;flex-direction:column;gap:var(--space-3)}.checklist__item{display:flex;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.checklist__item .ic{color:var(--color-success);font-size:1.05rem;margin-top:1px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card+.card{margin-top:var(--space-5)}.form-max{max-width:760px}.form-max--narrow{max-width:560px}.form-max--wide{max-width:820px}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card-header-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.card-header-title .ic{color:var(--color-primary)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-5)}.section-title .ic{color:var(--color-primary)}.app-detail__identity{display:flex;gap:var(--space-4);align-items:flex-start}.app-detail__icon{width:52px;height:52px;border-radius:var(--radius-lg);font-size:var(--font-size-lg);background:linear-gradient(135deg,#6d5cf8,var(--color-primary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:var(--shadow-sm)}.app-detail__title-row{display:flex;align-items:center;gap:var(--space-3)}.app-detail__id{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:3px}.app-detail__desc{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-2);max-width:560px}.danger-zone{border-color:var(--color-border-danger);background:linear-gradient(0deg,#fee2e240,#fee2e240),var(--color-surface)}.danger-zone__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-danger);margin-bottom:var(--space-1)}.danger-zone__body{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:560px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.stat-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-text-muted);text-transform:uppercase}.stat-card__icon{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.05rem;background:var(--color-primary-subtle);color:var(--color-primary)}.stat-card__icon--success{background:var(--color-success-subtle);color:var(--color-success)}.stat-card__icon--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.stat-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1}.stat-card__value--text{font-size:var(--font-size-lg)}.stat-card__value--success{color:var(--color-success)}.stat-card__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.data-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.data-table__row{display:grid;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-hairline)}.data-table__row:last-child{border-bottom:none}.data-table__row--apps-preview{grid-template-columns:2fr 1fr 1fr}.data-table__row--tables{grid-template-columns:2fr 110px 90px 220px}.data-table__row--fields{grid-template-columns:2fr 1.2fr 80px 80px 1fr 170px}.data-table__row--records{grid-template-columns:130px repeat(4,minmax(0,1fr)) 170px}.data-table__row--apikeys{grid-template-columns:2fr 1.4fr 1fr 1fr 1fr}.data-table__row--head{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.03em}.data-table__row--clickable{cursor:pointer;text-decoration:none;color:inherit;transition:background .1s ease}.data-table__row--clickable:hover{background:var(--color-surface-sunken)}.data-table__cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}a.data-table__cell:hover{color:var(--color-primary)}.data-table__cell-lead{display:flex;align-items:center;gap:var(--space-3);min-width:0}.data-table__cell-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.data-table__cell-title{font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table__cell-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table__cell-mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.data-table__cell-mono:hover{color:var(--color-primary)}.data-table__actions{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center}.data-table__actions form{margin:0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4)}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination__controls{display:flex;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--success{background:var(--color-success-subtle);color:var(--color-success)}.badge--neutral{background:var(--color-surface-sunken-2);color:var(--color-text-muted)}.badge--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background:var(--color-info-subtle);color:var(--color-info)}.badge--outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted)}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-surface-sunken-2);color:var(--color-text-muted)}.type-badge .ic{font-size:.95rem;color:var(--color-primary)}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center}.empty-state__icon{width:56px;height:56px;border-radius:var(--radius-xl);margin:0 auto var(--space-4);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.6rem}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.empty-state__body{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:420px;margin-left:auto;margin-right:auto}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.tile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:inherit;display:block;box-shadow:var(--shadow-xs);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.tile-card:hover{border-color:var(--color-primary-subtle-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.tile-card__icon{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6d5cf8,var(--color-primary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);box-shadow:var(--shadow-sm)}.tile-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.tile-card__id{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-faint);margin-top:2px}.tile-card__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3);min-height:40px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-card__stats{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-hairline)}.tile-card__stat-value{font-size:1.1rem;font-weight:var(--font-weight-bold)}.tile-card__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tile-card__arrow{margin-left:auto;align-self:center;color:var(--color-text-faint);font-size:1.1rem}.tile-card--new{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px}.tile-card--new:hover{transform:none;border-color:var(--color-primary)}.tile-card--new .tile-card__icon{background:var(--color-primary-subtle);color:var(--color-primary);font-size:1.4rem;margin-bottom:var(--space-3)}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab .ic{font-size:1.05rem}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:900}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:560px;max-width:92%;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal--narrow{width:480px}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.modal__close{cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-lg);background:none;border:none;line-height:1}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-hairline);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal__footer--split{justify-content:space-between}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.type-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer}.type-option .ic{color:var(--color-primary)}.type-option--selected{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-subtle);color:var(--color-primary);padding:5px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.chip__remove{cursor:pointer;background:none;border:none;color:inherit;font-size:var(--font-size-sm);line-height:1;padding:0}.inline-add{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.inline-add .input{flex:1}.fieldset-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5)}.fieldset-group__legend{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.fieldset-group__legend .ic{color:var(--color-primary)}.callout{display:flex;align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);line-height:1.5}.callout .ic{font-size:1.15rem;flex-shrink:0;margin-top:1px}.callout__title{font-weight:var(--font-weight-bold)}.callout--info{background:var(--color-primary-subtle);color:var(--color-primary)}.callout--success{background:var(--color-success-subtle);color:var(--color-success)}.callout--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.callout--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.secret-value{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--color-primary-subtle-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-mono);background:var(--color-primary-subtle);color:var(--color-primary);word-break:break-all;margin-bottom:var(--space-2)}.secret-value .ic{flex-shrink:0;font-size:1.1rem}.toast-stack{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:var(--space-3);z-index:1000;width:340px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background:var(--color-surface)}.toast .ic{font-size:1.15rem;flex-shrink:0;margin-top:1px}.toast--success{border-left:3px solid var(--color-success)}.toast--success .ic{color:var(--color-success)}.toast--error{border-left:3px solid var(--color-danger)}.toast--error .ic{color:var(--color-danger)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5);align-items:start}.detail-row{display:grid;grid-template-columns:180px 1fr;padding:var(--space-3) 0;border-bottom:1px solid var(--color-hairline);font-size:var(--font-size-base);gap:var(--space-4)}.detail-row:last-child{border-bottom:none}.detail-row__label{color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.detail-row__value{min-width:0;word-break:break-word}.related-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-hairline)}.related-row:last-child{border-bottom:none}.related-row__link{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;color:inherit}.related-row__link .ic{color:var(--color-primary)}.related-row__add{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.field-preview img{max-width:100%;max-height:140px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:var(--space-2)}@media(max-width:1080px){.form-layout{grid-template-columns:1fr}.form-aside{position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.content{padding:var(--space-5)}}.ic-alert-triangle{--ic:url(/assets/icons/alert-triangle.svg)}.ic-align-left{--ic:url(/assets/icons/align-left.svg)}.ic-arrow-down{--ic:url(/assets/icons/arrow-down.svg)}.ic-arrow-right{--ic:url(/assets/icons/arrow-right.svg)}.ic-arrow-up{--ic:url(/assets/icons/arrow-up.svg)}.ic-book{--ic:url(/assets/icons/book.svg)}.ic-box{--ic:url(/assets/icons/box.svg)}.ic-braces{--ic:url(/assets/icons/braces.svg)}.ic-calendar{--ic:url(/assets/icons/calendar.svg)}.ic-check-circle{--ic:url(/assets/icons/check-circle.svg)}.ic-check{--ic:url(/assets/icons/check.svg)}.ic-chevron-down{--ic:url(/assets/icons/chevron-down.svg)}.ic-chevron-left{--ic:url(/assets/icons/chevron-left.svg)}.ic-chevron-right{--ic:url(/assets/icons/chevron-right.svg)}.ic-chevron-up{--ic:url(/assets/icons/chevron-up.svg)}.ic-clock{--ic:url(/assets/icons/clock.svg)}.ic-copy{--ic:url(/assets/icons/copy.svg)}.ic-database{--ic:url(/assets/icons/database.svg)}.ic-dot{--ic:url(/assets/icons/dot.svg)}.ic-edit{--ic:url(/assets/icons/edit.svg)}.ic-external-link{--ic:url(/assets/icons/external-link.svg)}.ic-eye-off{--ic:url(/assets/icons/eye-off.svg)}.ic-eye{--ic:url(/assets/icons/eye.svg)}.ic-filter{--ic:url(/assets/icons/filter.svg)}.ic-git-branch{--ic:url(/assets/icons/git-branch.svg)}.ic-grid{--ic:url(/assets/icons/grid.svg)}.ic-hash{--ic:url(/assets/icons/hash.svg)}.ic-help-circle{--ic:url(/assets/icons/help-circle.svg)}.ic-home{--ic:url(/assets/icons/home.svg)}.ic-image{--ic:url(/assets/icons/image.svg)}.ic-info{--ic:url(/assets/icons/info.svg)}.ic-key{--ic:url(/assets/icons/key.svg)}.ic-layers{--ic:url(/assets/icons/layers.svg)}.ic-lifebuoy{--ic:url(/assets/icons/lifebuoy.svg)}.ic-lightbulb{--ic:url(/assets/icons/lightbulb.svg)}.ic-link{--ic:url(/assets/icons/link.svg)}.ic-list{--ic:url(/assets/icons/list.svg)}.ic-lock{--ic:url(/assets/icons/lock.svg)}.ic-log-out{--ic:url(/assets/icons/log-out.svg)}.ic-mail{--ic:url(/assets/icons/mail.svg)}.ic-plus{--ic:url(/assets/icons/plus.svg)}.ic-search{--ic:url(/assets/icons/search.svg)}.ic-server{--ic:url(/assets/icons/server.svg)}.ic-settings{--ic:url(/assets/icons/settings.svg)}.ic-shield-check{--ic:url(/assets/icons/shield-check.svg)}.ic-shield{--ic:url(/assets/icons/shield.svg)}.ic-sparkles{--ic:url(/assets/icons/sparkles.svg)}.ic-table{--ic:url(/assets/icons/table.svg)}.ic-tag{--ic:url(/assets/icons/tag.svg)}.ic-toggle{--ic:url(/assets/icons/toggle.svg)}.ic-trash{--ic:url(/assets/icons/trash.svg)}.ic-type{--ic:url(/assets/icons/type.svg)}.ic-unlock{--ic:url(/assets/icons/unlock.svg)}.ic-user{--ic:url(/assets/icons/user.svg)}.ic-x{--ic:url(/assets/icons/x.svg)}