:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition: .15s cubic-bezier(.4, 0, .2, 1);--bg: #0d1117;--bg-elevated: #161b22;--panel: #1c2128;--panel-hover: #22272e;--border: #30363d;--border-subtle: #21262d;--text: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-hover: #79c0ff;--accent-subtle: #1f6feb;--text-on-bg: var(--text);--text-inverse: #ffffff;--accent-soft: rgba(88, 166, 255, .12);--warning-soft: rgba(210, 153, 34, .14);--focus-ring: rgba(88, 166, 255, .18);--success-soft: rgba(63, 185, 80, .15);--danger-soft: rgba(248, 81, 73, .2);--warning-soft-weak: rgba(210, 153, 34, .1);--warning-soft-strong: rgba(210, 153, 34, .2);--success-border-soft: rgba(63, 185, 80, .35);--warning-border-soft: rgba(210, 153, 34, .35);--danger-border-soft: rgba(248, 81, 73, .35);--header-bg: rgba(28, 33, 40, .95);--danger-hover: #ff7b72;--text-on-warning: #000000;--success: #3fb950;--success-bg: #0d4a1f;--warning: #d29922;--warning-bg: #4d2d00;--danger: #f85149;--danger-bg: #4c1f1f;--purple: #a371f7;--purple-bg: #2e2050;--overlay: rgba(1, 4, 9, .8);--text-primary: var(--text);--border-color: var(--border);--primary: var(--accent);--card-bg: var(--panel)}[data-theme=dark]{--bg: #0d1117;--bg-elevated: #161b22;--panel: #1c2128;--panel-hover: #22272e;--border: #30363d;--border-subtle: #21262d;--text: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-hover: #79c0ff;--accent-subtle: #1f6feb;--text-on-bg: var(--text);--text-inverse: #ffffff;--accent-soft: rgba(88, 166, 255, .12);--warning-soft: rgba(210, 153, 34, .14);--focus-ring: rgba(88, 166, 255, .18);--success-soft: rgba(63, 185, 80, .15);--danger-soft: rgba(248, 81, 73, .2);--warning-soft-weak: rgba(210, 153, 34, .1);--warning-soft-strong: rgba(210, 153, 34, .2);--success-border-soft: rgba(63, 185, 80, .35);--warning-border-soft: rgba(210, 153, 34, .35);--danger-border-soft: rgba(248, 81, 73, .35);--header-bg: rgba(28, 33, 40, .95);--danger-hover: #ff7b72;--text-on-warning: #000000;--success: #3fb950;--success-bg: #0d4a1f;--warning: #d29922;--warning-bg: #4d2d00;--danger: #f85149;--danger-bg: #4c1f1f;--purple: #a371f7;--purple-bg: #2e2050;--overlay: rgba(1, 4, 9, .8)}[data-theme=light]{--bg: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--bg-elevated: #f6f8fa;--panel: #ffffff;--panel-hover: #f6f8fa;--border: #d0d7de;--border-subtle: #e1e4e8;--text: #24292f;--text-secondary: #57606a;--text-muted: #6e7781;--accent: #0969da;--accent-hover: #0860ca;--accent-subtle: #ddf4ff;--text-on-bg: #ffffff;--text-inverse: #ffffff;--accent-soft: rgba(9, 105, 218, .1);--warning-soft: rgba(154, 103, 0, .12);--focus-ring: rgba(9, 105, 218, .2);--success-soft: rgba(26, 127, 55, .14);--danger-soft: rgba(207, 34, 46, .16);--warning-soft-weak: rgba(154, 103, 0, .1);--warning-soft-strong: rgba(154, 103, 0, .18);--success-border-soft: rgba(26, 127, 55, .3);--warning-border-soft: rgba(154, 103, 0, .3);--danger-border-soft: rgba(207, 34, 46, .3);--header-bg: rgba(255, 255, 255, .85);--danger-hover: #a40e26;--text-on-warning: #000000;--success: #1a7f37;--success-bg: #dafbe1;--warning: #9a6700;--warning-bg: #fff8c5;--danger: #cf222e;--danger-bg: #ffebe9;--purple: #8250df;--purple-bg: #fbefff;--overlay: rgba(101, 109, 118, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}[data-theme=light] #dashboardOrgName{color:var(--text-on-bg)!important}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light] body{background:transparent;position:relative;z-index:0}html[data-theme=light] body:before{content:"";position:fixed;inset:0;background:var(--bg);background-repeat:no-repeat;background-size:cover;z-index:-1}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--panel)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--panel);border-radius:var(--radius-sm)}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm);border:2px solid var(--panel)}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text)}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text);background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}code,pre{font-family:var(--font-mono)}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--panel);border-bottom:1px solid var(--border);padding:16px 24px}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.app-title{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.app-title-icon{width:28px;height:auto;display:block}.header-actions{display:flex;align-items:center;gap:16px}.main-content{flex:1;padding:24px;background-color:var(--bg)}.dashboard-container{max-width:1400px;margin:0 auto}.endpoints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.endpoints-header h2{margin:0}.endpoints-stats{color:var(--text-secondary);font-size:13px}[data-theme=light] .endpoints-stats{color:var(--text-on-bg)}.empty-state,.loading-state,.error-state{text-align:center;padding:80px 20px}.empty-state-icon,.error-icon{font-size:48px;margin-bottom:16px}.empty-state h3,.error-state h3{margin-bottom:8px}.empty-state p,.error-state p{color:var(--text-secondary);margin-bottom:24px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-secondary)}@media(max-width:640px){.app-header{padding:14px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;flex-wrap:wrap;gap:10px}.main-content{padding:16px}.endpoints-header{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.app-title{font-size:18px;gap:8px}.app-title-icon{width:24px}.main-content{padding:12px}}.trial-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #00000026;border-bottom:1px solid rgba(255,255,255,.1)}.trial-banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:12px;font-size:14px}.trial-banner-icon{font-size:20px}.trial-banner-text{flex:1}.trial-banner-text strong{font-weight:600}.trial-banner-btn{padding:6px 16px;font-size:13px;font-weight:600;background:#fff;color:#667eea;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.trial-banner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.trial-banner-btn:active{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-weight:600;font-size:14px;border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;cursor:pointer;border:2px solid transparent;box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--panel);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--panel-hover);border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background-color:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:6px 12px;border:2px solid transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background-color:var(--panel-hover);color:var(--text);border-color:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 14px;font-size:13px}.btn-large{padding:16px 32px;font-size:16px;min-height:44px}.theme-toggle{display:flex;gap:4px;background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px}.theme-btn{padding:6px 10px;border-radius:var(--radius-sm);transition:background-color var(--transition);font-size:16px}.theme-btn:hover{background-color:var(--panel-hover)}.theme-btn.active{background-color:var(--accent-subtle);color:var(--accent)}.theme-icon{display:block;line-height:1}.dropdown{position:relative}.dropdown-trigger{-webkit-user-select:none;user-select:none}.dropdown-caret{font-size:12px;opacity:.8}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;z-index:1100}.dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;background:transparent;border:none;font-size:13px;cursor:pointer}.dropdown-item:hover{background-color:var(--panel-hover)}.dropdown-item:focus{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.dropdown-item-danger{color:var(--danger)}.dropdown-separator{height:1px;background-color:var(--border);margin:8px 2px}.dropdown-section-title{padding:6px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.dropdown-theme{margin:6px 8px 2px;justify-content:space-between;width:calc(100% - 16px);box-sizing:border-box}.dropdown-theme .theme-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.status-pill.ok{background-color:var(--success-bg);color:var(--success)}.status-pill.expiring-soon{background-color:var(--warning-bg);color:var(--warning)}.status-pill.expired,.status-pill.failed{background-color:var(--danger-bg);color:var(--danger)}.status-pill.cert-changed{background-color:var(--purple-bg);color:var(--purple)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.tag-chip{display:inline-block;padding:2px 8px;background-color:var(--panel-hover);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0}.modal-close{font-size:24px;line-height:1;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm)}.modal-close:hover{background-color:var(--panel-hover);color:var(--text)}.modal-body{padding:24px;overflow-y:auto}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500;font-size:13px;color:var(--text-secondary)}.form-input{width:100%}.form-help{margin-top:4px;font-size:12px;color:var(--text-muted)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:12px}.toast{min-width:300px;padding:12px 16px;background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:12px;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}.toast-icon{font-size:18px;line-height:1}.toast-content{flex:1}.toast-title{font-weight:500;margin-bottom:2px}.toast-message{font-size:13px;color:var(--text-secondary)}.toast-close{color:var(--text-muted);padding:0 4px;font-size:18px;line-height:1}.toast-close:hover{color:var(--text)}.settings-modal{min-width:500px}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:24px}.settings-tab{background:none;border:none;padding:12px 20px;cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{padding:0}.billing-tab{display:flex;flex-direction:column;gap:16px}.billing-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;border:1px solid var(--border-color);background:var(--card-bg)}.stripe-logo{display:inline-flex;align-items:center;justify-content:center;width:96px;height:32px;border-radius:999px;background:var(--accent);color:var(--text-inverse);font-weight:700;font-size:14px;letter-spacing:.4px}.billing-note{font-size:12px;color:var(--text-muted)}.members-tab{display:flex;flex-direction:column;gap:24px}.invite-section{background:var(--card-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.invite-section h4{margin:0 0 8px;font-size:16px}.members-list{display:flex;flex-direction:column;gap:8px}.members-list h4{margin:0 0 16px;font-size:16px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg)}.member-info{flex:1}.member-email{font-weight:500;margin-bottom:4px}.member-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary);align-items:center}.member-badge{background:var(--primary);color:var(--text-inverse);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.member-joined{color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:13px}.dashboard-selection-list{display:flex;flex-direction:column;gap:16px}.dashboard-selection-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s ease}.dashboard-selection-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-selection-card.current-dashboard{border-color:var(--primary);border-width:2px;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--card-bg) 100%)}.dashboard-selection-card.invitation-card{border-color:var(--warning);border-width:2px;background:linear-gradient(135deg,var(--warning-soft) 0%,var(--card-bg) 100%)}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.dashboard-selection-card .dashboard-card-header>div:last-child{display:flex;gap:8px;align-items:center;align-self:flex-start}.dashboard-card-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.dashboard-card-subtitle{font-size:14px;color:var(--text-secondary);font-weight:500}.dashboard-card-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.6}.dashboard-card-meta{font-size:13px;color:var(--text-muted);margin-bottom:20px;padding-top:12px;border-top:1px solid var(--border-color)}.dashboard-card-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color)}.badge{display:inline-block;padding:6px 12px;font-size:11px;font-weight:700;border-radius:6px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.dashboard-selection-card .badge{padding:4px 10px;font-size:10px;border-radius:999px;line-height:1.2}.badge-primary{background:var(--warning);color:var(--text-on-warning);box-shadow:var(--shadow-sm)}.badge-owner{background:var(--primary);color:var(--text-inverse)}.badge-member{background:var(--text-muted);color:var(--text-inverse)}.badge-current{background:var(--success);color:var(--text-inverse)}.warning-badge{display:inline-block;margin-left:8px;padding:2px 6px;background-color:var(--warning-soft);color:var(--warning);border-radius:4px;font-size:11px;font-weight:600}@media(max-width:480px){.btn{min-height:44px}.theme-btn{min-height:44px;min-width:44px}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:none;width:100%;max-height:92vh;border-radius:16px 16px 0 0}.modal-header{position:sticky;top:0;background-color:var(--panel);z-index:2;padding:16px}.modal-body{padding:16px}}.sans-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.san-item{display:inline-block;padding:3px 8px;background-color:var(--panel-hover);border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:ui-monospace,monospace}.san-item.san-matched{background-color:var(--success-soft);border-color:var(--success);color:var(--success);font-weight:600}.pending-notifications-section{margin-top:32px;padding:16px;background-color:var(--warning-soft-weak);border:1px solid var(--warning);border-radius:8px}.pending-notifications-section h4{margin:0 0 8px;color:var(--warning)}.pending-notifications-section p{margin:0 0 16px;font-size:13px;color:var(--text-secondary)}.pending-notification-item{background-color:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:8px}.notification-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.notification-type{font-weight:600;font-size:14px}.notification-endpoint{font-family:ui-monospace,monospace;font-size:13px;color:var(--text-secondary)}.notification-status{margin-left:auto;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.notification-status.pending{background-color:var(--warning-soft-strong);color:var(--warning)}.notification-status.failed{background-color:var(--danger-soft);color:var(--danger)}.notification-details{font-size:12px;color:var(--text-secondary);line-height:1.6}.notification-error{color:var(--danger);font-family:ui-monospace,monospace}.site-footer{width:100%;background-color:var(--panel);border-top:1px solid var(--border);padding:24px 0;text-align:center}.site-footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}.site-footer p{color:var(--text-muted);font-size:14px;margin:0}