*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-nav{align-items:center;display:flex;gap:1rem}.nav-link{border-radius:6px;color:#ffffffe6;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:#ffffff26;color:#fff}.nav-link.active{background:#ffffff40;color:#fff;font-weight:600}.user-dropdown{position:relative}.user-dropdown-trigger{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.user-dropdown-trigger:hover{background:#ffffff4d;border-color:#fff6}.user-avatar{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:48px}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-username{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.dropdown-email,.dropdown-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:#6b7280;font-size:.75rem}.dropdown-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#f9fafb}.dropdown-item.active{background:#ecfdf5;color:#10b981;font-weight:600}.dropdown-item.active .dropdown-icon{opacity:1}.dropdown-icon{font-size:1rem;opacity:.7;text-align:center;width:20px}.dropdown-logout{color:#ef4444}.dropdown-logout:hover{background:#fef2f2;color:#dc2626}.dropdown-logout .dropdown-icon{opacity:1}@media (max-width:768px){.user-dropdown-menu{left:auto;min-width:200px;right:0}}.monitor-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem;position:relative;transition:transform .2s,box-shadow .2s,background-color .3s}.monitor-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.monitor-card-up{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.monitor-card-down{animation:pulse-down 2s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}@keyframes pulse-down{0%,to{background:linear-gradient(135deg,#fee2e2,#fecaca)}50%{background:linear-gradient(135deg,#fecaca,#fca5a5)}}.monitor-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.monitor-status{align-items:center;display:flex;gap:.5rem}.status-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.status-text{font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.btn-edit{align-items:center;background:#0000;border:none;color:#1f2937;cursor:pointer;display:flex;justify-content:center;line-height:1;transition:all .2s}.btn-edit svg{height:16px;width:16px}.btn-edit:hover{color:#10b981}.btn-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2937;cursor:pointer;display:flex;justify-content:center;line-height:1;transition:all .2s}.btn-delete svg{height:18px;width:18px}.btn-delete:hover{background:#fee2e2;color:#ef4444}.btn-delete:hover svg{color:#ef4444}.monitor-link{color:inherit;display:block;text-decoration:none}.monitor-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.monitor-url{color:#6b7280;font-size:.875rem;margin-bottom:1rem;word-break:break-all}.monitor-stats{border-top:1px solid #e5e7eb;display:flex;gap:1.5rem;padding-top:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#9ca3af;font-size:.75rem}.stat-value{color:#1f2937;font-size:1.125rem;font-weight:600}.monitor-check-section{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.monitor-countdown{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.countdown-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.countdown-label{color:#6b7280;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.countdown-time{color:#10b981;font-size:.875rem;font-weight:600;white-space:nowrap}.linear-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.linear-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;position:relative;transition:width 1s linear}.linear-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.btn-run-now{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-run-now:hover:not(:disabled){box-shadow:0 2px 8px #10b98166;transform:translateY(-1px)}.btn-run-now:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-run-now span:first-child{font-size:.625rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:10px;width:10px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.monitor-check-section{align-items:stretch;flex-direction:column}.btn-run-now,.monitor-countdown{justify-content:center}.btn-run-now{width:100%}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:32px}.modal-close:hover{background:#f3f4f6}form{padding:1.5rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.form-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.form-section h3{color:#1f2937;font-size:1.125rem;margin-bottom:1rem}.form-group small{line-height:1.5}.status-summary{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.summary-card{align-items:center;background:#fff;border-radius:12px;border-top:5px solid #0000;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:150px;padding:2rem 1.5rem;position:relative}.summary-card-total{border-top-color:#9ca3af}.summary-card-up{border-top-color:#10b981}.summary-card-down{border-top-color:#ef4444}.summary-card-unknown{border-top-color:#f59e0b}.summary-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-align:center;text-transform:uppercase}.summary-value{color:#1f2937;font-size:2rem;font-weight:700;line-height:1;text-align:center}@media (max-width:768px){.status-summary{flex-direction:column}.summary-card{min-width:100%}}.dashboard{box-sizing:border-box;max-width:100%;padding:2rem 0;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{color:#1f2937;font-size:2rem}.btn-primary:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.monitors-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.monitors-grid>*{flex:0 1 auto;max-width:320px;min-width:280px}@media (min-width:1600px){.monitors-grid>*{flex-basis:calc(20% - 1.5rem);max-width:calc(20% - 1.5rem)}}@media (min-width:1400px) and (max-width:1599px){.monitors-grid>*{flex-basis:calc(25% - 1.5rem);max-width:calc(25% - 1.5rem)}}@media (min-width:1200px) and (max-width:1399px){.monitors-grid>*{flex-basis:calc(25% - 1.5rem);max-width:calc(25% - 1.5rem)}}@media (min-width:900px) and (max-width:1199px){.monitors-grid>*{flex-basis:calc(33.333% - 1.5rem);max-width:calc(33.333% - 1.5rem)}}@media (min-width:600px) and (max-width:899px){.monitors-grid>*{flex-basis:calc(50% - 1.5rem);max-width:calc(50% - 1.5rem)}}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:4rem 2rem;text-align:center}.empty-state p{color:#6b7280;font-size:1.1rem}@media (max-width:599px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.monitors-grid>*{flex-basis:100%;max-width:100%;min-width:100%}}.monitor-detail{padding:2rem 0}.back-link{color:#10b981;display:inline-block;font-weight:500;margin-bottom:1.5rem;text-decoration:none;transition:color .2s}.back-link:hover{color:#059669}.detail-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.detail-header h1{color:#1f2937;font-size:2rem;margin-bottom:.5rem}.monitor-url-large{color:#6b7280;font-size:1.125rem;word-break:break-all}.status-badge{border-radius:8px;color:#fff;font-size:.875rem;padding:.5rem 1rem}.detail-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.detail-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center}.stat-label{color:#6b7280;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value-large{color:#1f2937;font-size:2.5rem;font-weight:700}.detail-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.detail-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.chart-container{margin-top:1rem}.checks-table{overflow-x:auto}.checks-table table{border-collapse:collapse;width:100%}.checks-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.checks-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:.75rem}.checks-table tr:hover{background:#f9fafb}.status-badge-small{border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.error-cell{color:#ef4444;font-size:.875rem}.incidents-list{display:flex;flex-direction:column;gap:1rem}.incident-card{background:#f9fafb;border-left:4px solid #ef4444;border-radius:8px;padding:1.5rem}.incident-header{margin-bottom:1rem}.incident-status{border-radius:6px;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.incident-status.resolved{background:#d1fae5;color:#065f46}.incident-status.active{background:#fee2e2;color:#991b1b}.incident-details p{color:#374151;margin-bottom:.5rem}.incident-details strong{color:#1f2937}.error,.loading{font-size:1.2rem;padding:4rem;text-align:center}.error{color:#ef4444}@media (max-width:768px){.detail-header{flex-direction:column;gap:1rem}.detail-stats{grid-template-columns:repeat(2,1fr)}.checks-table{font-size:.875rem}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-left:2rem;padding-right:2rem}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:2.5rem 0;width:100%}.auth-card h2{color:#1f2937;font-size:1.75rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#6b7280;font-size:.875rem;margin-bottom:2rem;text-align:center}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.btn-block{margin-top:1rem;width:100%}.auth-footer{color:#6b7280;font-size:.875rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:#10b981;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.settings-container{margin:0 auto;max-width:800px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#1f2937;font-size:2rem;margin-bottom:.5rem}.settings-subtitle{color:#6b7280;font-size:1rem}.settings-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:2.5rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.section-description{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.checkbox-label{align-items:flex-start;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#10b981}.checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:20px;margin-top:2px;width:20px}.checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.checkbox-text strong{color:#1f2937;font-size:1rem}.checkbox-description{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-enabled{background:#d1fae5;color:#065f46}.status-disabled{background:#fee2e2;color:#991b1b}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.875rem;margin-top:1rem;padding:1rem}.email-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.email-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group small{color:#6b7280;display:block;font-size:.875rem;margin-top:.5rem}.email-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.email-preview strong{color:#374151;display:block;margin-bottom:.5rem}.email-preview ul{list-style:none;margin:0;padding:0}.email-preview li{background:#fff;border-radius:4px;color:#1f2937;margin-bottom:.5rem;padding:.5rem}.email-preview li:last-child{margin-bottom:0}.alert{border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.loading{padding:4rem;text-align:center}@media (max-width:768px){.settings-container{padding:1rem}.settings-form{padding:1.5rem}.form-actions{flex-direction:column}.btn{width:100%}}.App{min-height:100vh}.App-header{align-items:center;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.App-header h1{font-size:2rem;margin-bottom:.25rem}.App-header p{font-size:.875rem;opacity:.9}.App-header-user{align-items:center;display:flex;gap:1rem}.user-info{text-align:right}.user-info .username{font-size:.875rem;font-weight:600}.user-info .user-email{font-size:.75rem;opacity:.8}.btn-logout{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s}.btn-logout:hover{background:#ffffff4d}main{box-sizing:border-box;margin:0 auto;max-width:100%;padding:2rem;width:100%}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading{color:#6b7280;font-size:1.2rem}@media (max-width:768px){.App-header{flex-direction:column;gap:1rem;text-align:center}.App-header-user{justify-content:center;width:100%}.user-info{text-align:center}.App-header h1{font-size:1.5rem}main{padding:1rem}}
/*# sourceMappingURL=main.f283d623.css.map*/