:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f626;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--bg:#0f172a;--bg-subtle:#131c2e;--sidebar-bg:#1e293b;--sidebar-text:#cbd5e1;--sidebar-active:#3b82f6;--card-bg:#1e293b;--card-border:#2d3a4f;--card-hover:#253348;--border:#2d3a4f;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--success-bg:#10b9811f;--danger-bg:#ef44441f;--warning-bg:#f59e0b1f;--primary-bg:#3b82f61f;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", monospace;--shadow-card:0 1px 3px #0000004d, 0 4px 12px #00000026;--shadow-elevated:0 4px 24px #0006;--shadow-glow:0 0 20px #3b82f626;--transition-fast:.15s ease;--transition-med:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:240px;color:var(--sidebar-text);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);padding:1.5rem 1.25rem}.sidebar-brand-logo{align-items:center;gap:.625rem;display:flex}.sidebar-brand-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 12px #3b82f659}.sidebar-brand h2{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:700}.sidebar-brand-subtitle{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-top:.125rem;font-size:.625rem}.sidebar-nav{flex:1;padding:.75rem;list-style:none}.sidebar-nav li{margin-bottom:.125rem}.sidebar-nav a{color:var(--text-muted);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav a:hover{color:var(--text);background:#ffffff0f}.sidebar-nav a.active{background:var(--sidebar-active);color:#fff;box-shadow:0 2px 12px #3b82f659}.sidebar-nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar-nav a.active .sidebar-nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:.75rem}.sidebar-footer-item{color:var(--text-muted);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.sidebar-footer-item:hover{color:var(--text);background:#ffffff0f}.main-area{background:var(--bg);flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.top-header{border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bd9;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0}.header-search{border:1px solid var(--border);min-width:280px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.header-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.header-search input::placeholder{color:var(--text-dim)}.header-right{align-items:center;gap:1rem;display:flex}.header-status-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:.75rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:600;display:flex}.header-account{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.header-account-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 8px #3b82f640}.header-account-info{text-align:right}.header-account-name{color:var(--text);font-weight:600}.header-account-role{color:var(--text-dim);font-size:.6875rem}.main-content{flex:1;width:100%;max-width:1200px;padding:2rem;animation:.3s fadeIn}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-elevated);border-radius:16px;width:100%;max-width:400px;padding:2.5rem;animation:.4s fadeIn}.login-card h1{text-align:center;color:var(--text);margin-bottom:.25rem;font-size:1.5rem}.login-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border);width:100%;color:var(--text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0a;border-radius:8px;outline:none;padding:.625rem .875rem;font-size:.875rem}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-group input::placeholder{color:var(--text-dim)}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);width:100%;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f673}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#ffffff0f}.btn-secondary:hover{border-color:var(--text-dim);background:#ffffff1a}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.btn-small{border-radius:6px;padding:.25rem .625rem;font-size:.75rem}.btn-create{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:.625rem 1.5rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.btn-create:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f673}.btn-logout{color:var(--sidebar-text);background:0 0;border:1px solid #ffffff1a;margin-top:auto}.btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.alert{border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;animation:.25s fadeIn;display:flex}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.page-header-text h1{color:var(--text);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.page-header-text p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.section-header{justify-content:space-between;align-items:center;margin:1.5rem 0 .75rem;display:flex}.section-header h2{margin:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);transition:border-color var(--transition-med), box-shadow var(--transition-med), transform var(--transition-med);border-radius:12px;padding:1.25rem 1.5rem;animation:.35s backwards fadeIn;position:relative;overflow:hidden}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card-top{justify-content:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card-icon.blue{background:var(--primary-bg);color:var(--primary)}.stat-card-icon.green{background:var(--success-bg);color:var(--success)}.stat-card-icon.purple{color:#8b5cf6;background:#8b5cf61f}.stat-card-icon.amber{background:var(--warning-bg);color:var(--warning)}.stat-value{color:var(--text);font-size:2rem;font-weight:700;line-height:1.1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.8125rem;font-weight:500}.project-cards-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);transition:border-color var(--transition-med), box-shadow var(--transition-med), transform var(--transition-med);border-radius:14px;padding:1.5rem;animation:.35s backwards fadeIn;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--primary), #6366f1);opacity:0;height:3px;transition:opacity var(--transition-med);position:absolute;top:0;left:0;right:0}.project-card-live:before{background:linear-gradient(90deg, var(--success), #34d399);opacity:1}.project-card-test:before{background:linear-gradient(90deg, var(--primary), #6366f1);opacity:.5}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.project-card:hover:before{opacity:1}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-card-title{color:var(--text);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.project-card-desc{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem}.project-card-api-key{margin:1rem 0}.project-card-api-key-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.project-card-api-key-value{border:1px solid var(--border);transition:border-color var(--transition-fast);background:#ffffff08;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.project-card-api-key-value:hover{border-color:var(--text-dim)}.project-card-api-key-value code{font-family:var(--font-mono);color:var(--text-secondary);background:0 0;flex:1;padding:0;font-size:.8125rem}.project-card-api-key-copy{color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:.875rem}.project-card-api-key-copy:hover{color:var(--text);background:#ffffff0f}.project-card-metrics{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;padding:1rem 0;display:grid}.project-card-metric-value{color:var(--text);font-size:1.5rem;font-weight:700}.project-card-metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.6875rem;font-weight:500}.project-card-metric-sub{color:var(--success);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.6875rem;display:flex}.project-card-footer{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.75rem;display:flex}.project-card-footer-date{align-items:center;gap:.375rem;display:flex}.project-card-manage{color:var(--primary);cursor:pointer;transition:color var(--transition-fast), gap var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.project-card-manage:hover{color:var(--primary-hover);gap:.5rem}.health-check-bar{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem 2rem;animation:.4s .2s backwards fadeIn;display:flex}.health-check-title{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.health-check-left h3{color:var(--text);font-size:1.125rem;font-weight:700}.health-check-left p{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.health-check-badges{flex-shrink:0;gap:.75rem;display:flex}.health-badge{text-align:center;min-width:90px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;padding:.75rem 1.25rem;box-shadow:0 2px 12px #3b82f64d}.health-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.health-badge-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;font-size:.5625rem;font-weight:600}.health-badge-value{color:#fff;font-size:1.375rem;font-weight:700}.health-badge.trust{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 12px #10b9814d}.health-badge.trust:hover{box-shadow:0 4px 16px #10b98166}.table{border-collapse:collapse;background:var(--card-bg);border:1px solid var(--card-border);width:100%;box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem;font-size:.8125rem}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#ffffff05;font-size:.6875rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tr.revoked{opacity:.4}.table tr:hover{background:#ffffff05}.url-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-pending .badge-dot{background:var(--warning);animation:2s infinite pulse-dot}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-approved .badge-dot{background:var(--success)}.badge-rejected{background:var(--danger-bg);color:var(--danger)}.badge-rejected .badge-dot{background:var(--danger)}.badge-test{background:var(--primary-bg);color:var(--primary)}.badge-test .badge-dot{background:var(--primary)}.badge-live{background:var(--success-bg);color:var(--success)}.badge-live .badge-dot{background:var(--success);animation:2s infinite pulse-dot}.badge-active{background:var(--success-bg);color:var(--success)}.badge-active .badge-dot{background:var(--success);animation:2s infinite pulse-dot}.badge-paused{background:var(--warning-bg);color:var(--warning)}.badge-paused .badge-dot{background:var(--warning)}.badge-revoked{color:var(--text-dim);background:#64748b1f}.key-display{background:#ffffff0a;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;display:flex}.key-display code{font-family:var(--font-mono);word-break:break-all;color:var(--text-secondary);background:0 0;padding:0;font-size:.8rem}.webhooks-layout{grid-template-columns:1fr 320px;align-items:start;gap:1.25rem;animation:.35s fadeIn;display:grid}.webhooks-main{min-width:0}.webhooks-sidebar{flex-direction:column;gap:1.25rem;display:flex}.endpoints-table{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.endpoints-table-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#ffffff05;grid-template-columns:2fr 1.5fr 100px 120px;gap:.5rem;padding:.75rem 1.25rem;font-size:.6875rem;font-weight:600;display:grid}.endpoints-table-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast);grid-template-columns:2fr 1.5fr 100px 120px;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:grid}.endpoints-table-row:last-child{border-bottom:none}.endpoints-table-row:hover{background:#ffffff08}.endpoint-url-cell{min-width:0}.endpoint-url-text{color:var(--text);word-break:break-all;font-size:.8125rem;font-weight:600}.endpoint-url-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.625rem}.endpoint-events{flex-direction:column;gap:.125rem;display:flex}.endpoint-event-name{color:var(--text);font-size:.8125rem}.endpoint-event-more{color:var(--text-dim);font-size:.6875rem}.endpoint-delivery-cell{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.delivery-check{color:var(--success);display:flex}.delivery-fail{color:var(--danger);display:flex}.endpoints-pagination{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.endpoints-pagination-nav{gap:.25rem;display:flex}.endpoints-pagination-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.875rem;display:flex}.endpoints-pagination-btn:hover{color:var(--text);border-color:var(--text-dim);background:#ffffff0f}.endpoints-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.recent-deliveries-panel{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.25rem}.recent-deliveries-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.recent-deliveries-header h3{color:var(--text);font-size:.9375rem;font-weight:700}.delivery-item{border-bottom:1px solid var(--border);transition:background var(--transition-fast);padding:.75rem 0}.delivery-item:last-child{border-bottom:none}.delivery-item-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.delivery-status-code{border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.delivery-status-code.ok{background:var(--success-bg);color:var(--success)}.delivery-status-code.err{background:var(--danger-bg);color:var(--danger)}.delivery-time{color:var(--text-dim);font-size:.6875rem}.delivery-event{color:var(--text);font-size:.8125rem;font-weight:600}.delivery-id{color:var(--text-dim);font-size:.6875rem;font-family:var(--font-mono)}.delivery-retry{text-transform:uppercase;color:var(--danger);background:var(--danger-bg);border-radius:3px;margin-left:.375rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:600;animation:1.5s infinite pulse-dot}.dev-tip{color:#fff;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:14px;padding:1.25rem;box-shadow:0 4px 20px #3b82f64d}.dev-tip:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.dev-tip-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.dev-tip-icon{background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.dev-tip h4{font-size:.875rem;font-weight:700}.dev-tip p{opacity:.9;font-size:.8125rem;line-height:1.6}.dev-tip code{font-family:var(--font-mono);color:#fff;background:#ffffff26;border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.api-key-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1rem;display:grid}.api-key-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);transition:border-color var(--transition-med), box-shadow var(--transition-med), transform var(--transition-med);border-radius:14px;padding:1.25rem;animation:.35s backwards fadeIn}.api-key-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.api-key-card.revoked{opacity:.4}.api-key-card.revoked:hover{box-shadow:var(--shadow-card);border-color:var(--card-border);transform:none}.api-key-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.api-key-card-header-left{align-items:center;gap:.625rem;display:flex}.api-key-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.api-key-card-prefix{font-family:var(--font-mono);color:var(--text);font-size:.875rem;font-weight:600}.api-key-card-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;padding:.75rem 0;display:grid}.api-key-card-meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.625rem;font-weight:600}.api-key-card-meta-value{color:var(--text-secondary);margin-top:.125rem;font-size:.8125rem}.api-key-card-actions{justify-content:flex-end;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.8125rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;align-items:center;padding:3rem;font-size:.875rem;display:flex}.empty-state-inline{color:var(--text-dim);text-align:center;padding:1rem 0;font-size:.8125rem}.actions{gap:.75rem;margin-bottom:1.25rem;display:flex}h1{color:var(--text);margin-bottom:.5rem;font-size:1.75rem}h2{color:var(--text);margin:1.5rem 0 .75rem;font-size:1.125rem}code{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8125rem}.workflow-table{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.workflow-table-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#ffffff05;grid-template-columns:2.5fr 1fr 1fr .8fr 1fr;gap:.5rem;padding:.75rem 1.25rem;font-size:.6875rem;font-weight:600;display:grid}.workflow-table-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);grid-template-columns:2.5fr 1fr 1fr .8fr 1fr;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:grid}.workflow-table-row:last-child{border-bottom:none}.workflow-table-row:hover{background:#ffffff08}.workflow-id-cell{min-width:0}.workflow-id-text{font-family:var(--font-mono);color:var(--text-dim);font-size:.75rem;display:block}.workflow-title-text{color:var(--text);margin-top:.125rem;font-size:.875rem;font-weight:600}.workflow-rule-badge{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a;border-radius:6px;padding:.1875rem .5rem;font-size:.75rem;font-weight:600}.workflow-participants-cell{color:var(--text);text-align:center;font-size:.875rem;font-weight:600}.workflow-date-cell{color:var(--text-muted);font-size:.8125rem}.workflow-detail-breadcrumb{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;display:flex}.workflow-detail-back{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.workflow-detail-back:hover{text-decoration:underline}.workflow-detail-breadcrumb-sep{color:var(--text-dim)}.workflow-detail-header{margin-bottom:1.5rem}.workflow-detail-title-area h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.workflow-detail-meta{align-items:center;gap:1rem;display:flex}.workflow-detail-rule{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.workflow-detail-layout{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}.workflow-detail-main{min-width:0}.workflow-detail-sidebar{flex-direction:column;gap:1.25rem;display:flex}.workflow-detail-document{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.25rem;display:flex}.workflow-detail-document-icon{width:48px;height:48px;color:var(--text-muted);background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workflow-detail-document-title{color:var(--text);font-size:.9375rem;font-weight:600}.workflow-detail-document-hash{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem}.workflow-detail-participants-summary{flex-wrap:wrap;gap:.5rem;display:flex}.participant-chip{letter-spacing:.06em;text-transform:uppercase;border:1px dashed var(--border);color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff05;border-radius:8px;padding:.5rem 1.25rem;font-size:.6875rem;font-weight:600}.participant-chip.approved{color:var(--success);background:var(--success-bg);border-style:solid;border-color:#10b9814d}.participant-chip.rejected{color:var(--danger);background:var(--danger-bg);border-style:solid;border-color:#ef44444d}.approval-chain-panel{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.25rem}.approval-chain-panel h3{color:var(--text);margin-bottom:1rem;font-size:.9375rem;font-weight:700}.approval-chain{flex-direction:column;display:flex}.chain-node{gap:.75rem;display:flex}.chain-node-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.chain-node-dot{background:var(--border);width:28px;height:28px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chain-node-dot:hover{transform:scale(1.1)}.chain-approved .chain-node-dot{background:var(--success);box-shadow:0 0 8px #10b98166}.chain-rejected .chain-node-dot{background:var(--danger);box-shadow:0 0 8px #ef444466}.chain-pending .chain-node-dot{background:var(--warning);box-shadow:0 0 8px #f59e0b4d}.chain-node-line{background:var(--border);flex:1;width:2px;min-height:24px;margin:4px 0}.chain-node-info{padding-bottom:1rem}.chain-node-name{color:var(--text);font-size:.875rem;font-weight:600}.chain-node-status{text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.6875rem;font-weight:700}.chain-node-status.chain-approved{color:var(--success)}.chain-node-status.chain-rejected{color:var(--danger)}.chain-node-status.chain-pending{color:var(--warning)}.chain-node-date{color:var(--text-dim);margin-top:.125rem;font-size:.6875rem}.chain-node-waiting{color:var(--warning);margin-top:.25rem;font-size:.75rem;font-style:italic}.audit-trail-panel{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.25rem}.audit-trail-panel h3{color:var(--text);margin-bottom:1rem;font-size:.9375rem;font-weight:700}.audit-item{gap:.75rem;padding:.5rem 0;display:flex}.audit-item-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.375rem}.audit-item-text{color:var(--text);font-size:.8125rem;font-weight:500}.audit-item-date{color:var(--text-dim);margin-top:.125rem;font-size:.6875rem}.security-metadata-panel{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.25rem}.security-metadata-header{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.security-metadata-header h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6875rem;font-weight:700}.security-metadata-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.security-metadata-row:last-child{border-bottom:none}.security-metadata-label{color:var(--text-muted);font-size:.8125rem}.security-metadata-value{color:var(--text);font-size:.8125rem;font-weight:600}.security-metadata-value.mono{font-family:var(--font-mono);font-size:.75rem}.security-metadata-value.verified{color:var(--success)}.analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.analytics-kpi-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);transition:border-color var(--transition-med), box-shadow var(--transition-med), transform var(--transition-med);border-radius:14px;padding:1.25rem;animation:.35s backwards fadeIn}.analytics-kpi-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.analytics-kpi-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.analytics-kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.analytics-kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.analytics-kpi-icon.blue{background:var(--primary-bg);color:var(--primary)}.analytics-kpi-icon.green{background:var(--success-bg);color:var(--success)}.analytics-kpi-icon.purple{color:#8b5cf6;background:#8b5cf61f}.analytics-kpi-icon.amber{background:var(--warning-bg);color:var(--warning)}.analytics-kpi-value{color:var(--text);margin-bottom:.5rem;font-size:2rem;font-weight:700}.mini-chart{align-items:flex-end;gap:3px;height:32px;display:flex}.mini-chart-bar{border-radius:2px;flex:1;min-width:4px;transition:height .3s}.analytics-section{margin-bottom:2rem}.analytics-section h2{margin-bottom:1rem}.analytics-rate-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.5rem}.analytics-rate-bar-track{background:#ffffff0f;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.analytics-rate-bar-fill{background:linear-gradient(90deg, var(--success), #34d399);border-radius:4px;height:100%;transition:width .5s}.analytics-rate-info{align-items:baseline;gap:.5rem;display:flex}.analytics-rate-value{color:var(--success);font-size:1.5rem;font-weight:700}.analytics-rate-label{color:var(--text-muted);font-size:.8125rem}.analytics-status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.analytics-status-item{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.analytics-status-item:hover{border-color:var(--text-dim)}.analytics-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.analytics-status-dot.ok{background:var(--success);box-shadow:0 0 8px #10b98166}.analytics-status-dot.warn{background:var(--warning);box-shadow:0 0 6px #f59e0b4d}.analytics-status-dot.err{background:var(--danger);box-shadow:0 0 6px #ef44444d}.analytics-status-name{color:var(--text);font-size:.875rem;font-weight:600}.analytics-status-detail{color:var(--text-muted);font-size:.75rem}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{width:64px;overflow:hidden}.sidebar-brand h2,.sidebar-brand-subtitle,.sidebar-nav span,.sidebar-footer-item span{display:none}.sidebar-brand{padding:1rem .75rem}.sidebar-nav{padding:.5rem}.sidebar-nav a,.sidebar-footer-item{justify-content:center;padding:.75rem}.main-area{margin-left:64px}.main-content{padding:1rem}.webhooks-layout,.project-cards-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.health-check-bar{text-align:center;flex-direction:column}.endpoints-table-header,.endpoints-table-row{grid-template-columns:1fr;gap:.25rem}.workflow-detail-layout{grid-template-columns:1fr}.workflow-table-header,.workflow-table-row{grid-template-columns:1fr;gap:.25rem}.page-header{flex-direction:column;gap:1rem}}