*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;color:#1d1d1f;min-height:100vh}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;border-right:1px solid #d2d2d7;padding:2rem 0;position:fixed;height:100vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid #e5e5e7}.sidebar-header h1{font-size:1.375rem;font-weight:600;margin-bottom:.25rem;color:#1d1d1f;letter-spacing:-.02em}.version{font-size:.8125rem;color:#86868b;font-weight:400}.sidebar-search{padding:1.25rem 1.5rem 1rem}.sidebar-search input{width:100%;background:#f5f5f7;border:1px solid #d2d2d7;border-radius:10px;padding:.5rem .75rem;color:#1d1d1f;font-size:.8125rem;transition:all .2s ease}.sidebar-search input::placeholder{color:#86868b}.sidebar-search input:focus{outline:none;border-color:#007aff;background:#fff;box-shadow:0 0 0 4px #007aff1a}.sidebar-nav{padding:.5rem 0}.nav-section{margin-bottom:1.25rem}.nav-label{padding:.375rem 1.5rem;font-size:.6875rem;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.08em}.nav-item{width:100%;text-align:left;padding:.5rem 1.5rem;background:transparent;border:none;color:#1d1d1f;cursor:pointer;font-size:.875rem;font-weight:400;transition:all .15s ease;border-radius:0}.nav-item:hover{background:#f5f5f7;color:#000}.nav-item.active{background:#e8e8ed;color:#007aff;font-weight:500}.main-content{margin-left:260px;flex:1;padding:3rem 4rem;max-width:calc(100% - 260px);background:#f5f5f7}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.content-header h2{font-size:2.5rem;font-weight:600;color:#1d1d1f;letter-spacing:-.03em}.header-actions{display:flex;gap:.75rem;align-items:center}.theme-btn{background:#fff;border:1px solid #d2d2d7;color:#1d1d1f;padding:.625rem 1rem;border-radius:12px;cursor:pointer;font-size:1.25rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;display:flex;align-items:center;justify-content:center}.theme-btn:hover{background:#f5f5f7;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.refresh-btn{background:#007aff;border:none;color:#fff;padding:.625rem 1.5rem;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #007aff33}.refresh-btn:hover:not(:disabled){background:#0051d5;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:#fff;border:1px solid #d2d2d7;border-radius:16px;padding:1.75rem;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-value{font-size:3rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem;letter-spacing:-.02em}.stat-label{font-size:.8125rem;color:#86868b;font-weight:400;text-transform:none;letter-spacing:0}.base-url-section{background:#fff;border:1px solid #d2d2d7;border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000a}.base-url-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:#1d1d1f;letter-spacing:-.02em}.url-info div{margin-bottom:.875rem;font-size:.9375rem;line-height:1.5}.url-info strong{color:#1d1d1f;font-weight:500}.url-info .url{color:#007aff;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem}.api-stats-section{background:#fff;border:1px solid #d2d2d7;border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000a}.api-stats-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:#1d1d1f;letter-spacing:-.02em}.api-stats-section ul{list-style:none;padding:0}.api-stats-section li{padding:.75rem 0;color:#515154;font-size:.9375rem;line-height:1.5;border-bottom:1px solid #f5f5f7}.api-stats-section li:last-child{border-bottom:none}.api-stats-section li strong{color:#1d1d1f;font-weight:500}.last-check-section{background:#f5f5f7;border:1px solid #e5e5e7;border-radius:12px;padding:1.25rem;margin-bottom:2rem}.last-check-section p{margin-bottom:.375rem;color:#86868b;font-size:.8125rem}.endpoints-section{margin-top:2rem}.endpoints-section h3{font-size:1.375rem;font-weight:600;margin-bottom:1.25rem;color:#1d1d1f;letter-spacing:-.02em}.endpoints-list{display:flex;flex-direction:column;gap:1rem}.endpoint-card{background:#fff;border:1px solid #d2d2d7;border-radius:16px;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000a}.endpoint-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:#007aff}.endpoint-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.endpoint-method{background:#f5f5f7;color:#007aff;padding:.375rem .875rem;border-radius:8px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.endpoint-name{flex:1;font-size:1.0625rem;font-weight:500;color:#1d1d1f;letter-spacing:-.01em}.endpoint-status{font-size:.8125rem;font-weight:500;padding:.375rem .875rem;border-radius:8px}.endpoint-status.healthy{color:#34c759;background:#34c7591a}.endpoint-status.unhealthy{color:#ff3b30;background:#ff3b301a}.endpoint-path{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:#86868b;margin-bottom:.875rem;padding:.5rem .875rem;background:#f5f5f7;border-radius:8px;display:inline-block}.endpoint-metrics{display:flex;gap:1.75rem;font-size:.8125rem;color:#86868b}.endpoint-metrics span{display:flex;align-items:center;font-weight:400}.endpoint-time{margin-left:auto}.endpoint-error{margin-top:.875rem;padding:.875rem;background:#ff3b3014;border:1px solid rgba(255,59,48,.2);border-radius:10px;color:#ff3b30;font-size:.8125rem;font-weight:400}@media(max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:2rem 2.5rem;max-width:calc(100% - 240px)}.content-header h2{font-size:2rem}}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{position:relative;width:100%;height:auto}.main-content{margin-left:0;max-width:100%;padding:1.5rem}.content-header h2{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-header{flex-direction:column;gap:1rem;align-items:flex-start}.refresh-btn{width:100%}.header-actions{flex-direction:row;width:100%}.theme-btn,.refresh-btn{flex:1}}body.dark-mode{background:#000;color:#f5f5f7}body.dark-mode .sidebar{background:#1c1c1e;border-right:1px solid #38383a}body.dark-mode .sidebar-header h1{color:#f5f5f7}body.dark-mode .version{color:#98989d}body.dark-mode .sidebar-search input{background:#2c2c2e;border:1px solid #38383a;color:#f5f5f7}body.dark-mode .sidebar-search input::placeholder{color:#98989d}body.dark-mode .sidebar-search input:focus{background:#2c2c2e;border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff33}body.dark-mode .nav-label{color:#98989d}body.dark-mode .nav-item{color:#f5f5f7}body.dark-mode .nav-item:hover{background:#2c2c2e;color:#fff}body.dark-mode .nav-item.active{background:#2c2c2e;color:#0a84ff}body.dark-mode .main-content{background:#000}body.dark-mode .content-header h2{color:#f5f5f7}body.dark-mode .theme-btn{background:#2c2c2e;border:1px solid #38383a;color:#f5f5f7}body.dark-mode .theme-btn:hover{background:#3a3a3c}body.dark-mode .refresh-btn{background:#0a84ff}body.dark-mode .refresh-btn:hover:not(:disabled){background:#0077ed}body.dark-mode .stat-card{background:#1c1c1e;border:1px solid #38383a}body.dark-mode .stat-value{color:#f5f5f7}body.dark-mode .stat-label{color:#98989d}body.dark-mode .base-url-section,body.dark-mode .api-stats-section{background:#1c1c1e;border:1px solid #38383a}body.dark-mode .base-url-section h3,body.dark-mode .api-stats-section h3,body.dark-mode .url-info strong,body.dark-mode .api-stats-section li strong{color:#f5f5f7}body.dark-mode .url-info .url{color:#0a84ff}body.dark-mode .api-stats-section li{color:#98989d;border-bottom:1px solid #2c2c2e}body.dark-mode .last-check-section{background:#2c2c2e;border:1px solid #38383a}body.dark-mode .last-check-section p{color:#98989d}body.dark-mode .endpoints-section h3{color:#f5f5f7}body.dark-mode .endpoint-card{background:#1c1c1e;border:1px solid #38383a}body.dark-mode .endpoint-card:hover{border-color:#0a84ff}body.dark-mode .endpoint-method{background:#2c2c2e;color:#0a84ff}body.dark-mode .endpoint-name{color:#f5f5f7}body.dark-mode .endpoint-path{background:#2c2c2e;color:#98989d}body.dark-mode .endpoint-metrics{color:#98989d}body.dark-mode .endpoint-error{background:#ff453a26;border:1px solid rgba(255,69,58,.3);color:#ff453a}.all-endpoints-section{margin-top:2rem}.table-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.table-search,.table-sort{background:#fff;border:1px solid #d2d2d7;border-radius:10px;padding:.625rem 1rem;font-size:.875rem;color:#1d1d1f;font-family:inherit;transition:all .2s ease}.table-search{flex:1;max-width:400px}.table-search:focus,.table-sort:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}.table-sort{cursor:pointer}.endpoints-table-container{background:#fff;border:1px solid #d2d2d7;border-radius:16px;overflow:hidden;box-shadow:0 2px 4px #0000000a}.endpoints-table{width:100%;border-collapse:collapse}.endpoints-table thead{background:#f5f5f7;border-bottom:1px solid #d2d2d7}.endpoints-table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.05em}.endpoints-table tbody tr{border-bottom:1px solid #f5f5f7;transition:all .2s ease}.endpoints-table tbody tr:hover{background:#f9f9fa}.endpoints-table tbody tr.unhealthy-row{background:#ff3b300d}.endpoints-table tbody tr.unhealthy-row:hover{background:#ff3b3014}.endpoints-table td{padding:1rem;font-size:.875rem;color:#1d1d1f}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:600;font-size:.75rem}.status-badge.healthy{background:#34c75926;color:#34c759}.status-badge.unhealthy{background:#ff3b3026;color:#ff3b30}.status-badge.unknown{background:#f5f5f7;color:#86868b}.endpoint-cell{display:flex;flex-direction:column;gap:.25rem}.endpoint-cell strong{font-weight:500;color:#1d1d1f}.endpoint-path-small{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:#86868b}.error-badge{display:inline-block;padding:.25rem .5rem;background:#ff3b301a;color:#ff3b30;border-radius:6px;font-size:.75rem;margin-top:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.method-badge.get{background:#34c7591a;color:#34c759}.method-badge.post{background:#007aff1a;color:#007aff}.method-badge.put{background:#ff95001a;color:#ff9500}.method-badge.delete{background:#ff3b301a;color:#ff3b30}.success-rate{display:flex;flex-direction:column;gap:.375rem}.success-rate span{font-weight:500}.success-rate .high{color:#34c759}.success-rate .medium{color:#ff9500}.success-rate .low{color:#ff3b30}.progress-bar{width:100px;height:4px;background:#f5f5f7;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#34c759,#30d158);border-radius:2px;transition:width .3s ease}.last-check{color:#86868b;font-size:.8125rem}.table-footer{padding:1rem;background:#f9f9fa;border-top:1px solid #f5f5f7;text-align:center}.table-footer p{color:#86868b;font-size:.8125rem}body.dark-mode .table-search,body.dark-mode .table-sort{background:#2c2c2e;border:1px solid #38383a;color:#f5f5f7}body.dark-mode .table-search:focus,body.dark-mode .table-sort:focus{background:#2c2c2e;border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff33}body.dark-mode .endpoints-table-container{background:#1c1c1e;border:1px solid #38383a}body.dark-mode .endpoints-table thead{background:#2c2c2e;border-bottom:1px solid #38383a}body.dark-mode .endpoints-table th{color:#98989d}body.dark-mode .endpoints-table tbody tr{border-bottom:1px solid #2c2c2e}body.dark-mode .endpoints-table tbody tr:hover{background:#2c2c2e}body.dark-mode .endpoints-table tbody tr.unhealthy-row{background:#ff453a1a}body.dark-mode .endpoints-table tbody tr.unhealthy-row:hover{background:#ff453a26}body.dark-mode .endpoints-table td,body.dark-mode .endpoint-cell strong{color:#f5f5f7}body.dark-mode .endpoint-path-small{color:#98989d}body.dark-mode .error-badge{background:#ff453a26;color:#ff453a}body.dark-mode .method-badge.get{background:#34c75926;color:#30d158}body.dark-mode .method-badge.post{background:#0a84ff26;color:#0a84ff}body.dark-mode .method-badge.put{background:#ff9f0a26;color:#ff9f0a}body.dark-mode .method-badge.delete{background:#ff453a26;color:#ff453a}body.dark-mode .progress-bar{background:#2c2c2e}body.dark-mode .table-footer{background:#2c2c2e;border-top:1px solid #38383a}body.dark-mode .table-footer p{color:#98989d}