*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto}header{margin-bottom:20px}.back-link{display:inline-block;color:#4959bd;text-decoration:none;font-size:14px;margin-bottom:16px}.back-link:hover{text-decoration:underline}h1{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.description{color:#555;font-size:16px;line-height:1.5}.stats{display:flex;gap:24px;background:#fff;padding:12px 20px;border-radius:8px;margin-bottom:16px;font-size:14px;color:#444;box-shadow:0 1px 3px rgba(0,0,0,0.1)}#list-container{height:500px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden}.item-content{display:flex;align-items:center;gap:12px;padding:0 16px;height:100%}.item-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px;flex-shrink:0}.item-details{flex:1;min-width:0}.item-name{font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-email{font-size:13px;color:#636363;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-index{font-size:12px;color:#737373;min-width:60px;text-align:right}.vlist-item:hover{background:#f8f9fa}footer{margin-top:20px;text-align:center;color:#6b6b6b;font-size:14px}@media (prefers-color-scheme:dark){body{background:#0a0f1a}h1{color:#f0f0f0}.description{color:#a0a8b8}.back-link{color:#8da0f0}.stats{background:#1a1f2e;color:#a0a8b8;box-shadow:0 1px 3px rgba(0,0,0,0.3)}#list-container{background:#111827;box-shadow:0 2px 12px rgba(0,0,0,0.4)}.item-name{color:#f0f0f0}.item-email{color:#9ca3af}.item-index{color:#8890a0}.vlist-item:hover{background:#1f2937}footer{color:#8890a0}}