.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#111827;border:1px solid #1e293b;border-radius:.75rem;padding:2.5rem;width:100%;max-width:24rem}.login-title{font-size:1.5rem;font-weight:700;color:#22d3ee;text-align:center;margin-bottom:.25rem}.login-subtitle{color:#64748b;text-align:center;font-size:.875rem;margin-bottom:1.5rem}.login-error{background:#ef44441a;border:1px solid #ef4444;color:#f87171;padding:.625rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;text-align:center}.login-card form,.setup-section{display:flex;flex-direction:column;gap:.75rem}.login-card input{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:.625rem .75rem;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .15s}.login-card input:focus{border-color:#22d3ee}.totp-input{text-align:center;font-size:1.5rem!important;letter-spacing:.5em;font-family:monospace}.login-card button[type=submit],.setup-section button{background:#22d3ee;color:#0a0e1a;border:none;padding:.625rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.login-card button:hover:not(:disabled){background:#06b6d4}.login-card button:disabled{opacity:.5;cursor:not-allowed}.totp-label{color:#94a3b8;font-size:.875rem;text-align:center}.setup-link{background:none!important;color:#64748b!important;font-size:.8125rem!important;cursor:pointer;text-decoration:underline}.setup-link:hover{color:#94a3b8!important}.secret-box{background:#1e293b;border:1px solid #334155;border-radius:.375rem;padding:.75rem;text-align:center;word-break:break-all}.secret-box code{color:#22d3ee;font-size:.875rem}.setup-note{color:#64748b;font-size:.8125rem;text-align:center}.overview h2{font-size:1.25rem;margin-bottom:1.5rem;color:#e2e8f0}.loading,.error-msg{text-align:center;padding:3rem;color:#94a3b8}.error-msg{color:#f87171}.empty-state{text-align:center;padding:3rem;color:#64748b}.link-btn{background:none;border:none;color:#22d3ee;cursor:pointer;text-decoration:underline;font-size:inherit}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem}.project-card{background:#111827;border:1px solid #1e293b;border-radius:.75rem;padding:1.25rem;transition:border-color .15s}.project-card.status-green{border-left:3px solid #22c55e}.project-card.status-yellow{border-left:3px solid #eab308}.project-card.status-red{border-left:3px solid #ef4444}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-dot{display:inline-block;border-radius:50%}.status-dot.status-green{background:#22c55e;box-shadow:0 0 .375rem #22c55e}.status-dot.status-yellow{background:#eab308;box-shadow:0 0 .375rem #eab308}.status-dot.status-red{background:#ef4444;box-shadow:0 0 .375rem #ef4444}.card-header h3{font-size:1rem;color:#e2e8f0;flex:1}.status-label{font-size:.75rem;text-transform:uppercase;color:#64748b}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.stat{text-align:center}.stat-value{display:block;font-size:1.125rem;font-weight:600;color:#e2e8f0}.stat-label{font-size:.6875rem;color:#64748b}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid #1e293b}.last-check{font-size:.75rem;color:#64748b}.card-actions{display:flex;gap:.5rem}.card-actions button{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .15s}.card-actions button:hover{border-color:#22d3ee;color:#22d3ee}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.card-stats{grid-template-columns:repeat(3,1fr)}}.errors-page h2{font-size:1.25rem;color:#e2e8f0}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.back-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.875rem}.back-btn:hover{color:#22d3ee}.filters{margin-left:auto;display:flex;gap:.5rem}.filters select{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:.375rem .5rem;border-radius:.25rem;font-size:.8125rem}.errors-table-wrapper{overflow-x:auto}.errors-table{width:100%;border-collapse:collapse;font-size:.875rem}.errors-table th{text-align:left;padding:.625rem .75rem;color:#64748b;font-weight:500;border-bottom:1px solid #1e293b;white-space:nowrap}.errors-table td{padding:.625rem .75rem;border-bottom:1px solid #111827;color:#cbd5e1}.clickable{cursor:pointer;transition:background .1s}.clickable:hover{background:#111827}.error-msg-cell{max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-cell{font-weight:600;color:#f87171}.date-cell{white-space:nowrap;font-size:.8125rem;color:#64748b}.source-badge{font-size:.6875rem;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;font-weight:600}.source-badge.frontend{background:#22d3ee1a;color:#22d3ee}.source-badge.backend{background:#a855f71a;color:#a855f7}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:flex-end;z-index:50}.detail-panel{background:#111827;width:100%;max-width:40rem;overflow-y:auto;border-left:1px solid #1e293b}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #1e293b}.detail-header h3{font-size:1rem;color:#e2e8f0}.close-btn{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;line-height:1}.detail-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.detail-field label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;margin-bottom:.375rem}.detail-field p{color:#e2e8f0;font-size:.875rem}.detail-field pre{background:#0a0e1a;border:1px solid #1e293b;border-radius:.375rem;padding:.75rem;color:#f87171;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.occurrence-list{display:flex;flex-direction:column;gap:.25rem}.occurrence{display:flex;gap:1rem;font-size:.75rem;color:#94a3b8;padding:.25rem 0;border-bottom:1px solid #111827}.occ-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.occ-ua{color:#475569}@media(max-width:768px){.detail-panel{max-width:100%}.page-header{flex-direction:column;align-items:flex-start}.filters{margin-left:0}}.uptime-page h2{font-size:1.25rem;color:#e2e8f0}.uptime-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#111827;border:1px solid #1e293b;border-radius:.5rem;padding:1.25rem;text-align:center}.summary-value{display:block;font-size:1.5rem;font-weight:700;color:#e2e8f0}.summary-label{font-size:.75rem;color:#64748b;text-transform:uppercase}.response-chart{background:#111827;border:1px solid #1e293b;border-radius:.5rem;padding:1.25rem;margin-bottom:2rem}.response-chart h3,.check-history h3{font-size:.875rem;color:#94a3b8;margin-bottom:1rem}.chart-bars{display:flex;align-items:flex-end;gap:2px;min-height:8rem}.chart-bar{flex:1;min-width:4px;border-radius:2px 2px 0 0;transition:opacity .1s}.chart-bar.pass{background:#22c55e}.chart-bar.fail{background:#ef4444}.chart-bar:hover{opacity:.7}.chart-legend{display:flex;justify-content:space-between;font-size:.6875rem;color:#475569;margin-top:.375rem}.endpoint-cell{max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.result-badge{font-size:.6875rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600}.result-badge.pass{background:#22c55e1a;color:#22c55e}.result-badge.fail{background:#ef44441a;color:#ef4444}.row-fail{background:#ef44440d}@media(max-width:480px){.uptime-summary{grid-template-columns:repeat(2,1fr)}}.settings-page h2{font-size:1.25rem;color:#e2e8f0;margin-bottom:1.5rem}.settings-section{background:#111827;border:1px solid #1e293b;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.settings-section h3{font-size:.875rem;color:#94a3b8;margin-bottom:1rem}.add-form{display:flex;flex-direction:column;gap:.625rem;max-width:30rem}.add-form input{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;outline:none}.add-form input:focus{border-color:#22d3ee}.add-form button{background:#22d3ee;color:#0a0e1a;border:none;padding:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;align-self:flex-start}.add-form button:disabled{opacity:.5;cursor:not-allowed}.empty-hint{color:#64748b;font-size:.875rem}.project-list{display:flex;flex-direction:column;gap:.75rem}.project-row{background:#0a0e1a;border:1px solid #1e293b;border-radius:.375rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.project-info strong{color:#e2e8f0;font-size:.9375rem}.url-text{display:block;font-size:.75rem;color:#64748b}.project-key{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.key-label{font-size:.75rem;color:#64748b}.key-value{font-size:.75rem;color:#22d3ee;background:#1e293b;padding:.125rem .375rem;border-radius:.25rem}.key-hidden{color:#475569}.small-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;cursor:pointer;transition:all .15s}.small-btn:hover{border-color:#22d3ee;color:#22d3ee}.small-btn.warn:hover{border-color:#eab308;color:#eab308}.small-btn.danger{align-self:flex-start}.small-btn.danger:hover{border-color:#ef4444;color:#ef4444}@media(max-width:768px){.project-key{flex-direction:column;align-items:flex-start}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#111827;border-bottom:1px solid #1e293b}.logo{font-size:1.25rem;font-weight:700;color:#22d3ee;text-decoration:none}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{color:#94a3b8;text-decoration:none;font-size:.875rem;transition:color .15s}.nav a:hover,.nav a.active{color:#22d3ee}.logout-btn{background:none;border:1px solid #374151;color:#94a3b8;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .15s}.logout-btn:hover{border-color:#ef4444;color:#ef4444}.main{flex:1;padding:2rem;max-width:80rem;width:100%;margin:0 auto}@media(max-width:768px){.header{flex-direction:column;gap:.75rem;padding:1rem}.main{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0e1a;color:#e0e6ed;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem}