body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#121212;color:#e0e0e0}.app{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}header h1{font-size:2rem;margin-bottom:10px;color:#fff}nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tab{background-color:#1e1e1e;border:1px solid #333;padding:10px 15px;border-radius:5px;cursor:pointer;color:#e0e0e0;transition:background-color .3s}.tab.active,.tab:hover{background-color:#007bff;color:#fff}main{background:#1e1e1e;padding:20px;border-radius:8px;box-shadow:0 2px 8px #000c}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #333}button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer}button:hover{opacity:.8}.pagination{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:10px}.search-container{margin-bottom:10px}.search-container input{padding:8px;border-radius:4px;border:1px solid #333;background-color:#333;color:#e0e0e0}@media (max-width: 768px){.app{padding:10px}header{align-items:stretch}nav{justify-content:center}.tab{flex:1 1 auto;text-align:center}main{padding:10px}}