.brand-logo-frame{width:var(--brand-logo-size);height:var(--brand-logo-size);border:1px solid rgba(var(--action-primary-rgb), .22);border-radius:calc(var(--brand-logo-size) * .22);background:var(--bg-primary);box-shadow:0 0 0 1px rgba(var(--text-primary-rgb), .025), 0 0 18px rgba(var(--action-primary-rgb), .12);flex:none;place-items:center;display:inline-grid;overflow:hidden}.brand-logo-frame>img{object-fit:cover;transform-origin:50% 52%;width:100%;max-width:none;height:100%;transform:scale(1.5)}.notif-bell-wrap{min-width:0;position:relative}.notif-bell-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:rgba(var(--action-primary-rgb), .045);min-width:44px;min-height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex;position:relative}.notif-bell-btn:hover{border-color:var(--border-hover);background:rgba(var(--action-primary-rgb), .1);color:var(--action-primary-hover);box-shadow:var(--glow-cyan)}.notif-badge{border-radius:var(--radius-full);background:var(--status-danger);min-width:18px;height:18px;color:var(--text-on-action);font-family:var(--font-mono);justify-content:center;align-items:center;padding:0 5px;font-size:9px;font-weight:800;display:inline-flex}.notif-dropdown{z-index:1000;border:1px solid var(--border-control);border-radius:var(--radius-lg);background:rgba(var(--bg-elevated-rgb), .97);width:min(340px,100vw - 292px);box-shadow:0 0 0 1px rgba(var(--action-primary-rgb), .06), 0 22px 54px rgba(var(--shadow-rgb), .52);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;bottom:76px;left:276px;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;min-height:58px;padding:8px 12px;display:flex;position:relative}.notif-dropdown-header h2{text-align:center;margin:0;font-size:15px}.notif-clear-btn{border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex;position:absolute;right:8px}.notif-clear-btn:hover{background:var(--bg-card);color:var(--text-primary)}.notif-empty{min-height:140px;padding:var(--spacing-lg);color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.notif-empty p{margin:0;font-size:13px}.notif-list{max-height:340px;overflow-y:auto}.notif-item{border:0;border-bottom:1px solid var(--border-subtle);width:100%;min-height:64px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;grid-template-columns:20px minmax(0,1fr) 8px;align-items:start;gap:10px;padding:12px 14px;display:grid}.notif-item:last-child{border-bottom:0}.notif-item:hover:not(:disabled){background:var(--bg-card)}.notif-item:disabled{cursor:default;opacity:.6}.notif-type-icon{color:var(--action-primary);margin-top:2px}.notif-down .notif-type-icon{color:var(--status-danger)}.notif-recovery .notif-type-icon{color:var(--status-success)}.notif-item-body{gap:5px;min-width:0;display:grid}.notif-message{color:var(--text-primary);font-size:13px;line-height:1.45}.notif-time{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.notif-unread-dot{background:var(--action-primary);border-radius:50%;width:8px;height:8px;margin-top:5px}@media (width<=768px){.notif-dropdown{width:auto;max-height:min(520px,100dvh - 32px);bottom:16px;left:16px;right:16px}.notif-list{max-height:min(400px,100dvh - 124px)}}.sidebar{z-index:100;border-right:1px solid var(--border-subtle);background:linear-gradient(180deg, rgba(var(--action-primary-rgb), .035), transparent 24%), rgba(var(--bg-secondary-rgb), .97);width:264px;box-shadow:14px 0 42px rgba(var(--shadow-rgb), .26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-height:72px;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 rgba(var(--action-primary-rgb), .025);display:flex}.sidebar-brand,.mobile-shell-brand{min-height:44px;color:var(--text-primary);font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:760;display:inline-flex}.sidebar-close,.mobile-menu-button,.sidebar-logout{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:rgba(var(--action-primary-rgb), .045);width:44px;height:44px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);place-items:center;padding:0;display:grid}.sidebar-close{display:none}.sidebar-close:hover,.mobile-menu-button:hover{border-color:var(--border-hover);background:rgba(var(--action-primary-rgb), .1);color:var(--action-primary-hover);box-shadow:var(--glow-cyan)}.sidebar-nav{min-height:0;padding:var(--spacing-md) 12px;flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sidebar-nav-heading{color:var(--text-muted);margin:0 10px 6px;font-size:12px;font-weight:700}.sidebar-nav-heading-secondary{margin-top:var(--spacing-md)}.sidebar-nav-item{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;text-decoration:none;display:grid;position:relative}.sidebar-nav-item:hover{border-color:var(--border-subtle);background:rgba(var(--action-primary-rgb), .055);color:var(--text-primary)}.sidebar-nav-item.active{border-color:rgba(var(--action-primary-rgb), .34);background:linear-gradient(90deg, rgba(var(--action-primary-rgb), .14), rgba(var(--action-primary-rgb), .055));color:var(--action-primary);box-shadow:inset 0 0 24px rgba(var(--action-primary-rgb), .035)}.sidebar-nav-item.active:before{border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--action-primary);content:"";width:3px;position:absolute;top:9px;bottom:9px;left:-1px}.sidebar-nav-item>svg:last-child{transition:transform var(--transition-fast)}.sidebar-nav-item>svg:last-child.is-open{transform:rotate(180deg)}.sidebar-badge{border:1px solid rgba(var(--accent-secondary-rgb), .36);border-radius:var(--radius-full);color:var(--accent-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;font-size:9px;font-weight:750}.sidebar-nav-group{gap:4px;display:grid}.sidebar-subnav{border-left:1px solid var(--border-subtle);gap:2px;margin:0 0 4px 30px;padding-left:12px;display:grid}.sidebar-subnav button{border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;padding:8px 10px;font-size:13px}.sidebar-subnav button:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-subnav button.active{background:rgba(var(--action-primary-rgb), .08);color:var(--action-primary);font-weight:700}.sidebar-user{padding:14px 12px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:rgba(var(--bg-primary-rgb), .28);gap:12px;display:grid}.sidebar-user-info{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.user-avatar{border-radius:var(--radius-full);background:var(--action-primary);width:38px;height:38px;color:var(--text-on-action);box-shadow:0 0 22px rgba(var(--action-primary-rgb), .22);place-items:center;font-size:14px;font-weight:800;display:grid}.user-details{gap:2px;min-width:0;display:grid}.user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.user-role{color:var(--text-muted);font-size:11px}.sidebar-user-actions{grid-template-columns:1fr 44px;gap:8px;display:grid}.sidebar-user-actions .notif-bell-btn{width:100%}.sidebar-logout:hover{border-color:rgba(var(--status-danger-rgb), .4);background:rgba(var(--status-danger-rgb), .09);color:var(--status-danger)}.mobile-shell-header,.sidebar-mobile-overlay{display:none}@media (width<=768px){.mobile-shell-header{z-index:90;justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:64px;padding:10px var(--spacing-md);border-bottom:1px solid var(--border-subtle);background:rgba(var(--bg-primary-rgb), .9);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 10px 30px rgba(var(--shadow-rgb), .28);display:flex;position:fixed;inset:0 0 auto}.mobile-shell-brand{font-size:17px}.sidebar{z-index:120;width:min(320px,86vw);transition:transform var(--transition-base);transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-close{display:grid}.sidebar-mobile-overlay{z-index:110;background:var(--surface-overlay);cursor:pointer;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}}.main-layout{isolation:isolate;background:radial-gradient(circle at 84% 10%, rgba(var(--action-primary-rgb), .075), transparent 26rem), radial-gradient(circle at 22% 88%, rgba(var(--accent-secondary-rgb), .055), transparent 30rem), var(--bg-primary);min-height:100dvh;position:relative;overflow:clip}.app-skip-link{top:var(--spacing-md);left:calc(264px + var(--spacing-md));z-index:1000;border-radius:var(--radius-sm);background:var(--action-primary);color:var(--text-on-action);transition:transform var(--transition-fast);padding:10px 14px;font-weight:700;text-decoration:none;position:fixed;transform:translateY(-180%)}.app-skip-link:focus{transform:translateY(0)}.main-layout:before{z-index:0;background-image:linear-gradient(rgba(var(--action-primary-rgb), .045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--action-primary-rgb), .045) 1px, transparent 1px);content:"";opacity:.72;pointer-events:none;will-change:transform;background-size:48px 48px;animation:28s linear infinite app-grid-drift;position:fixed;inset:-8%;transform:translate(0,0)}.main-layout:after{z-index:0;background:linear-gradient(180deg, transparent 0%, rgba(var(--action-primary-rgb), .025) 48%, transparent 100%);content:"";pointer-events:none;position:fixed;inset:0}@keyframes app-grid-drift{to{transform:translate(48px,48px)}}.main-content{z-index:1;outline:none;min-height:100dvh;margin-left:264px;position:relative}.main-content-inner{width:100%;max-width:1400px;min-height:100dvh;margin-inline:auto}@media (prefers-reduced-motion:reduce){.main-layout:before{will-change:auto;animation:none}}@media (width<=768px){.app-skip-link{left:var(--spacing-md)}.main-content{margin-left:0;padding-top:64px}.main-content-inner{min-height:calc(100dvh - 64px)}}*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#020b0e;--bg-primary-rgb:2, 11, 14;--bg-secondary:#041419;--bg-secondary-rgb:4, 20, 25;--bg-card:#082027;--bg-card-rgb:8, 32, 39;--bg-card-solid:#082027;--bg-card-hover:#0b2931;--bg-elevated:#0d3038;--bg-elevated-rgb:13, 48, 56;--bg-input:#061a20;--surface-overlay:rgba(var(--bg-primary-rgb), .86);--shadow-rgb:0, 5, 7;--border-subtle:#5be5f329;--border:#67eff73d;--border-strong:#67eff747;--border-control:#84f4fb70;--border-hover:#84f4fbb8;--border-active:#9af8ff;--action-primary:#67eff7;--action-primary-hover:#9af8ff;--action-primary-rgb:103, 239, 247;--accent-secondary:#46bfd0;--accent-secondary-rgb:70, 191, 208;--status-success:#55e6bd;--status-success-rgb:85, 230, 189;--status-warning:#e2b66d;--status-warning-rgb:226, 182, 109;--status-danger:#e37f7a;--status-danger-rgb:227, 127, 122;--accent-cyan:var(--action-primary);--accent-violet:var(--accent-secondary);--accent-green:var(--status-success);--accent-amber:var(--status-warning);--accent-red:var(--status-danger);--accent-cyan-dim:rgba(var(--action-primary-rgb), .1);--accent-red-dim:rgba(var(--status-danger-rgb), .1);--gradient-brand:linear-gradient(135deg, var(--action-primary), var(--accent-secondary));--gradient-brand-hover:linear-gradient(135deg, var(--action-primary-hover), var(--action-primary));--gradient-brand-text:linear-gradient(110deg, var(--action-primary), var(--text-primary) 52%, var(--action-primary-hover));--glow-cyan:0 0 0 1px rgba(var(--action-primary-rgb), .08), 0 12px 32px rgba(var(--action-primary-rgb), .16);--glow-violet:0 0 0 1px rgba(var(--accent-secondary-rgb), .08), 0 12px 30px rgba(var(--accent-secondary-rgb), .14);--glow-red:0 8px 24px rgba(var(--status-danger-rgb), .18);--card-hover-shadow:0 0 0 1px rgba(var(--action-primary-rgb), .09), 0 18px 44px rgba(var(--shadow-rgb), .46);--text-primary:#e9fbfc;--text-primary-rgb:233, 251, 252;--text-secondary:#a9c6cb;--text-muted:#77979e;--text-on-action:#031114;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out;--glass-blur:blur(8px);--glass-bg:rgba(var(--bg-card-rgb), .95);--glass-border:1px solid var(--border-subtle);--glass-border-hover:var(--border-hover);--glass-shadow:0 0 0 1px rgba(var(--action-primary-rgb), .035), 0 18px 44px rgba(var(--shadow-rgb), .34)}html{background:var(--bg-primary)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--border-active);outline-offset:2px}#root{min-height:100vh}::selection{background:rgba(var(--action-primary-rgb), .28);color:var(--text-primary)}[data-sonner-toaster] [data-sonner-toast]{background:rgba(var(--bg-elevated-rgb), .98)!important;border:1px solid var(--border-control)!important;color:var(--text-primary)!important;box-shadow:0 18px 46px rgba(var(--shadow-rgb), .5)!important}[data-sonner-toaster] [data-description]{color:var(--text-secondary)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-control)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 rgba(var(--status-success-rgb), .32)}50%{box-shadow:0 0 0 6px rgba(var(--status-success-rgb), 0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes meshFloat{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-2%,-2%)}}.btn{min-height:44px;font-size:14px;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;touch-action:manipulation;border:none;align-items:center;gap:6px;padding:10px 16px;display:inline-flex;box-shadow:inset 0 0 0 1px #0000}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary{background:var(--action-primary);color:var(--text-on-action);border:1px solid rgba(var(--action-primary-rgb), .72);box-shadow:0 8px 22px rgba(var(--action-primary-rgb), .14), inset 0 1px 0 rgba(var(--text-primary-rgb), .38)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover);border-color:var(--action-primary-hover);box-shadow:0 0 0 1px rgba(var(--action-primary-rgb), .12), 0 12px 30px rgba(var(--action-primary-rgb), .24), inset 0 1px 0 rgba(var(--text-primary-rgb), .48);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);background:rgba(var(--action-primary-rgb), .08);box-shadow:0 8px 22px rgba(var(--shadow-rgb), .22)}.btn-ghost-green{border:1px solid rgba(var(--status-success-rgb), .38);color:var(--status-success);background:0 0}.btn-ghost-green:hover:not(:disabled){border-color:var(--status-success);color:var(--text-primary);background:rgba(var(--status-success-rgb), .1);box-shadow:0 8px 20px rgba(var(--status-success-rgb), .12);transform:translateY(-1px)}.btn-ghost-cyan{border:1px solid rgba(var(--action-primary-rgb), .38);color:var(--action-primary);background:0 0}.btn-ghost-cyan:hover:not(:disabled){border-color:var(--action-primary);color:var(--text-primary);background:rgba(var(--action-primary-rgb), .1);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.btn-ghost-amber{border:1px solid rgba(var(--status-warning-rgb), .38);color:var(--status-warning);background:0 0}.btn-ghost-amber:hover:not(:disabled){border-color:var(--status-warning);color:var(--text-primary);background:rgba(var(--status-warning-rgb), .1);box-shadow:0 8px 20px rgba(var(--status-warning-rgb), .12);transform:translateY(-1px)}.btn-ghost-purple{border:1px solid rgba(var(--accent-secondary-rgb), .38);color:var(--accent-secondary);background:0 0}.btn-ghost-purple:hover:not(:disabled){border-color:var(--accent-secondary);color:var(--text-primary);background:rgba(var(--accent-secondary-rgb), .1);box-shadow:var(--glow-violet);transform:translateY(-1px)}.btn-ghost-orange{border:1px solid rgba(var(--status-danger-rgb), .38);color:var(--status-danger);background:0 0}.btn-ghost-orange:hover:not(:disabled){border-color:var(--status-danger);color:var(--text-primary);background:rgba(var(--status-danger-rgb), .1);box-shadow:var(--glow-red);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);background:rgba(var(--action-primary-rgb), .08)}.btn-danger{border:1px solid rgba(var(--status-danger-rgb), .4);color:var(--status-danger);background:0 0}.btn-danger:hover:not(:disabled){background:rgba(var(--status-danger-rgb), .1);box-shadow:var(--glow-red)}.btn-full{justify-content:center;width:100%}.btn-icon{flex-shrink:0;justify-content:center;width:44px;height:44px;padding:0}.input-glass{background:var(--bg-input);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);min-height:44px;font-size:16px;font-family:var(--font-sans);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 12px}.input-glass::placeholder{color:var(--text-muted)}.input-glass:focus{border-color:var(--border-active);box-shadow:0 0 0 3px rgba(var(--action-primary-rgb), .17), 0 10px 24px rgba(var(--shadow-rgb), .2);outline:none}.form-input,.form-select,.form-textarea{width:100%;min-height:44px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-control);border-radius:var(--radius-sm);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 12px;font-size:16px;line-height:1.5}.form-textarea{resize:vertical;min-height:112px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 3px rgba(var(--action-primary-rgb), .17), 0 10px 24px rgba(var(--shadow-rgb), .2);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.5}.glass-card{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.spinner-small{border:2px solid var(--border-control);border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.loading-spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;flex:none;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-elevated) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-line{height:14px}.skeleton-title{width:min(280px,70%);height:28px;margin-inline:auto}.skeleton-card{border:1px solid var(--border-subtle);min-height:160px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{background:var(--bg-elevated)}}.btn-sm{padding:5px 10px;font-size:12px}.alert{border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);border:1px solid #0000;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.alert-error{background:rgba(var(--status-danger-rgb), .1);border-color:rgba(var(--status-danger-rgb), .4);color:var(--status-danger)}.alert-success{background:rgba(var(--status-success-rgb), .1);border-color:rgba(var(--status-success-rgb), .4);color:var(--status-success)}.alert-warning{background:rgba(var(--status-warning-rgb), .1);border-color:rgba(var(--status-warning-rgb), .4);color:var(--status-warning)}.alert-info{background:rgba(var(--action-primary-rgb), .1);border-color:rgba(var(--action-primary-rgb), .4);color:var(--action-primary)}.section-description{color:var(--text-muted);margin:4px 0 0;font-size:13px}.modal-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-control);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90dvh;box-shadow:0 0 0 1px rgba(var(--action-primary-rgb), .06), 0 28px 72px rgba(var(--shadow-rgb), .62);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;display:flex;overflow:hidden}.modal-small{max-width:440px}.modal-medium{max-width:560px}.modal-large{max-width:760px}.modal-wide{max-width:960px}.modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-heading-copy{gap:var(--spacing-xs);text-align:center;flex:1;min-width:0;padding-left:44px;display:grid}.modal-title{font-family:var(--font-sans);color:var(--text-primary);text-align:center;margin:0;font-size:20px;font-weight:700}.modal-description{max-width:62ch;color:var(--text-secondary);margin:0 auto;font-size:14px;line-height:1.55}.modal-close{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.modal-close:hover{background:rgba(var(--status-danger-rgb), .1);border-color:var(--status-danger);color:var(--status-danger)}.modal-body{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);gap:var(--spacing-sm);flex-shrink:0;justify-content:flex-end;padding:16px 24px;display:flex}.modal-input{background:var(--bg-input);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);min-height:44px;font-size:16px;font-family:var(--font-sans);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:var(--spacing-md);padding:10px 12px}.modal-input::placeholder{color:var(--text-muted)}.modal-input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px rgba(var(--action-primary-rgb), .2);outline:none}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.ui-confirm-message{align-items:start;gap:var(--spacing-md);grid-template-columns:auto minmax(0,1fr);display:grid}.ui-confirm-icon{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:42px;height:42px;color:var(--accent-cyan);background:var(--accent-cyan-dim);place-items:center;display:grid}.ui-confirm-icon.is-danger{color:var(--accent-red);background:var(--accent-red-dim);border-color:color-mix(in srgb, var(--accent-red) 30%, transparent)}.ui-confirm-message p{color:var(--text-secondary);margin:0;line-height:1.65}.ui-state-panel{justify-items:center;gap:var(--spacing-sm);padding:clamp(var(--spacing-lg), 5vw, var(--spacing-2xl));border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);box-shadow:inset 0 1px 0 rgba(var(--action-primary-rgb), .025);text-align:center;display:grid}.ui-state-panel.is-compact{padding:var(--spacing-lg)}.ui-state-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-cyan);background:var(--accent-cyan-dim);place-items:center;display:grid}.ui-state-panel.is-error .ui-state-icon{color:var(--accent-red);background:var(--accent-red-dim)}.ui-state-panel.is-success .ui-state-icon{color:var(--status-success);background:rgba(var(--status-success-rgb), .12)}.ui-state-panel h3,.ui-state-panel p{margin:0}.ui-state-panel h3{color:var(--text-primary);font-size:1rem}.ui-state-panel p{max-width:52ch;color:var(--text-secondary);line-height:1.6}.ui-state-action{margin-top:var(--spacing-sm)}.modal-form-stack{gap:var(--spacing-md);display:grid}.modal-code-textarea{min-height:220px;font-family:var(--font-mono)}.modal-setting-card{gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);display:grid}.modal-info-row{gap:var(--spacing-sm);color:var(--action-primary);grid-template-columns:auto minmax(0,1fr);display:grid}.modal-info-row p{color:var(--text-secondary);margin:0}.domain-config-card,.domain-validation{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);display:flex}.domain-config-card>div,.domain-validation>div{gap:var(--spacing-xs);display:grid}.domain-config-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:700}.domain-config-card code,.domain-option code{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere}.domain-validation.is-success{color:var(--status-success);border-color:rgba(var(--status-success-rgb), .35);background:rgba(var(--status-success-rgb), .1);justify-content:flex-start}.domain-validation strong,.domain-validation p,.domain-option p{margin:0}.domain-validation p,.domain-option p,.domain-propagation-note{color:var(--text-secondary)}.database-engine-fieldset{border:0;min-width:0;padding:0}.database-engine-fieldset legend{margin-bottom:var(--spacing-sm);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:700}.database-engine-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.database-engine-option{gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-control);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-input);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.database-engine-option.is-selected{border-color:var(--action-primary);box-shadow:inset 0 0 0 1px rgba(var(--action-primary-rgb), .22)}.database-engine-option>svg{color:var(--action-primary)}.database-engine-option span{gap:2px;display:grid}.database-engine-option strong{color:var(--text-primary)}.database-engine-option small{color:var(--text-muted)}.database-engine-option p{color:var(--text-secondary);grid-column:1/-1;margin:0;font-size:.82rem}.env-toolbar{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.env-variable-list{gap:var(--spacing-sm);display:grid}.env-variable-card{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);display:flex}.env-variable-copy,.env-variable-name{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.env-variable-copy{gap:var(--spacing-xs);min-width:0;display:grid}.env-variable-name code{color:var(--text-primary);font-family:var(--font-mono)}.env-variable-copy p{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:.8rem}.webhook-secret-card,.webhook-card{gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);display:grid}.webhook-secret-card{border-color:rgba(var(--status-success-rgb), .35);background:rgba(var(--status-success-rgb), .07)}.webhook-secret-card h3,.webhook-secret-card p{margin:0}.webhook-secret-card p{color:var(--text-secondary)}.webhook-secret-card code,.webhook-card-header>code{padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-primary);background:var(--bg-input);font-family:var(--font-mono);overflow-wrap:anywhere}.webhook-list{gap:var(--spacing-sm);display:grid}.webhook-card-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.webhook-card-header>code{min-width:0}.webhook-events-fieldset{border:0;padding:0}.webhook-events-fieldset legend{margin-bottom:var(--spacing-sm);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:700}.webhook-event-grid,.webhook-event-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.webhook-event-option{align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-input);cursor:pointer;padding:8px 10px;display:flex}.webhook-event-option input{accent-color:var(--action-primary)}.webhook-event-tags code{border:1px solid rgba(var(--action-primary-rgb), .28);border-radius:var(--radius-full);color:var(--action-primary);background:rgba(var(--action-primary-rgb), .08);font-family:var(--font-mono);padding:3px 7px;font-size:.68rem}.logs-modal-layout{gap:var(--spacing-md);display:grid}.logs-modal-toolbar,.logs-modal-tabs,.logs-modal-controls,.logs-stage-filters,.logs-modal-status{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.logs-modal-toolbar,.logs-modal-status{justify-content:space-between}.logs-auto-scroll{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;display:flex}.logs-auto-scroll input{accent-color:var(--action-primary)}.logs-stage-filters{padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);justify-content:center}.logs-terminal{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input);max-height:52dvh;overflow:auto}.logs-terminal-line{align-items:start;gap:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:92px auto 62px minmax(0,1fr);padding:8px 10px;font-size:.74rem;display:grid}.logs-terminal-line time{color:var(--text-muted)}.logs-terminal-line strong{color:var(--action-primary);font-size:.68rem}.logs-terminal-line.is-error{background:rgba(var(--status-danger-rgb), .06)}.logs-terminal-line.is-error strong{color:var(--status-danger)}.logs-terminal-line.is-warn{background:rgba(var(--status-warning-rgb), .06)}.logs-terminal-line.is-warn strong{color:var(--status-warning)}.logs-modal-status{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.logs-modal-skeleton{padding:var(--spacing-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input)}@media (width<=768px){.domain-option-grid,.database-engine-grid{grid-template-columns:1fr}.env-variable-card{flex-direction:column;align-items:stretch}.env-variable-card .btn{width:100%}.logs-terminal-line{grid-template-columns:78px auto 1fr}.logs-terminal-line>span:last-child{grid-column:1/-1}}.domain-instructions{gap:var(--spacing-md);display:grid}.domain-option-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.domain-option{gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input);display:grid}.domain-propagation-note{text-align:center;margin:0;font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-page-header{justify-items:center;gap:var(--spacing-lg);width:100%;margin-bottom:var(--spacing-xl);text-align:center;display:grid}.ui-page-header-copy{justify-items:center;gap:var(--spacing-sm);width:min(100%,720px);display:grid}.ui-page-eyebrow{border:1px solid var(--border-strong);border-radius:var(--radius-full);background:rgba(var(--action-primary-rgb), .065);min-height:28px;color:var(--action-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;margin:0;padding:4px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.ui-page-title{color:var(--text-primary);letter-spacing:-.02em;text-align:center;background:var(--gradient-brand-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15}.ui-page-subtitle{max-width:68ch;color:var(--text-secondary);text-align:center;margin:0;font-size:16px;line-height:1.65}.ui-page-actions{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ui-form-row{align-items:start;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-md);grid-template-columns:minmax(140px,.4fr) minmax(0,1fr);display:grid}.ui-form-label{color:var(--text-secondary);padding-top:11px;font-size:14px;font-weight:600;line-height:1.5}.ui-required,.ui-form-error{color:var(--status-danger)}.ui-form-control{gap:var(--spacing-sm);min-width:0;display:grid}.ui-form-control-pair{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-form-hint,.ui-form-error{margin:0;font-size:13px;line-height:1.5}.ui-form-hint{color:var(--text-muted)}.ui-form-error{font-weight:600}.ui-split-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.ui-split-start,.ui-split-end{min-width:0}.ui-split-end{text-align:end}.ui-read-more{justify-items:center;gap:var(--spacing-md);display:grid}.ui-read-more-content{width:100%;color:var(--text-secondary);white-space:pre-line;line-height:1.65}.ui-read-more-content.is-collapsed{-webkit-line-clamp:var(--read-more-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-read-more-toggle{justify-self:center}.ui-range{gap:var(--spacing-sm);width:100%;display:grid}.ui-range-heading,.ui-range-bounds{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.ui-range-label{color:var(--text-secondary);font-size:14px;font-weight:600}.ui-range-value,.ui-range-bounds{color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.ui-range-value{color:var(--text-primary);font-size:14px;font-weight:700}.ui-range-input{appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;width:100%;height:44px;margin:0}.ui-range-input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--action-primary) 0 var(--range-progress), var(--border) var(--range-progress) 100%);border-radius:var(--radius-full);height:6px}.ui-range-input::-moz-range-track{background:var(--border);border-radius:var(--radius-full);height:6px}.ui-range-input::-moz-range-progress{background:var(--action-primary);border-radius:var(--radius-full);height:6px}.ui-range-input::-webkit-slider-thumb{appearance:none;background:var(--action-primary);border:3px solid var(--bg-card);border-radius:var(--radius-full);width:24px;height:24px;box-shadow:0 0 0 1px var(--border-active);margin-top:-9px}.ui-range-input::-moz-range-thumb{background:var(--action-primary);border:3px solid var(--bg-card);border-radius:var(--radius-full);width:20px;height:20px;box-shadow:0 0 0 1px var(--border-active)}.ui-range-input:focus-visible{outline:none}.ui-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(var(--action-primary-rgb), .24)}.ui-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(var(--action-primary-rgb), .24)}.ui-range-input:disabled{cursor:not-allowed;opacity:.5}.ui-mobile-action-bar{justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;display:flex}.ui-page-skeleton{gap:var(--spacing-xl);width:min(100%,1400px);min-height:100dvh;padding:var(--spacing-xl);align-content:start;margin:0 auto;display:grid}.ui-page-skeleton-subtitle{gap:var(--spacing-sm);width:min(520px,80%);margin:0 auto;display:grid}.ui-page-skeleton-subtitle .skeleton-line:last-child{width:72%;margin-inline:auto}.ui-skeleton-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.skeleton-card{padding:var(--spacing-lg);align-items:flex-end;display:flex}.ui-skeleton-text{gap:var(--spacing-sm);width:100%;display:grid}.ui-skeleton-text .skeleton-line:nth-child(2){width:84%}.ui-skeleton-text .skeleton-line:nth-child(3){width:62%}@media (width<=768px){.ui-page-header{margin-bottom:var(--spacing-lg)}.ui-page-title{font-size:28px}.modal-overlay{padding:var(--spacing-md);align-items:flex-end}.modal-content{max-height:calc(100dvh - (var(--spacing-md) * 2));border-radius:var(--radius-md)}.modal-header,.modal-body,.modal-footer{padding-inline:var(--spacing-md)}.modal-footer{padding-bottom:max(var(--spacing-md), env(safe-area-inset-bottom))}.modal-footer .btn-primary:last-child,.modal-footer .btn-danger:last-child{flex:1}.ui-form-row,.ui-form-control-pair{grid-template-columns:1fr}.ui-form-label{padding-top:0}.ui-split-row.is-mobile-stack{flex-direction:column;align-items:stretch}.ui-split-row.is-mobile-stack .ui-split-end{text-align:start}.ui-mobile-action-bar{z-index:40;margin-inline:calc(var(--spacing-md) * -1);width:calc(100% + (var(--spacing-md) * 2));padding:var(--spacing-md);padding-bottom:max(var(--spacing-md), env(safe-area-inset-bottom));background:var(--surface-overlay);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;bottom:0}.ui-mobile-action-bar .btn-primary{flex:1}.ui-page-skeleton{padding:var(--spacing-md)}}