*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{margin:0;padding:0;min-height:100vh}.dashboard-container{min-height:100vh;background:#f5f5f5;padding:2rem}.dashboard-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center}.header-center{display:flex;justify-content:center;align-items:center}.header-right{display:flex;justify-content:flex-end;align-items:center}.dashboard-logo{height:40px;width:auto}.dashboard-header h1{margin:0;color:#333}.spider-group{margin-bottom:3rem}.group-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.spiders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.spider-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.spider-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.spider-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.spider-card-header h2{margin:0;text-transform:capitalize;color:#333}.status-badge{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.spider-card-body{display:flex;flex-direction:column;gap:1rem}.data-group{background:#f9fafb;border-radius:6px;padding:.75rem;border:1px solid #e5e7eb}.data-group-header{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid #e5e7eb}.stat{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.stat:last-child{border-bottom:none}.stat-label{color:#666;font-size:.9rem}.stat-value{color:#333;font-weight:500}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-box h1{margin:0 0 1.5rem;text-align:center;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.login-box button{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem}.login-box button:hover:not(:disabled){background:#5568d3}.login-box button:disabled{opacity:.6;cursor:not-allowed}.error{color:#e74c3c;margin-top:.5rem;font-size:.9rem}.spider-detail-container{min-height:100vh;background:#f5f5f5;padding:2rem}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.detail-header h1{margin:0;text-transform:capitalize;color:#333}.back-link{color:#667eea;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.status-section,.stats-section,.charts-section,.history-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.status-section h2,.stats-section h2,.charts-section h2,.history-section h2{margin:0 0 1rem;color:#333}.status-card{padding:1rem}.status-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-item .label{color:#666;font-size:.9rem}.status-item .value{color:#333;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;width:fit-content}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem;background:#f9fafb;border-radius:6px;text-align:center}.stat-card .stat-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-card .stat-value{color:#333;font-size:1.5rem;font-weight:600}.charts-section{margin-top:1.5rem}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-container{min-width:0}.chart-container h3{margin:0 0 .5rem;color:#666;font-size:1rem;font-weight:600}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;margin-top:1rem}.history-table th,.history-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.history-table th{background:#f9fafb;font-weight:600;color:#333}.history-table tbody tr:hover{background:#f9fafb}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.pagination button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination button:hover:not(:disabled){background:#5568d3}.pagination button:disabled{opacity:.5;cursor:not-allowed}.logout-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.logout-btn:hover{background:#dc2626}#root{margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}