:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;white-space:nowrap}.navbar-brand{flex-shrink:0}.navbar-brand h1{margin:0;color:#333;font-size:1.5rem;font-weight:600;white-space:nowrap}.navbar-auth{display:flex;align-items:center;flex-shrink:0}.navbar-user{display:flex;align-items:center;gap:.75rem}.navbar-username{color:#333;font-size:.9rem;white-space:nowrap}.navbar-signout{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.navbar-signout:hover{background:#f5f5f5;color:#333}.navbar-signout:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.navbar-container{padding:1rem}.navbar-brand h1{font-size:1.25rem}}.rdp{--rdp-cell-size: 40px;--rdp-accent-color: #4285f4;--rdp-background-color: #e3f2fd;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);margin:0}.rdp-months{display:flex}.rdp-month{margin:0}.rdp-table{width:100%;max-width:100%;border-collapse:collapse}.rdp-with_weeknumber .rdp-table{border-collapse:separate;border-spacing:0}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left;margin-bottom:.5rem}.rdp-multiple_months .rdp-caption{position:relative;display:block;padding-left:0;padding-right:0}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25rem;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:1rem;font-weight:600}.rdp-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:left}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;right:0;top:50%;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.25rem;border-radius:100%;border:2px solid transparent}.rdp-nav_button:hover{background-color:var(--rdp-background-color)}.rdp-nav_button:focus:not([disabled]){color:var(--rdp-accent-color);border:var(--rdp-outline)}.rdp-nav_icon{width:1rem;height:1rem;display:block}.rdp-nav_button_next{margin-left:.5rem}.rdp-nav_button_previous{margin-right:.5rem}.rdp-head_cell{vertical-align:middle;font-size:.875rem;font-weight:500;text-align:center;height:2rem;padding:0}.rdp-tbody{border:0}.rdp-tfoot{margin:.5rem}.rdp-cell{width:var(--rdp-cell-size);height:100%;position:relative;font-size:.875rem;text-align:center;padding:0}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;border:0;background:none;font-family:inherit;font-size:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}.rdp-button_reset:focus:not(:focus-visible){outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]{opacity:.4}.rdp-button:not([disabled]){cursor:pointer}.rdp-day{width:var(--rdp-cell-size);height:var(--rdp-cell-size);text-align:center;border-radius:4px}.rdp-day:hover:not([disabled]):not(.rdp-day_selected):not(.rdp-day_outside){background-color:var(--rdp-background-color)}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:#fff;opacity:1;background-color:var(--rdp-accent-color);font-weight:600}.rdp-day_outside{opacity:.3}.rdp-day_today:not(.rdp-day_selected){font-weight:600}.rdp-day_today.rdp-day_selected{font-weight:700}.app{min-height:100vh;background:#f5f5f5}.app-main{padding:2rem}.auth-container{text-align:center}.auth-container button{background:#4285f4;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.auth-container button:hover{background:#3367d6}.auth-container button:disabled{background:#ccc;cursor:not-allowed}.webhook-dashboard{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.dashboard-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.dashboard-header h2{margin:0;color:#333}.dashboard-content{display:flex;min-height:600px}.webhook-list{flex:1;border-right:1px solid #e0e0e0;padding:1.5rem}.webhook-list h3{margin-top:0;color:#666;font-size:1.1rem}.no-webhooks{color:#999;font-style:italic;text-align:center;padding:2rem}.webhook-item{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:background-color .2s}.webhook-item:hover{background:#f9f9f9}.webhook-item.selected{background:#e3f2fd;border-color:#4285f4}.webhook-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.method{background:#4caf50;color:#fff;padding:2px 8px;border-radius:3px;font-weight:700}.status{background:#2196f3;color:#fff;padding:2px 8px;border-radius:3px}.timestamp{color:#666;font-size:.8rem}.webhook-url{color:#333;font-family:monospace;font-size:.9rem;word-break:break-all}.webhook-details{flex:1;padding:1.5rem;background:#fafafa}.webhook-details h3{margin-top:0;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{margin:0 0 .5rem;color:#555;font-size:1rem}.detail-section pre{background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem;max-height:300px;overflow-y:auto}.welcome-message{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.welcome-message h2{color:#333;margin-bottom:1rem}.welcome-message p{color:#666;font-size:1.1rem}.loading{text-align:center;padding:2rem;color:#666}@media(max-width:768px){.dashboard-content{flex-direction:column}.webhook-list{border-right:none;border-bottom:1px solid #e0e0e0}}